Web Agency certificata PrestaShop RICHEDICI UN PREVENTIVO

PrestaShop: Visualizzare Spedizione Gratuita

Per visualizzare una scritta su ogni prodotto che superi il prezzo minimo per la spedizione gratuita dovremo operare su due file del Template in uso su PrestaShop i file sono: product-list.tpl e product.tpl.

Nel file product-list.tpl andremo a inserire il seguente codice:

{if $product.price > 120}<div class="freedelivery">{l s='Spedizione Gratuita'}
  </div>
     {else}
        <div class="notfreedelivery">...</div>
{/if}

Note: {l s='Spedizione Gratuita'} ci permetterà di modificare la descrizione in Localizzazione > Traduzioni di PrestaShop
N.B. dove 120 è la tariffa minima impostata per la spedizione gratuita. Creeremo poi il relativo CSS per visualizzare correttamente la scritta “Spedizione Gratuita” adattandola al nostro template.

Nel caso specifico in esame il CSS è stato inserito nel file global.css :

.freedelivery {
    background-color: #0D8E03;
    color: #FFFFFF;
    display: inline-block;
    font: bold 12px/17px "Arial";
    height: 17px;
    padding: 0 10px 0 15px;
    text-transform: uppercase;   
}

.notfreedelivery {
    height: 17px;
    padding: 0 10px 0 15px;
    color: #FFFFFF;
    display: inline-block;
    font: bold 12px/17px "Arial";
}

Nel file product.tpl andremo a inserire il seguente codice:

{if $productPrice > 120}<span class="freedelivery">{l s='Spedizione Gratuita'}</span>{/if}
Categoria: