[Venture] add image slider on homepage with featured product

hkow
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 :)

Replies 10 (10)
Jasoliya
Shopify Expert
4381 574 1105

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.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
petprints
New Member
6 0 0

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

Jasoliya
Shopify Expert
4381 574 1105

Its depend on theme code which theme you have? 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
petprints
New Member
6 0 0

I have Pipeline


@Jasoliya wrote:

Its depend on theme code which theme you have? 


 

sk12
New Member
1 0 0

Please help I am using venture theme. still its not working.

Jasoliya
Shopify Expert
4381 574 1105

This is custom code so we cant provide exact one, so you suggest for that. if you want it Pm i can do this 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Purekalon
Excursionist
40 0 8

Hello @Jasoliya 

I have followed your steps, but it gave me an error message. My theme is boundless..

 

Can you help?

Jasoliya
Shopify Expert
4381 574 1105

check your theme editor may be you have option for  this theme 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Purekalon
Excursionist
40 0 8

0580D59B-649D-42DA-B450-7251214640FD.png

Hello @Jasoliya 

I’ve checked to see if there is a button to turn my product images to slide with arrows but it’s showing like a grid.