How to implement a sliding image bar on the product page?

diiekent
Tourist
6 0 1

Hey, 

is there a possibility to implement a sliding image bar under the pictures on the product page only for the mobile site?

store: aeraclo.com / PW: aerafamily

best regards and thanks for every reply

current:

diiekent_0-1716577402884.png

how i want it to be like:

diiekent_0-1716577747596.png

 

 

 

 

 

Reply 1 (1)

EBOOST
Shopify Partner
955 259 295

Hi @diiekent ,


May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/theme.css
3. Add code below to end of file

@media(max-width: 749px){
  .product-gallery__image-list .product-gallery__carousel{
    scrollbar-width: auto;
    display: flex;
    width: auto;
  }
  .product-gallery__image-list .product-gallery__carousel .product-gallery__media{
    min-width: 100vw;
  }
}

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤