Thank you @b3atcraft ! Great add and works perfectly!
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.liquidtoicon-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.