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

stephenm1
New Member
4 0 0

Screen Shot 2023-02-10 at 12.18.34 PM.png

 how do i add this to my store 

Replies 6 (6)

NomtechSolution
Astronaut
1245 113 150

Hi, you can add slick library for slideshow in code

RN-Tech
Tourist
6 1 0

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

stephenm1
New Member
4 0 0

it dont work 

RN-Tech
Tourist
6 1 0

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

stephenm1
New Member
4 0 0

image.png like that ?

PageFly-Kate
Shopify Partner
1161 339 341

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!

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.