How can I add Quick View to products in the Dawn theme?

Store Design

Topic summary

A user asks how to add Quick View functionality to products in Shopify’s Dawn theme. Initial responses clarify that Dawn doesn’t natively include Quick View in all versions, suggesting hiring a developer, using third-party apps, or selecting themes with built-in support.

Key Solutions Provided:

  • Theme Settings: One user notes Quick View can be enabled under “Product Grid” in theme customization settings
  • Custom Code Implementation: Multiple detailed code snippets are shared for adding Quick View and “Add to Cart” buttons to card-product.liquid, including CSS styling for hover effects and mobile responsiveness
  • GitHub Resource: A custom Quick View solution with add-to-cart options is shared via GitHub link

Common Issues & Fixes:

  • Users report errors like “modal.show is not a function” and broken Quick View buttons
  • Solutions include: enabling Quick Add in theme editor for each page, setting collection style to “card” in customization settings, and updating icon rendering code for Dawn 15.2+ (changed from icon-close.liquid to icon-close.svg)
  • Small visual bugs (squares appearing, buttons not hiding) are addressed with additional CSS tweaks

Ongoing Challenges:

Quick View functionality doesn’t automatically work on recommended products sections; solutions for this remain under discussion.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
2

Hi @Millie03

This is Victor from PageFly - Shopify Page Builder App

I have checked the Dawn theme settings but unfortunately, the Dawn theme doesn’t have the Quick View options yet.
In this case, if you want to implement it in your Products, i suggest you can hire an expert or developer to do that ( because this is required a lot of custom code )
The other way is you can choose another theme that already has that option or you can use 3rd app to add that

Hope this can help you solve the issue

Best regards,

Victor | PageFly

1 Like