Appearance
Features
Uisce includes 90+ features across sections, product page capabilities, commerce tools, navigation, internationalization, and performance. Here's everything the theme can do.
Sections (30 merchant-addable, 45 total)
Most sections can be added to any page and customized in the theme editor. Header-group sections, such as the announcement bar, are configured above the header. See the full Sections reference for settings and tips.
Marketing
| Feature | Section |
|---|---|
| Hero banner | Banner |
| Image carousel | Slideshow |
| Side-by-side content | Image with text |
| Embedded video | Video |
| Promotional grid | Promo tiles |
| Discount popup | Promo popup |
| Email signup | Newsletter |
| Sale countdown | Countdown timer |
| Customer reviews | Testimonials |
| Guarantee icons | Trust badges |
| Media mentions | Press coverage |
| Q&A accordion | FAQ |
| Age gate | Age verifier |
Merchandising
| Feature | Section |
|---|---|
| Product grid | Featured collection |
| Content columns | Multicolumn |
| Free-form text | Rich text |
| Mixed media grid | Collage |
| Partner logos | Logo list |
| Image comparison | Before/after slider |
| Clickable product pins | Image hotspot |
| Lifestyle gallery | Lookbook |
| Feature comparison | Comparison table |
| Size guide | Size chart |
| Delivery info | Shipping info |
| Scrolling text | Marquee |
| Depth effect | Parallax |
Product discovery
| Feature | Section |
|---|---|
| Browsing history | Recently viewed |
| Related products | Product recommendations |
Instant search is a header feature (not a standalone section) — see Search.
Product page
The product page is built as reorderable blocks — merchants drag and drop to customize layout. Each capability below is a distinct feature.
| Feature | What it does |
|---|---|
| Variant picker (pills) | Button-style option selection for small option sets (≤8 values) |
| Variant picker (swatches) | Circular color/image swatches for color options |
| Variant picker (dropdown) | Select menu for large option sets (>8 values) |
| Dynamic checkout | Shopify's accelerated checkout buttons (Shop Pay, Apple Pay, etc.) |
| Selling plans | Subscription/recurring purchase options with savings display |
| Pickup availability | Store pickup locations with stock status |
| Inventory status | Low stock warnings with configurable threshold |
| Product rating | Star display from Shopify product review metafields |
| SKU display | Current variant SKU |
| Share button | Web Share API with clipboard fallback |
| Collapsible tabs | Accordion content blocks for specs, care instructions, etc. |
| Quantity selector | Plus/minus controls with min/max |
| Unit pricing | Per-unit cost display |
| Sale badge | Automatic on-sale indicator with compare-at price |
| Custom Liquid block | Arbitrary Liquid code within the product layout |
| App blocks | Third-party app integration via @app blocks |
| Media gallery | Product images with thumbnail navigation (below or left layout) |
| Payment terms | Shop Pay Installments banner |
| Section rendering | Variant changes update price, inventory, SKU, and buy buttons without full page reload |
Cart & checkout
| Feature | Where |
|---|---|
| Slide-out cart drawer | Header group — opens on add-to-cart, AJAX refresh |
| Full cart page | Cart template with line items, quantities, notes |
| Free shipping progress bar | Cart section setting |
| Gift wrapping option | Cart section setting |
| Quick buy | Collection page — add to cart without visiting product page |
| Dynamic checkout buttons | Product and featured product sections |
| Payment icons | Footer — auto-detected from store payment settings |
| Payment terms | Product page — Shop Pay Installments |
Navigation & header
| Feature | Where |
|---|---|
| Sticky header | Header setting — stays visible on scroll |
| Transparent header | Header setting — overlays hero on homepage |
| Mega menu | Header setting — full-width dropdown with columns |
| Multi-level dropdowns | Nested menu items (standard navigation) |
| Announcement bar | Header-group signal strip with scheduled preset-specific message chips |
| Country/region selector | Header setting — currency and country switching |
| Language selector | Header setting — language switching |
| Customer account menu | Header — <shopify-account> element (new customer accounts) |
| Predictive search | Header — instant results as you type |
| Mobile menu drawer | Slide-out navigation for mobile/tablet |
Internationalization
- 50 languages — Full translations for storefront, theme editor, and accessibility text. See Translations
- Right-to-left (RTL) — Automatic layout mirroring for Arabic, Hebrew, Persian, and Urdu. See RTL
- Celtic languages — Irish, Scottish Gaelic, Manx, and Welsh — one of the few Shopify themes to support all four
- Currency/country switching — Via header country selector + Shopify Markets
Dark mode
| Feature | Details |
|---|---|
| Automatic detection | Follows the visitor's OS preference (prefers-color-scheme) |
| Manual toggle | Header button lets visitors switch manually |
| Persistent preference | Remembers the visitor's choice across sessions |
| No setup needed | Works out of the box with all color schemes |
See Dark Mode guide for details.
SEO & structured data
| Feature | Details |
|---|---|
| JSON-LD: Organization | Shop name, description, logo, social links |
| JSON-LD: WebSite | Search action for sitelinks search box |
| JSON-LD: Article | Blog post metadata (author, dates, image) |
| JSON-LD: Product | Via Shopify's structured_data filter |
| Breadcrumbs | Microdata breadcrumb trail on all pages |
| Open Graph tags | Title, description, image, type per page |
| Twitter Cards | Summary with large image |
| Canonical URLs | On all pages |
| Meta descriptions | Page-level with shop fallback |
Accessibility
| Feature | Details |
|---|---|
| Skip link | Both layouts — jumps to main content |
| ARIA landmarks | Banner, navigation, contentinfo, main |
| Keyboard navigation | All interactive elements reachable via keyboard |
| Visible focus states | Consistent focus ring styling |
| Reduced motion | prefers-reduced-motion respected in 5 CSS files |
| Screen reader text | ARIA labels on icons, live regions on cart updates |
| Form labels | Inputs carry a <label>, a visually-hidden label, or an aria-label |
| Dialog semantics | Cart drawer uses <dialog> element |
Performance
| Feature | Details |
|---|---|
| Critical CSS | Separated and preloaded |
| Deferred JavaScript | All JS files use defer |
| Lazy loading | Images load on scroll by default |
| Eager loading | Above-fold images get fetchpriority="high" |
| Font preloading | Critical font variant preloaded, others load on demand |
| Section Rendering API | Variant changes and cart updates fetch only the changed section |
| Debounced updates | Rapid variant clicks don't fire multiple network requests |