Topic summary
A user seeks help adding a custom icon (PNG/SVG) to collapsible rows in Shopify’s Dawn theme product template.
Initial Guidance:
- Icons are located in
icon-accordion.liquid(Snippets folder) - Modifications also needed in
main-product.liquidschema
Solution Provided:
A community member shares a working method with tutorial videos:
- Use SVG format (correct sizing is critical for display)
- Add SVG code to
icon-accordion.liquid - Update
main-product.liquidwith value/label entries - Reference tutorials at timestamp 10:35 for step-by-step instructions
- Working example visible on contributor’s live website
Theme-Specific Variation (Craft Theme):
- Upload SVG file to assets with naming format:
icon-[name].svg - Add option entry in
main-product.liquidwith matching value - Update language schema file (
en.default.schema.json) with corresponding label
Unresolved Issue:
One user reports icons not appearing in menu despite following steps, and existing default icons (like “Apple”) persist even after deletion attempts.
2 Likes