Jump to content

Recommended Posts

Bonjour,

La plupart de mes produits n'ont qu'une seule photo. Or, par défaut, le thème classique 1.7.3.0 place automatiquement une miniature en dessous de la photo principale (en affichage normal) et à droite de la photo principale (en affichage zoom). S'agissant de la même photo, la miniature n'a aucun intérêt et prend de la place pour rien dans l'affichage.

J'envisage deux options :

- supprimer systématiquement la miniature pour tous les produits : dans ce cas, je perds la fonctionnalité d'affichage des miniatures partout même pour les produits qui ont plusieurs images.

- afficher les miniatures seulement lorsqu'un produit contient au moins 2 images (ce qui me paraît le plus logique et qui aurait dû être paramétré par défaut) : dans ce cas, il faudrait ajouter une condition dans le code existant.

Est-ce que quelqu'un pourrait me dire comment faire pour ces deux options ? Quel(s) fichier(s) modifier et quelle(s) modification(s)  apporter ?

Je précise que je ne suis pas développeur, juste un enthousiaste en train de personnaliser un petit site marchand à partir du thème classique par défaut.

Merci.

Edited by Presto (see edit history)

Share this post


Link to post
Share on other sites

Bonjour,

Page produit : éditez le fichier /themes/classic/templates/catalog/_partials/product-cover-thumbnails.tpl

  {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}

Le block est encadré par la fonction de limitation.

Pensez bien à vider votre cache PrestaShop après cette modification.

Après vous éditez le fichier : /themes/classic/templates/catalog/_partials/product-images-modal.tpl


        {if $imagesCount > 1}
            <aside id="thumbnails" class="thumbnails js-thumbnails text-sm-center">
              {block name='product_images'}
                <div class="js-modal-mask mask {if $imagesCount <= 5} nomargin {/if}">
                  <ul class="product-images js-modal-product-images">
                    {foreach from=$product.images item=image}
                      <li class="thumb-container">
                        <img data-image-large-src="{$image.large.url}" class="thumb js-modal-thumb" src="{$image.medium.url}" alt="{$image.legend}" title="{$image.legend}" width="{$image.medium.width}" itemprop="image">
                      </li>
                    {/foreach}
                  </ul>
                </div>
              {/block}
              {if $imagesCount > 5}
                <div class="arrows js-modal-arrows">
                  <i class="material-icons arrow-up js-modal-arrow-up">&#xE5C7;</i>
                  <i class="material-icons arrow-down js-modal-arrow-down">&#xE5C5;</i>
                </div>
              {/if}
            </aside>
        {/if}

La balise aside est encadré par le comptage d'images.

Et là c’est bon.

Share this post


Link to post
Share on other sites

Bonjour.

Facile, rapide, efficace.

Merci pour cette réponse très claire qui résout parfaitement la deuxième option (ma préférée).

Share this post


Link to post
Share on other sites

Bonjour, je voudrais demander - comment ajouter des cases supplémentaires dans ce fichier "product-images-modal.tpl"

Jetez un oeil à résultat: 1 , 2

Je vous remercie

2018-11-06 13_59_26-Window.png

Share this post


Link to post
Share on other sites

https://www.prestashop.com/forums/topic/256108-regle-du-forum-officiel-de-prestashop-et-conseils-dutilisation-a-lire/

1 topic = 1 sujet de conversation
- Si vous avez plus d’une question, créez plus d’un sujet !
- Ne posez pas votre question dans un topic qui ne traite pas exactement le même sujet. Ouvrez un nouveau topic, c’est fait pour ça !

  • Thanks 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More