How can I add slideshow arrows to my store's theme?

how do i add this to my store

Hi, you can add slick library for slideshow in code

Hi @stephenm1 ,

Please follow this steps it will be helpful for you
Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:
.slideshow__controls {
position: static !important;
}
.slideshow__controls .slider-counter {
display: none !important;
}
.slideshow__controls .slider-button {
position: absolute !important;
top: 50%;
transform: translateY(-50%);
z-index: 2;
color: #fff !important;
}
.slideshow__controls .slider-button.slider-button–prev {
left: 0;
}
.slideshow__controls .slider-button.slider-button–next {
right: 0;
}
.slideshow__controls .slider-button svg {
height: 2rem !important;
}

if you need any help further then you can ask me

Thank You

it dont work

Hi @stephenm1 ,
It’s working fine i have already checked on my development store please have a look above steps


like that ?

Hi @stephenm1 ,

Besides using the code to add to your theme. I think you can try a page builder app, like PageFly, Shogun, GemPages,… We have a drag-and-drop element to show the slideshow like this easily. Then, we can also add this section to be part of your theme page.
Hope this help!