Feedback for your online store from the community
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!
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.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025