Bettabi - Web Design e Web Marketing Torino
Web Design, Siti Internet, Siti e-commerce, Web Marketing, SEO

Come visualizzare i prezzi barrati
Tip per valorizzare gli sconti

17 Ottobre 2013

Prezzo scontato su Prestashop

Di questi tempi grami, se avete un e-commerce probabilmente vorrete dare il massimo risalto agli sconti ed alle promozioni che riservate ai vostri clienti. Vorrete gridare a gran voce: HEI, GUARDATE QUI QUANTO SI RISPARMIA!

Quale modo migliore per farlo che scrivere accanto ad ogni prodotto scontato il vecchio prezzo, grigio e  tristanzuolo, con una bella barra sopra e accanto il nuovo prezzo scontato, in bei caratteri cubitali e colori vivaci?

Purtroppo con Prestashop, per visualizzare il prezzo scontato barrato accanto a quello intero, bisogna mettere le mani nel codice.

Per far comparire il prezzo barrato nella pagina categoria, ad esempio, bisogna aprire il file  product-list.tpl.

Cercate quindi il punto in cui compare il prezzo (span class="price") e aggiungete il seguente codice:

{if isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}
<span class="price-discount">{displayWtPrice p=$product.price_without_reduction}</span>
{/if}


Nel foglio di stile CSS associato aggiungete quindi: 

.price-discount{
color: #666666;
font-weight: bold;
text-decoration: line-through;
} 

Il gioco è fatto!

Naturalmente, se avete moduli che mostrano i prodotti su cui volete far comparire il prezzo barrato, dovete agire nel tpl del modulo.

blog comments powered by Disqus