Avisos
Vaciar todo

[Resuelto] Modificar recibo POS

15 Respuestas
5 Usuarios
0 Reactions
41 Visitas
Respuestas: 53
Trusted Member
Topic starter
 

¡Hola de nuevo chic@s!

Estoy modificando el formato del recibo de un POS para Woocommerce. Ya he hecho varios cambios pero ahora, por mucho que mire y mire, no veo la manera de mover la parte del texto que está alineado a la línea roja hacia la línea verde. 

Os dejo una imagen con las líneas y luego el fichero php en txt.

A ver si me podéis echar un cable.

¡Gracias!

 

recibolineas

 


 
Respondido : 07/05/2020 6:15 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Posiblemente tenga que ver con el padding de la tabla prueba agregar este código CSS

table td{
padding-left:0!important;
padding-right: 0!important;
}

Saludos.


 
Respondido : 07/05/2020 8:38 pm
Respuestas: 53
Trusted Member
Topic starter
 

Hola Jhon,

¡Perfecto! Muchas gracias.

Otra pregunta, la columna de Cant, ¿cómo podría hacerla un poco más estrecha? He probado lo del width=30% en el <td> tipo html de los de antes... pero, no logré que se estrechara.

¡Gracias de nuevo!


 
Respondido : 08/05/2020 11:30 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola Ramón.

Podrias probar con lo siguiente:

table.order-info.qty {
width: 20%;
}

 

Un saludo


 
Respondido : 08/05/2020 11:53 am
Respuestas: 53
Trusted Member
Topic starter
 

@pepesoler

Hola Pepe,

Es no me ha funcionado : (

¿Alguna otra idea?

 


 
Respondido : 08/05/2020 12:05 pm
Karen Rios
Respuestas: 18675
Illustrious Member Moderator
 

Hola Ramón,

Puedes probar  agregando un valor fijo? Por ejemplo

table.order-info.qty {
width: 30px !important;
}

Un Saludo

 


 
Respondido : 08/05/2020 12:56 pm
Respuestas: 53
Trusted Member
Topic starter
 

@karen

Hola Karen,

Perdona la tardanza pero la vuelta a la tienda ha sido demencial. He probado lo que me comentaste y parece ser que no funciona para hacerla más estrecha.

Le he puesto 10px por si coincidia que ésa era la anchura pero no se estrecha.

¿Se os ocurre alguna cosa más?

Gracias!


 
Respondido : 20/05/2020 4:09 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba el siguiente código:

.order-items td.qty{
width: 10px;
}

Saludos.


 
Respondido : 20/05/2020 5:42 pm
Respuestas: 53
Trusted Member
Topic starter
 

@jmarreros

Hola Jhon,

Tampoco he logrado hacerla más estrecha así 🙁

¡Gracias!


 
Respondido : 21/05/2020 9:36 am
Respuestas: 53
Trusted Member
Topic starter
 

Os paso por PDF como está el fichero ahora después de los cambios que le hemos hecho.

 

 


 
Respondido : 21/05/2020 9:56 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola Ramón.

vamos a ciegas ya que no podemos probarlo 😋 

 

.order-items .qty {
  width: 10px!important;
}

 

Si ves que no funciona prueba solo con la etiqueta de la cantidad:

.qty {
  width: 10px!important;
}


Un saludo


 
Respondido : 21/05/2020 10:10 am
Respuestas: 53
Trusted Member
Topic starter
 

Lo sé, lo sé, Pepe... y se agradece la ayuda siempre. No hay nada más difícil que volar a ciegas y no poder probar.

He probado la primera y la segunda opción. No se ha movido la columna.

 


 
Respondido : 21/05/2020 10:33 am
Respuestas: 53
Trusted Member
Topic starter
 

Chic@s, he estado jugueteando con las opciones de impresión y he quitado los márgenes que venían por defecto. Los he puesto personalizados y entonces me ha hecho la tabla más ancha en general.

Sin embargo, es una solución rápida que ya me serviría porque la razón de hacer más pequeña la columna de cantidad era para que la del producto fuera más ancha (los nombres de los productos pueden ser kilométricos en nuestro caso). Al quitar márgenes de impresión, se logró el objetivo.

Si se os ocurriera alguna cosa de código, lo podemos comentar y la probamos, por supuesto.

Gracias de nuevo.

 


 
Respondido : 21/05/2020 10:54 am
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Ramon,

Disculpame pero no entiendo muy bien la pregunta estás intentando modificar nuevamente el archivo para lograr algo en especifico? o ya lo lograste?, en caso que necesites que te ayudemos a modificar como has movido elementos desde el último archivo que enviaste te recomiendo que nos lo vuelvas a enviar y asi poder darte una solución más precisa

Saludos 🖐️ 


 
Respondido : 21/05/2020 12:36 pm
Respuestas: 53
Trusted Member
Topic starter
 

Hola chic@s,

Ayer hablando con un amigo, me comentó si había probado:

.qty {
text-align: center;
padding: 5px;
}

Y resulta que sí, que se estrechó la columna tal y como buscábamos hacer.

¡Gracias de nuevo!


 
Respondido : 27/05/2020 11:56 am