I want to divide slideshow feature. (Dawn Theme)

loolakoola
Excursionist
63 0 7

loolakoola_0-1686125511027.png

the upper image(a single image) is on Slideshow Feature and the lower images(double images) are on Featured Collection Feature and mobile carousel. I want to make carousel sliding automatically but I couldn't. So I rather decide to edit Slideshow Feature but this shows only one image at once. Can I Split image section so that I could show two images like below?

 

URL : 104e35-2.myshopify.com

Replies 3 (3)

zaczee
Globetrotter
848 46 42

Hi @loolakoola ,

 

Do you need 2 images at once on a slideshow ?

 

loolakoola
Excursionist
63 0 7

yes

MRamzan
Shopify Partner
126 1 20

I have sloved it. Below code you can use.

 

Note: Add variableWidth: true, into slick slider javascript and then add below CSS code into your CSS file.

 

 

 

.slick-slider {
  width: 100%;
} 
.carousel .carousel-cell {
  width: 1% !important;
}
@media only screen and (min-width: 800px){
.carousel .carousel-cell {
    width:4% !important;
  }
}

 

 

 

If you still have issue then you can ask me I will help you.

 

Thanks.

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112