Files follow a prefix system across all three component layers:
c__
Reusable UI component rendered via {% render %}
{% render %}
g__
Generative/grouped component
theme__
Core theme infrastructure (scripts, styles, meta)
template__
Snippets tied to a specific template context
Grouped block — accepts nested blocks via {% content_for 'blocks' %}
{% content_for 'blocks' %}
_
Private block — only valid inside a specific parent
layout__
Structural layout container
overlay__
Overlay block (drawer, popup, sidebar)
main__
Template-specific main content (e.g., main__collection.liquid)
main__collection.liquid
Global sections used across all pages (e.g., theme__header.liquid)
theme__header.liquid
Last updated 3 days ago
Was this helpful?