Templates define how each storefront route is rendered in Zid using Jinja2.
Each template file maps to a specific page type (e.g., product, cart, homepage) and determines the layout, sections, and components shown to customers.
Templates#
Each template in this list links to the Template Library, where you’ll find code examples and UI previews.You can name components as sections as you please, however templates and layout files names and directories need to be standardized to something our system recognize.
Core Templates#
| Template | Purpose | Route |
|---|
| home.jinja | Homepage layout with banners, featured collections, or products. | / |
| product.jinja | Inidvidual product details page. | /p/{product} |
| cart.jinja | Shopping cart with items and totals. | /cart |
| category.jinja | Single category page with product listings. | /c/{category} |
Product Discovery Templates#
Account Templates#
Content Templates#
| Template | Purpose | Route |
|---|
| blog.jinja | Displays a single blog post. | /blog/{post} |
| blogs.jinja | Blog index page with posts list. | /blogs |
| page.jinja | Generic CMS/content page. | /page/{slug} |
Support Templates#
Utility Templates#
Key Features (All Templates)#
All templates extend the base template layout.jinja:
Common components like header and footer are included automatically.
Support for multilingual content with _( ) translations.
Assets are referenced with the asset_url filter:
