Luxury Premo

Quick start

Once you've purchased and downloaded luxury-premo-1.0.0.zip:

• Open your Shopify admin → Online Store → Themes.
• Click Add → Upload zip file → select the theme zip.
• Once uploaded, click Customize to open the theme editor.
• Click Publish when you're ready to go live.

First steps after install

• Theme settings (gear icon, lower-left of the editor): upload your logo + favicon, adjust the three default schemes, pick fonts, add social URLs.
• Online Store → Navigation: edit the Main menu (handle main-menu) and create a footer menu.
• Online Store → Search & discovery → Filters: enable filters for color, size, vendor, type, price.
• Pages → Add page: create a Wishlist page (handle wishlist, template page.wishlist) and a Contact page (handle contact, template page.contact).

Theme settings

Nine groups of controls cover everything from typography to product card hover effects. Open them via the gear icon in the lower-left of the theme editor.

Pages

Home

Six default sections, all rearrangeable in the editor:

• Hero — full-bleed image or video, eyebrow + heading + subheading + 2 buttons, 9 text-position options, overlay opacity.
• Marquee — infinite-scroll text strip.
• Featured collection — configurable columns + count, "View all" link.
• Image with text — 50/50 split, image left or right, 3 image ratios.
• Collection list — image cards with hover zoom + sliding arrow CTA.
• Rich text — block-based eyebrow + heading + body + button.

Product page

Block-based with 10 block types: vendor, title, price, variant picker, quantity, buy buttons, description, collapsible row (multi-instance for fit / materials / shipping), size guide modal, wishlist, share.

Gallery features: thumbnails-left layout on desktop (sticky), horizontal scroll thumbnails on mobile, swipe to navigate, hover-lens zoom (desktop), full-screen click-to-zoom modal with prev/next + keyboard nav.

A sticky add-to-cart bar appears on mobile once the user scrolls past the original button.

Collection page

Banner section + product grid section. Filter sidebar reads Shopify's Search & discovery settings — color filters render as filled circles, sizes as pill buttons, prices as min/max inputs. Sort dropdown is a custom keyboard-navigable component.

Cart

Drawer (slides from right) and full cart page share styling. Free-shipping progress bar configurable threshold. Quantity controls update via /cart/change.js — no page reload.

Search

Predictive drawer opens from the header search icon (or / keyboard shortcut). Debounced 250ms fetch to /search/suggest. Trending searches configurable.

Sections reference

Available on any page

Hero, Marquee, Featured collection, Image with text, Collection list, Rich text.

Page-template-specific

• main-collection-banner, main-collection-product-grid — collection pages
• main-product, related-products — product pages
• main-cart — cart page
• main-search — search results
• main-blog, main-article — blog / article
• main-page, main-page-contact — generic / contact
• main-404 — 404 page
• main-wishlist — wishlist page
• main-customers-* — customer pages

Color schemes

Three default schemes ship with the theme:

To add a scheme: Theme settings → Colors → "+ Add scheme". To apply per section: open the section in the editor → Color scheme dropdown.

Typography

Default pairing: Playfair Display (serif heading) + Assistant (sans body). Both available via Shopify's font library.

Theme settings → Typography exposes heading + body font pickers, heading scale (100–150%), letter-spacing in 0.01em units, uppercase toggles, body line-height, eyebrow tracking.

Font sizes use a fluid clamp() scale that auto-scales between mobile and desktop.

Wishlist setup

Wishlist is localStorage-backed — no app, no metafields. Setup takes 60 seconds:

• Admin → Online Store → Pages → Add page
• Title: Wishlist; in SEO Edit website SEO, set the URL handle to wishlist
• Theme template (right sidebar): pick page.wishlist
• Save

Visit /pages/wishlist. Hearts on product cards and PDPs add/remove items from the local saved list. Items persist across sessions on the same device.

Performance & accessibility

Performance

• Critical CSS inlined
• Two web fonts preloaded (heading + body)
• All non-critical JS deferred
• Images use image_tag filter with proper srcset
• Lazy-loading on all below-the-fold images
• IntersectionObserver-driven section fetches

Accessibility

• :focus-visible outline (2px accent color)
• Skip-to-content link in theme.liquid
• ARIA labels on all icon-only buttons
• Native <details> / <dialog> for accordions and modals
• Custom dropdowns with full keyboard navigation
• prefers-reduced-motion honored throughout
• WCAG 2.0 AA color contrast on default schemes

Changelog

1.0.0 — Initial release

• Full Online Store 2.0 theme with 33 sections
• Three pre-built color schemes (Ivory, Ink, Champagne)
• Block-based product page with 10 block types
• Predictive search drawer with keyboard shortcut
• Cart drawer with free-shipping progress bar
• localStorage-backed wishlist (no app required)
• PDP image hover-zoom + click-to-zoom modal
• Variant image swatches on product cards
• Mega-menu with collection-image previews
• Custom-styled sort dropdown with keyboard navigation
• Mobile sticky add-to-cart bar
• All required customer templates

Support

For setup help, customization questions, or bug reports — visit our support page or email dejan@savicnode.com.

Response time: 1–2 business days.