Product & Collection Templates
Using Templates
Templates control the layout of your product and collection pages. Different products may benefit from different layouts ā a clothing item might need a size guide section, while a tech product needs specification tables.
What Are Templates?
A template defines the section layout for product or collection pages. Each template consists of ordered sections (hero image, description, specifications, reviews, related products) that are rendered when displaying a product or collection assigned to that template.
Default Templates
Cartly includes default templates for products and collections that work well for most stores:
- Default Product Template ā Image gallery, title, price, variant selector, add to cart, description, and reviews
- Default Collection Template ā Collection image, description, product grid with filtering and sorting
Creating Custom Templates
Navigate to Online Store ā Templates and click Create Template. Choose whether it is a product or collection template and give it a name (e.g., "Tech Product", "Lookbook Collection").
Use the visual editor to arrange sections:
- Add sections from the palette (image gallery, text, specs table, reviews, related products, etc.)
- Configure each section's settings (layout, colors, content source)
- Reorder sections by dragging
- Preview the template with sample data
Assigning Templates to Products
On the product edit page, select a template from the Template dropdown. Products without an assigned template use the default. You can change a product's template at any time ā the change is reflected immediately on the storefront.
Template Sections
Common sections available for product templates:
- Image Gallery ā Product images with thumbnails and zoom
- Product Info ā Title, price, variants, and add to cart
- Description ā Full product description
- Specifications ā Key-value specification table
- Size Guide ā Size chart specific to the product type
- Reviews ā Customer reviews and ratings
- Related Products ā Products from the same collection or with matching tags
- Custom Content ā Rich text, images, or HTML
Duplicating Templates
To create a variation of an existing template, click Duplicate. This creates a copy that you can modify independently. Useful for creating specialized versions of a base layout.