Prestashop 1.7: nascondere le miniature se c’è un’unica immagine

Ottimizza lo spazio della pagina prodotto del tuo e-commerce

  1. Home
  2. /
  3. Tutorial Prestashop
  4. /
  5. Prestashop 1.7: nascondere le miniature se c’è un’unica immagine

Se la pagina del tuo prodotto ha una sola immagine, non è necessario visualizzare la stessa immagine in un piccolo formato appena sotto l’immagine di copertina: sarà una semplice ripetizione.

Per evitare ciò, ti basta eseguire questa modifica molto rapida e semplice:

  1. Usa il tuo editor di testo preferito e apri il file chiamato product-cover-thumbnails.tpl che trovi nella cartella /themes/your-theme/templates/catalog/_partials/
  2. Se non riesci a trovare questo file, copialo da /themes/classic/templates/catalog/_partials/ ed incollalo nella cartella /themes/your-theme/templates/catalog/_partials/
  3. Cerca il seguente codice:
    {block name='product_images'}
    <div class="js-qv-mask mask">
    <ul class="product-images js-qv-product-images">
    {foreach from=$product.images item=image}
    <li class="thumb-container">
    <img
    class="thumb js-thumb {if $image.id_image == $product.cover.id_image} selected {/if}"
    data-image-medium-src="{$image.bySize.medium_default.url}"
    data-image-large-src="{$image.bySize.large_default.url}"
    src="{$image.bySize.home_default.url}"
    alt="{$image.legend}"
    title="{$image.legend}"
    width="100"
    itemprop="image"
    >
    </li>
    {/foreach}
    </ul>
    </div>
    {/block}
  4. Sostituiscilo con il seguente:
    {if $product.images|@count > 1}
    {block name='product_images'}
    <div class="js-qv-mask mask">
    <ul class="product-images js-qv-product-images">
    {foreach from=$product.images item=image}
    <li class="thumb-container">
    <img
    class="thumb js-thumb {if $image.id_image == $product.cover.id_image} selected {/if}"
    data-image-medium-src="{$image.bySize.medium_default.url}"
    data-image-large-src="{$image.bySize.large_default.url}"
    src="{$image.bySize.home_default.url}"
    alt="{$image.legend}"
    title="{$image.legend}"
    width="100"
    itemprop="image"
    >
    </li>
    {/foreach}
    </ul>
    </div>
    {/block} {/if}
  5. Salva il file
  6. Potrebbe essere necessario cancellare la cache della propria installazione Prestashop (Parametri Avanzati > Prestazioni) e del proprio browser. (Assicurati che la voce “Ricompila il template se i file sono stati modificati” sia attivata)

Siamo curiosi di leggere la tua opinione!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Il rispetto della tua privacy è la nostra priorità

Il nostro sito Web utilizza cookie tecnici per permettere il corretto funzionamento e cookie di terze parti per generare report sull’utilizzo della navigazione (cookie statistici). Mostra la lista dei cookie e le finalità di utilizzo

Possiamo utilizzare, per legge, i cookie tecnici, ma hai il diritto di scegliere se abilitare o meno i cookie statistici.
Abilitando questi cookie, ci aiuti a offrirti un’esperienza migliore.