When reading the link below, it says Dawn will have a slider. Either I can’t find it, or it hasn’t been shipped in the last version. Does anyone have insight into this? https://ux.shopify.com/next-generation-theme-design-5aae94f6d44c Edit: I just found a slider example in a section named “featured…

There is a slider component that seems to be used on mobile only, in some sections. The component CSS and JS can be found at: /assets/component-slider.css /assets/slider.js It uses CSS Flex and you’d have to tweak the CSS to show it on desktop too.

@made4Uo I think this line needs to be 4 not 3. this.totalPages = sliderItemsToShow.length - this.slidesPerPage + 4; I had a product with 5 images and the last was not showing / could not click the right arrow to reveal it.

Thanks both of you for looking into to this so quickly and investigating, its much appreciated. I know this will help an awful lot of people who are looking to get the same functionality with the theme :slightly_smiling_face: Thanks again @made4Uo and @shadowsfall118

No problem at all. Glad to help. Thank you @shadowsfall118 for helping me modify the code

@made4Uo Could I ask your permission to make a YouTube video using this method? I have people literally begging me to find a solution and I’ve been looking for a week and finally got it working thanks to your guide

Hi, For people that are looking to convert the Dawn product page with slider, please see video. Link with code in the video description. NO APP needed [Dawn Product Slider - No apps or subscription- Just a little bit of code]

For those who want a more intuitive slider, with actual slide functionality, I’ve created a blog on how to add flickity onto the dawn theme, found here https://www.bluish.io/shopify/how-to-create-a-product-image-slider-on-dawn-theme You can test it out here - https://shopify.bluish.io/products/exam…

Slider works really well! Nice discovery! Some fresh air :slightly_smiling_face: Congratulations with your blog. I will definetely follow. Now it’s time to learn a bit more with your tutorials! Thank you

I followed the instructions, and the slider itself works great. But I have a problem with the slider-counter. Since I edited my Dawn theme code and changed it to Right-to-Left, I believe it’s making it a little bit mixed up. For some reason it’s not showing me all numbers, but only the total-media…

Does anyone know about the Dawn slide component availability?

Store Design

made4Uo September 20, 2021, 9:53pm 39

I did create a YouTube video in my website but due to some code changes, you might not able to follow. I will be creating a YouTube video in a few. Stay tuned.

Topic		Replies	Views
DAWN THEME - Product thumbnails as sliders for the dawn theme in specific Store Design	31	364	January 21, 2022
How to change slideshow on Dawn theme from sliding to fading? Store Design	4	75	October 15, 2022
How can I add a product image slider to my Dawn theme store? Store Design	21	355	May 30, 2023
Dawn Theme - Product Page - Product Title over Image slider in Mobile Store Design	11	111	February 7, 2024
Home Page Single Product Carousel Help Store Design design	11	153	December 7, 2024

Does anyone know about the Dawn slide component availability?

Related topics