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.

New Slider is available in DAWN, check Editor @FervEngineering Thanks

I don’t see it either. Any pointer will be helpful.

@marcoswata Thanks, I found its usage in featured-collection.liquid and is used as below-looks like they created a custom HTML element for it. I’ll accept your answer as the solution.

Thanks for the quick solution. Can you also explain how can we enable this product slide on the desktop version also. I am struggling to be slider to be displayed on desktop also on the DAWN theme

It’s going to be a little bit involved to get it to work. You’ll need to get the products to keep the horizontal grid and unhide the slider buttons like mobile uses. All the classes are already available, but you might want to make an alternate version so it’s not confusing when someone’s trying to …

I tried everything, by playing with classes and liquid, ALAS! no workaround found! There is a solution but no accepted! Unless, I don’t copy the slider component, and duplicate it and one I call for desktop and other for mobile/tablet version, it doesn’t work for desktop! But duplicating the code …

+1 for this, still looking for a solution aswell. Hope this gets updated soon

I have achieved adding a slider to the product page images by using the slick slider. Notes: This requires adding code and not editing any of the existing. The click to enlarge still works from the existing code. Works on mobile There is 4 files to edit: main-product.liquid section-main-produc…

That’s like adding more code to the theme! Since DAWN is the fastest theme, why to burden it with more code. There should be a way to use that in desktop mode too!

Does anyone know about the Dawn slide component availability?

Store Design

FervEngineering July 24, 2021, 4:49pm 3

@Anthony_David_1 Are you seeing it in your customizer? I see the code for it when I pull it locally, but it’s not available as a section or block.

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

Does anyone know about the Dawn slide component availability?

Related topics