@jjtan1996 I have checked it and the example website you shown is using flickity-slider for the slideshow in the mega menu. You will need knowledge of HTML and JS to modify the code, here is the documentation for the same: https://flickity.metafizzy.co/ . Otherwise, your best bet would be to hire a Shopify Partner/Expert to go into the coding for you.
Topic summary
A store owner wants a Dawn theme mega menu that shows one row of up to 6 image-based items, with the rest scrollable via a carousel, modeled on Rare Beauty’s “Shop” menu. Images and the reference site are central to illustrating the desired layout.
Key updates:
- Store URL and password were shared for review.
- A reviewer found the Rare Beauty example uses Flickity (a JavaScript slider library) to create the carousel within the mega menu; implementing this requires HTML/JS changes. Flickity documentation was provided, and hiring a Shopify Expert was suggested if coding isn’t feasible.
- Another participant recommended switching to an “SDG Shopify Skeleton” theme, claiming it aligns with the sample store’s approach.
- A user asked where to find the “SDG Shopify Skeleton” theme, noting it’s not discoverable and requesting a link.
Status:
- No code or step-by-step solution was provided; adoption of Flickity or theme change remains an option.
- The availability/details of the “SDG Shopify Skeleton” theme are unresolved.
- Discussion remains open with unanswered questions.
1 Like