How can I make a two-image slider using liquid code?

How can I create a slider with two image? like this. You can check the liquid code here https://docs.google.com/document/d/1DYwxO3Vf9gm3OaEdzTu3HmTfadiLfemtT3SNwg39xhE/edit?usp=sharing

Hi @lichael06 ,

What theme are you using? please send me the theme name, I will check it for you

Already fixed thank you. anyway do you have any idea how can I make a one arrow or any navigation in one section of the slider? I would fix this arrows. Please checked the attached ss. Thank you.

Hi @lichael06 ,

Please send your site and if your site is password protected, please send me the password. I will check it.

U can use a js library for slides. For example owl-carousel https://owlcarousel2.github.io/OwlCarousel2/ (ull have to also put jquery in ur theme). Then just give ur div a certain class and render under a script similar to this:

$(‘.my-carousel’).owlCarousel({
nav:true,
margin:5,
responsiveClass:true,
responsive:{
0:{
items:1,
},
800:{
items:2
}
}
})

password sent thru pm. Please have a look

1 Like