Modificar pagina de producto prestashop  

Hola Manuel.

No es tan fácil lo que comentas ya que tienes que modificar código de la pagina del producto y hay que ir con mucho cuidado de lo contrario se puede caer la web.

Lo primero añade lo siguiente a tu archivo de estilos CSS, no se si utilizas algún archivo custom para las modificaciones de css ya que carga en cache y no puedo ver los archivos de tu web.

.our_price_display {
    display: -webkit-box;
}

.- Edita el archivo Product.tpl que encontraras en themes -> warehouse -> product.tpl
.- sobre la linea 396 veras el siguiente codigo:

specificPrice || !$product->specificPrice.reduction)} class="hidden"{/if}>{strip}
									{if $priceDisplay >= 0 && $priceDisplay <= 2}
										{hook h="displayProductPriceBlock" product=$product type="old_price"}
										{if $productPriceWithoutReduction > $productPrice}{convertPrice price=$productPriceWithoutReduction|floatval}{/if}{if $tax_enabled && $display_tax_label == 1} {if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}{/if}
									{/if}
								{/strip}

.- Corta el código y lo añades después de este código que tiene que estar sobre la linea 380

Modifica la siguiente linea del código anterior:

{if $productPriceWithoutReduction > 

Por esta:

Antes: {if $productPriceWithoutReduction >

.- Busca el siguiente código que tiene que estar sobre la linea 386 ( puede variar ya que movimos el código anterior )

<span id="our_price_display" class="price" itemprop="price" 

Modifica el código por lo siguiente:

Ahora<span id="our_price_display" class="price" itemprop="price" 

Sobre la consulta del tercer precio es algo mas complicado ya que tienes que añadir variables, etc.. y no es lo mismo que mover código de posición, en eso me temo que no podemos ayudarte.

Nota: Antes de realizar las modificaciones descarga el archivo para tener una copia de seguridad pro si algo sale mal y tienes que volver a dejarlo como estaba.

Un saludo

Pepe, tu ayuda me ha sido de gran utilidad.
Necesito saber una cosa mas, cómo hago el salto de linea entre ambos precios? Utilizando la etiqueta
no lo logré. Por último, para agregar un espacio entre el precio final (color verde) y la etiqueta magenta de decuento como tendría que hacer?
Muchísimas gracias,
Saludos.

Hola Manuel.

cómo hago el salto de linea entre ambos precios?
tienes que añadir el codigo de estilos que te indique en la anterior entrada:

.our_price_display {
    display: -webkit-box!important;
}

Si lo añadiste, modifica el código añadiendo la etiqueta important, como tienes en el código de arriba y prueba si se realiza el salto de los dos precios.

agregar un espacio entre el precio final (color verde) y la etiqueta magenta de decuento

Añade lo siguiente:

p#reduction_percent {
    margin-left:2em;
}

Un saludo