Juice

This release integrates Shopify Standard Events so analytics and pixel apps can track storefront activity natively, upgrades GSAP to 3.15.0 with cleaner licensing, fixes the price filter for comma-decimal currencies, and strengthens keyboard accessibility across drawers and side panels.

Added

• Important: Shopify Standard Events — the theme now publishes the standard analytics event contract at every commerce interaction: page view, product view, product select (variant change), cart view, cart lines add/update/remove, cart note update, cart error, collection view, collection update (filter/sort), and search update. Pixel and analytics apps subscribed via the Customer Events API receive these directly instead of scraping the DOM — AJAX cart adds, drawer views, and filtered browsing are all captured. The event SDK loads as a deferred module from Shopify's CDN; if it is blocked or unavailable, every commerce flow continues to work unaffected.

Changed

• Important: GSAP upgraded from 3.11.3 to 3.15.0 (core + ScrollTrigger). The bundled build now ships under GreenSock's standard license — the previous 2022 build carried the "Club GreenSock" membership clause. An internal className tween shim that was incompatible with GSAP 3.15 was removed; tab transitions now toggle classes natively with identical behavior.
• Important: SCSS build migrated from node-sass to Dart Sass, so the theme compiles on Node 22+. node-sass's prebuilt binaries stop at Node 21 and broke every gulp task on current Node. Compiled CSS output is functionally identical.
• Collection filtering and load-more/infinite pagination now animate grid updates with the browser's View Transitions API — a smooth cross-fade in Chrome/Edge, with unchanged behavior in other browsers. The transition automatically respects the visitor's reduced-motion preference.

Other fixes and improvements

• Fixed the price filter slider breaking on stores using comma-decimal currencies (SEK, EUR, NOK, DKK, and others) once a collection's maximum price crossed 1,000 — the thousands separator collapsed the slider's upper bound. Bounds are now derived from raw cents instead of parsing the locale-formatted price string, which works for every currency format including zero-decimal currencies like JPY and ISK.
• Cart drawer, quick view, filters, and other overlay panels now trap keyboard focus while open: Tab and Shift+Tab cycle within the open panel, and closing it returns focus to the element that opened it. With stacked panels, focus follows the topmost one.

This release wires up previously unused theme settings to the storefront, ports the Variant Image Set feature from Reformation for cohesive cross-theme behavior, polishes typography and interaction details across the homepage / collection / product / filter surfaces, and expands locale coverage to five major Shopify markets.

Added

• Important: Variant Image Set — when a merchant tags media alt text as description#groupname_variantvalue (e.g. Hero#color_burgundy) and enables "Hide unselected variants’ media" in the product section settings, the storefront shows only the slides and thumbnails matching the currently selected variant. Both ends of the comparison run through Shopify's handleize filter so non-ASCII variant values (Turkish ı, Polish ł, German ß, etc.) work without locale-specific JS. The PhotoSwipe lightbox honors the same filter. Available on Main product, Featured product, and Quick view sections, across all four media layouts.
• Important: Five new locales — Dutch (nl), Simplified Chinese (zh-CN), European Portuguese (pt-PT, distinct from existing pt-BR), Korean (ko), and Polish (pl). Each covers the full set of 247 storefront keys, with Polish using the proper four-form CLDR plural rules (one / few / many / other).
• Schema class attribute added to 30 sections so every section renders with a predictable wrapper class, making them targetable from custom CSS.
• Focus-visible outline rings across pagination links, filter toggle, side panel close button, accordion tab labels, add-to-cart button, quantity +/- buttons, and filter group summaries — keyboard accessibility throughout the storefront.

Changed

• Important: Color swatches now work out of the box (Dawn/Reformation-cohesive). The theme no longer requires merchants to manually configure settings.color_swatches or use an option literally named "Color"/"Colour"/"Couleur"/"Farbe" — swatch rendering is driven primarily by Shopify-native swatch data (value.swatch.color / value.swatch.image and filter_value.swatch). Filters auto-promote to swatch presentation whenever any filter value has Shopify swatch data, in addition to the existing admin "Display as: Swatch" gate. Legacy settings.color_swatches and color_swatches_variant_option mappings remain as fallbacks for older installations.
• Important: Header background, link, hover, and icon colors from theme settings now actually drive header styling. The four --header-* CSS variables were defined but never consumed, so those settings used to be no-ops.
• Important: "Typography → Text size" setting now drives both the main menu and the account/cart links in the header. Previously the setting did nothing.
• Important: "Product card → Heading size" setting now controls product card title size. Previously the setting did nothing.
• Sub-menus now match the configured header background color and link colors are applied directly to nav links and account links rather than relying on inheritance.
• Pagination current page is now medium-weight; page links get a subtle hover color shift and a smooth transition.
• Filter active count badge in the shop bar is now a theme-aware pill that scales with the merchant's text and background colors (was previously unstyled).
• Side panel header background fallback switched from a hardcoded grey to a theme-aware tint that respects the merchant's text color in both light and dark themes.
• Product page polish: title typography tightened, prices use tabular-nums for grid alignment, gallery active-thumbnail border now uses the theme color, variant picker focus rings respect the theme link color, product meta links get a hover state.
• Homepage polish: hero headline letter-spacing tightened with optional text-shadow over background images, collage grid gap is now responsive (clamp), product card titles and rich-text headings get text-wrap: balance, blog meta de-emphasized and titles clamped to three lines on the featured-blog cards.
• Filter sidebar typesetting: filter group titles get medium weight and wider tracking; count badges use tabular-nums; price slider inputs and live label use tabular-nums; currency symbols de-emphasized so the price reads as the value.
• Input focus state across the storefront now adds a subtle ring using --color-text-rgb, matching the merchant's theme color.

Other fixes and improvements

• Fixed gift card "recipient required" label that was previously hidden behind a .js selector that was never applied — the required indicator now appears as designed.
• Removed dead .js-prefixed CSS rules across _shortcodes.scss, recipient-form.scss, and sidebar.scss; the styles inside (animation initial states, hidden defaults) are now applied unconditionally so reveal animations and conditional fields work as designed.
• Replaced several hardcoded color values (#015ecc focus blue, #fff/#000 thumbnail accents, #e8e8e8/#eeeeee separators, #444 thumbnail border) with theme tokens so they scale with merchant settings.
• Fixed header badge block default text.

This release adds combined listings support for seamless product switching, enhances the PhotoSwipe lightbox with thumbnails and product info, and includes several bug fixes for mobile filters, pickup availability, and side panel scrolling.

Added

• Important: Combined listings support — Products using Shopify's combined listings now swap content seamlessly via the Section Rendering API instead of a full page reload, with hover-based prefetching for instant transitions.
• Scrollable thumbnail strip in the PhotoSwipe lightbox gallery.
• Product info overlay (title and variant) in the PhotoSwipe lightbox.

Other fixes and improvements

• Fixed side panel content not being scrollable in the pickup availability section.
• Fixed price range slider inputs overflowing their container in mobile filter drawers.
• Fixed pickup availability showing stale data when switching variants.
• Fixed select element width in .select containers.

Added

• Important: Shopify 2048 variant support — variant resolution now handled server-side via Section Rendering API, removing inline variant JSON payload from the page.
• Important: Centralized OverlayManager for all drawer and panel management — single escape key handler, single backdrop handler, stack-based panel tracking with GSAP animation integration.
• Important: Load more and infinite scroll pagination options for product grid — configurable per collection via section settings (Paginated, Load more, Infinite scroll).
• Collection tabs section — tabbed collection browsing with Flickity carousel, AJAX-loaded tabs with prefetching, up to 4 collections.
• Countdown banner section — configurable end date with animated digit transitions, background image support, overlay, CTA button, horizontal/vertical layout options.
• Before/after image section — draggable slider comparing two images with CSS clip-path, GSAP entrance animation, configurable initial position.
• Copy-to-clipboard button on social share — uses navigator.clipboard API with visual confirmation.
• <cart-remove> custom element — self-contained cart item removal that dispatches events or calls CartDrawer directly.
• <resize-select> custom element — auto-sizes select element width to match selected option text.
• <cart-drawer> custom element — CartDrawer converted from regular class to web component with connectedCallback lifecycle.
• inert attribute on all drawers for accessibility — OverlayManager toggles inert on open/close.
• Quick shop product limit setting (4–20, default 12) in theme settings.
• Hindi, Japanese, Arabic, and Brazilian Portuguese locale files.
• PurgeCSS integration in gulp build pipeline (app.css only) — removes unused CSS selectors.
• High priority (fetchpriority="high") for first product image on collection page 1.

Changed

• Important: Predictive search refactored with result caching (Map with 50-entry FIFO limit) and AbortController for request cancellation.
• Important: Quick-view optimized with product HTML caching, AbortController, and script deduplication via _reloadScripts().
• Important: Slideshow.js refactored — initialization moved from constructor to connectedCallback + requestAnimationFrame, resize event fixed from jQuery-style to native, callback merging prevents overwrites, null safety in centerArrows.
• Quick-shop products deferred with <template> element — content stamped into DOM on first open, reducing initial page weight.
• Product drawer close button uses position: absolute with scroll moved to inner content div — stays visible on mobile.
• Product gallery container resets top: auto inside product drawer to prevent header offset interference.
• Carousel arrows hidden at scroll ends for non-wrapping carousels (from Vision theme) — prev hidden at start, next hidden at end.
• Carousel arrows vertically centered within product_thumbnail area via JS calculation.
• Responsive image snippets migrated from deprecated img_url to modern image_url filter.
• head-variables.liquid optimized — removed 30+ unnecessary assign statements, moved conditional inline CSS to CSS custom properties (badges, notifications, header, side-panel, spacing).
• Section {% style %} blocks converted to inline style attributes with CSS custom properties in featured-collection and featured-blog (reduces Liquid processing overhead).
• color_extract filter calls replaced with .rgb property in slideshow, image-gallery, featured-collection, and featured-blog (eliminates 3 filter calls per section).
• Quick-shop collection loop limited to settings.quick_shop_limit to prevent rendering all products server-side.
• View All button href updates dynamically on collection tab switch.
• All disconnectedCallback methods added to section custom elements — cleans up document/window event listeners, GSAP timelines, Flickity instances, and IntersectionObservers.
• All JSHint warnings fixed — zero notices on build.
• Pagination snippet backward compatible with both paginate: and pagination: parameter names.
• Custom dots cached once in slideshow instead of re-querying on every change event.
• RTL cell alignment support added to slideshow carousels.

Removed

• Important: no-js, no-js-hidden classes and all <noscript> fallback blocks removed from templates and SCSS.
• No-js fallback <a> links removed from modal-opener buttons (search, password, video lightbox, collage).
• createAvailableOptionsTree() and client-side variant matching removed — replaced by server-side resolution.
• removeProductEvent() method removed from CartDrawer — replaced by <cart-remove> custom element with event dispatch.
• new CartDrawer() manual instantiation calls removed — custom element auto-initializes.
• Inline variant JSON ({{ product.variants | json }}) removed from product pages — replaced by hidden <span> with selected variant data.

Security

• AbortController added to predictive search and quick-view to prevent stale response race conditions.

Other fixes and improvements

• Fixed thumbnail active state in quick-view — wrong ID (featured_media.id instead of media.id) caused all thumbnails to share the same ID.
• Fixed featured media slide class — used undefined media.id variable, changed to always set is-initial-selected.
• Fixed missing forloop.index == 1 fallback for products with no variant featured_media in quick-view.
• Fixed load more pagination — changed product selector from .column to product-card, moved pagination outside #product-grid, parsed page_size as integer.
• Fixed Hindi locale invalid JSON (unescaped quotes in search_results strings).
• Fixed PhotoSwipe lightbox close button — position: fixed stays visible on mobile.
• Fixed copy-link button opening a new window — excluded from .social selector.
• Fixed collection tabs inactive slides visible after tab switch — changed direct child selector to descendant.
• Fixed collection tabs missing Flickity CSS import and slideshow.min.js script.
• Fixed countdown banner layout, description size, overlay, and color application.
• thb-loading spinner used for load more button (consistent with theme pattern).
• thb-before-after-divider and thb-copy SVG icons added.
• Countdown banner locale keys added (Days, Hours, Minutes, Seconds).

This update adds presets for the upcoming Shopify theme listing changes

Added

• Listings folder with json files