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

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 154

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
1312 368 401

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!


Unlock the secrets to a record-breaking BFCM with PageFly and Canva


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)


➜ Weekly updated Shopify tutorials on YouTube


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