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

[lichael06]

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

 

[Litos]

Hi @lichael06,

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

[lichael06]

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.

 

[Litos]

Hi @lichael06,

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

[lichael06]

password sent thru pm. Please have a look

[jakubhalik]

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

                     }

              }

          })