Shopify HTML, Data Attributes & Comments

Guidelines for HTML structure, data attributes usage, and code commenting in Shopify themes.

When to Use

• Structuring HTML markup in sections
• Passing data to JavaScript via attributes
• Adding comments to Liquid templates
• Organizing HTML elements

HTML & Data Attributes

Custom HTML Tags

• Use custom HTML tags when appropriate
• Custom elements work well with JavaScript custom elements
• Improves semantic structure