Appearance
Sections Overview
Uisce includes 55 merchant-addable sections organized by role. Most sections can be added to page templates and customized independently; header sections are configured above the header.
Header
The header group is the chrome at the top of every page. It holds three sections — the announcement bar, the header itself (logo, navigation, search, and the icon cluster), and the cart drawer.
| Section | Description |
|---|---|
| Header | Logo, navigation, mega menu, predictive search, and the account / cart icon cluster |
| Announcement bar | Header-group signal strip for scheduled message chips |
| Cart drawer | The store-wide slide-out cart that opens when a shopper taps the cart icon — lives in this group |
Predictive search is a header feature, not a standalone section — it is wired into the header's search input. See the Search guide to configure it.
The cart drawer never renders on the theme-editor canvas because it only appears when a shopper interacts with the cart icon. That is expected — open it from the storefront preview to style it. See the Header guide → In the theme editor for the full editor map.
Marketing
| Section | Description |
|---|---|
| Age verifier | Age gate popup for age-restricted products |
| Banner | Full-width hero banner with heading, text, and CTA |
| Care guide | Expandable answers to the questions customers ask |
| Countdown timer | Countdown to a sale, launch, or event |
| FAQ | Expandable question-and-answer accordion |
| Image with text | Side-by-side image and text content |
| Newsletter | Email signup form with heading and description |
| Press coverage | Logos and quotes from media mentions |
| Promo popup | Timed popup for discounts or announcements |
| Promo tiles | Grid of promotional image cards with links |
| Slideshow | Auto-playing image carousel with multiple slides |
| Testimonials | Customer reviews in a grid layout |
| Trust badges | Icons with text for guarantees and certifications |
| Video | Embedded or hosted video with optional overlay |
| Video hero | Full-bleed autoplay video hero with overlay blocks |
Merchandising
| Section | Description |
|---|---|
| Before/after slider | Draggable slider comparing two images |
| Collage | Mixed-size grid of images, products, and videos |
| Comparison table | Feature comparison grid for products |
| Collection list | Grid of all collections for the /collections page |
| Custom Liquid | Paste your own Liquid, HTML, or embed code |
| Custom section | Empty canvas composed from theme blocks |
| Featured collection | Product grid from a selected collection |
| Featured product | Single spotlighted product with buy controls |
| Feeding chart | Daily feeding amounts, filtered by species and life stage |
| Image hotspot | Image with clickable product hotspots |
| Logo list | Row of partner, brand, or certification logos |
| Lookbook | Lifestyle images linked to products |
| Marquee | Horizontally scrolling text ticker |
| Multicolumn | Flexible multi-column content blocks |
| Parallax | Full-width image band with overlay text and button |
| Care conditions | Care cards under condition names you choose |
| Quick order | Bulk-ordering sheet for a whole collection |
| Rich text | Freeform text with heading and rich text editor |
| Shipping info | Shipping rates, timelines, and policies |
| Size chart | Size guide table with measurements |
Product Discovery
| Section | Description |
|---|---|
| Shop by category | Image-led cards that link straight to collections |
| Shop by level | Collection cards with a gauge flagging how advanced each one is |
| Bundle builder | Shopper picks goals; the section assembles a personalised set |
| Seasonal highlights | Tabbed spotlight that swaps one feature panel in place |
| Event calendar | Anything the store does on a date, in a list or calendar layout |
| Product recommendations | Shopify-powered related product suggestions |
| Recently viewed | Products the visitor viewed recently, remembered across visits (up to 20) |
Product page
| Section | Description |
|---|---|
| Sticky add-to-cart | Keeps the buy action in reach after the main buy block scrolls |
Services
For stores that sell work rather than stock — studios, trades, clinics, practices.
| Section | Description |
|---|---|
| Service packages | Service tiers as a band of full-bleed cards |
| Booking | Shows your services and fees, then links out to your booking tool |
| Portfolio | Finished work shown as before-and-after pairs |
| Process steps | The stages of working with you, shown as a journey |
| Team | The people behind the work, led by their qualifications |
| Store locator | One card per location with address, hours, and a map link |
| Map | An uploaded map image plus address, hours, and directions |
Supplements & wellness
| Section | Description |
|---|---|
| Usage calculator | How much to use — one fixed line, or an amount worked out per measure |
| Ingredient list | Supplement-facts ledger with amounts, sourcing, and allergens |
| Routine timeline | A daily ritual walked through step by step |
Legal
| Section | Description |
|---|---|
| Withdrawal | Page section for a right-of-withdrawal form and notice |
Blog
| Section | Description |
|---|---|
| Blog | Article listing with featured hero, tag filters, list/grid toggle, and a niche slot |
| Blog posts | Numbered editorial index of recent posts from one blog |
| Blog post | Reading page with audio playback, share rail, related articles, and author bio |
Color Schemes
Every section includes a Color scheme setting. You can assign any of the four color schemes to any section, creating visual variety without custom CSS. See Color Schemes for details.