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.
