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)