[Venture] add image slider on homepage with featured product

Highlighted
New Member
1 0 0

Hi !

I add Featured.product section on my homepage.
But i want to also add the others products images with thumbnail slide like on classic product page.

Can you help me ?

Cheers from France :)

0 Likes
Highlighted
Shopify Expert
2953 504 680

There are on any way to do default with theme but for that you have to knowledge of liquid and css code to make custom changes

You can add code in Section->featured-product.liquid file, use follow code to show thumb images

 

 {% if product.images.size > 1 %}
          <div class="photos__item photos__item--thumbs">
            <div class="product-single__thumbnails product-single__thumbnails-{{ section.id }}{% unless product.images.size > 2 %} product-single__thumbnails--static{% endunless %}">
              {% for image in product.images %}
                <div class="product-single__thumbnail-item product-single__thumbnail-item-{{ section.id }}{% if image == featured_image %} is-active{% endif %}" data-image-id="{{ image.id }}">
                  <a href="{{ image.src | img_url: product_image_size }}" data-zoom="{{ image.src | img_url: '1024x1024' }}" class="product-single__thumbnail product-single__thumbnail-{{ section.id }}">
                    <img src="{{ image.src | img_url: '160x160' }}" alt="{{ image.alt | escape }}">
                  </a>
                </div>
              {% endfor %}

Add this code after feature image section and you have to manage css base on you store.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
6 0 0

I tried this code and it didn't work. I got an error message :/

0 Likes
Highlighted
Shopify Expert
2953 504 680

Its depend on theme code which theme you have? 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
6 0 0

I have Pipeline


@Jasoliya wrote:

Its depend on theme code which theme you have? 


 

0 Likes