Appearance
Sections Overview
Uisce includes 29 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 |
| 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 |
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 |
| Featured collection | Product grid from a selected collection |
| 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 with parallax scroll effect |
| 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 |
| Product recommendations | Shopify-powered related product suggestions |
| Recently viewed | Products the visitor has viewed in this session |
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.