Hola @felix_es35, el problema que describes con las etiquetas de impuestos es muy común y @luciasevilla ha dado en el clavo.
En PrestaShop 1.7.6.3 (y en general en el tema Classic), los elementos de precio y las etiquetas de impuestos están diseñados para mostrarse en línea. Al aplicar display: block a .tax-value, forzamos su comportamiento a ser un elemento de bloque, lo que naturalmente hace que salte a la siguiente línea. Además, para asegurar que todo el bloque de precio se mantenga en una sola línea y no se rompa el texto, podemos usar white-space: nowrap en el contenedor principal.
Aquí tienes el CSS corregido para tu themes/classic/assets/css/custom.css. Con esto deberías conseguir el efecto deseado sin saltos de línea:
.product-price-and-shipping {
white-space: nowrap; /* Evita que el contenido de los precios se envuelva */
overflow: hidden; /* Oculta cualquier contenido que se desborde */
text-overflow: ellipsis; /* Añade puntos suspensivos si el texto es muy largo */
}
.product-price-and-shipping .regular-price {
text-decoration: line-through;
color: #999;
font-size: 0.85em;
margin-right: 8px; /* Espacio entre el precio tachado y el de oferta */
Explicación de los cambios:
- Añadimos
white-space: nowrap; al contenedor .product-price-and-shipping. Esto fuerza a todos los elementos internos (precio regular, precio de oferta, impuestos) a permanecer en una sola línea, evitando saltos.
- Eliminamos
display: block; de .product-price-and-shipping .tax-value y lo dejamos como display: inline; (o simplemente lo quitamos, ya que es el valor por defecto para span). Esto le devuelve su comportamiento de elemento en línea.
- Aseguramos
display: inline-block; en .regular-price y .price.product-price para que mantengan sus propiedades de bloque (como margin-right) pero sin forzar un salto de línea.
Con esto, deberías ver los precios y las etiquetas en la misma línea y con el estilo deseado.