get products images on product tpl 1.7

[selin]

Hello,

How can I get all product images on the product tpl.

I need it because: PS shows just one image on product detail page. (if it has combinations).  see please.

[Nishith Nesdiya]

Hi...
which ps version you use ?

{$product.cover} user the main cover image of product and {$product.images} use any other image thumbnails

Thanks

Edited January 1, 2019 by Nishith (see edit history)

[selin]

• agency

• Report post
•  
•  

Posted just now

  1 hour ago, Nishith said:

Hi...
which ps version you use ?

{$product.cover} user the main cover image of product and {$product.images} use any other image thumbnails

Thanks

Hi Nishith,

1.7.4.4

If I disable the combinations, all images are showed. But If I enable the attributes with images, showing just one image. I want to show all images when the product detail page is first loaded, then If I select a color, one image can be showed: it's okay.

Well,

It's already okay as you said:

{if $product.cover}
        <img class="js-qv-product-cover" src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" style="width:100%;" itemprop="image">
        <div class="layer hidden-sm-down" data-toggle="modal" data-target="#product-modal">
          <i class="material-icons zoom-in">&#xE8FF;</i>
        </div>
      {else}
        <img src="{$urls.no_picture_image.bySize.large_default.url}" style="width:100%;">
      {/if}

 

BUT:

Although the photo is not shown, photos are not shown.

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

 

Thanks!

Edited January 1, 2019 by selin (see edit history)