Reference / Sections and templates
Compose pages from focused sections.
Citera includes flexible Online Store 2.0 sections for commerce, editorial storytelling, discovery, and service information. Availability can depend on the active template.
Section library
Thirty-three addable presets, grouped by merchant task.
The Add section picker organizes presets by purpose. Choose the smallest section that completes the current page job, then connect real Shopify resources and test the result with realistic content.
Banners
Lead a page, announce a message, or create movement.
- Announcement bar
- Hero
- Collection banner
- Slideshow
- Marquee
- Marquee display
Collections
Create clear product discovery paths.
- Collection list
- Collection atlas
- Guided discovery
Products
Surface products and continue relevant discovery.
- Featured collection
- Featured product
- Product recommendations
- Recently viewed
Images
Build editorial rhythm around high-quality visual material.
- Image with text
- Gallery
- Collage
- Video
Text
Explain value, answer questions, and connect useful routes.
- Rich text
- Multicolumn
- Collapsible content
- SEO link hub
Trust
Make proof and service expectations easier to verify.
- FAQ
- Testimonials
- Logo list
- Proof index
- Trust badges
Storytelling
Connect products with longer editorial context.
- Story
- Blog posts
Forms and promotion
Capture intent or support a time-bound campaign.
- Contact form
- Newsletter
- Countdown
Layout and custom
Complete the page system or add a controlled integration point.
- Footer
- Custom Liquid
Included templates
Use the correct starting surface.
Citera includes the required commerce and service templates, plus dedicated story and SEO landing page templates. Shopify assigns products, collections, articles, and pages to templates in the admin.
Catalog templates
- Product
- Collection
- Collections list
- Search
- Cart
Editorial templates
- Page
- Story page
- SEO landing page
- Blog
- Article
Service templates
- Contact
- Password
- 404
- Gift card
Global groups
- Announcement bar
- Header
- Cart drawer
- Service footer
Composition principles
Make every section earn its place.
One job per section
A section should introduce, explain, prove, compare, or convert. Remove it when its role is unclear.
Decision order first
Place the information customers need to decide before secondary brand or campaign content.
Real resources only
Connect products, collections, pages, articles, videos, and menus that will remain available after launch.
Verify the empty state
Test missing images, short collections, no recommendations, long copy, and unavailable products.
Section workflow
Add, connect, order, and verify.
- Add the section to a compatible template.
- Connect real Shopify resources and replace sample copy.
- Order the page by customer decision priority.
- Assign a suitable color scheme and spacing.
- Check empty, long-content, desktop, and mobile states.