Atom Shopify theme

Added

• Added direction-based sticky header with slide-in animation
• Added fetchpriority parameter support to the responsive image snippet
• Added preconnect for extensions.shopifycdn.com
• Added scoped placeholder styles to the newsletter form to fix white-on-white text
• Added left: 0, top: 0 and width: 100% to child and grandchild columns on mobile so they fill the sidebar properly

Changed

• Rewrote stickyProductForm to use .add-to-cart-button as the trigger instead of #product-info
• Switched sticky behaviour to IntersectionObserver in design mode and ScrollTrigger on the live site for reliable show/hide
• Updated src/js/atom.js to match assets/atom-dev.js — version bumped from 3.7.0 to 4.0.0, scroll animation duration 0.4s → 1s with matching easing
• Deferred component-navigation.css to async loading via media="print" + onload
• Removed the global swiper.js load and made it section-specific
• Updated the first product image to use fetchpriority: "high" and eager loading
• Updated hero banner and collection header images to loading: 'eager' with fetchpriority: 'high'
• Removed the aspect-ratio__unset class
• Changed h4 to p class="h4" and h6 to p class="h6 mb-1" in pickup availability to correct heading order
• Updated the pickup availability drawer border to use theme variables and styled the close button hover to match the theme icon button pattern
• Styled the mobile sidebar back button to match theme icon buttons (background, border-bottom, flex layout, cursor) and removed filter: invert(1) from its arrow
• Made the parent column position: relative on mobile and removed padding-top on child and grandchild columns, overriding py-5
• Changed banner--large mobile height from 100dvh to 28rem so it no longer fills the entire viewport on small screens
• Increased sidebar close setTimeout from 450ms to 500ms and aligned the visibility delay (0.45s) to the slide transition

Fixes and other improvements

• Fixed homepage LCP of 20.9s caused by GSAP autoAlpha: 0 hiding the hero section — sections already in the viewport are now skipped
• Fixed product page CLS of 1.032 caused by responsive-image.liquid using a hardcoded 2048×2048 instead of actual image dimensions
• Fixed sticky product form show/hide/show flickering
• Fixed 7 broken rgb(var(--color-body-text)) focus styles — --color-body-text is a hex colour, so rgb(#333) was invalid CSS and made every focus outline invisible; replaced with var(--color-body-text) and color-mix(in srgb, ...) for the 70% opacity variant
• Fixed the logo alt attribute by pre-assigning the fallback variable before image_tag — the default filter inside named parameters was being parsed as a filter chain
• Fixed the mobile logo aspect ratio calculation
• Fixed the meta description fallback in layout/theme.liquid
• Fixed margin-left: 80px leaking to mobile by matching CSS specificity with a div#aside_main selector
• Fixed mobile back-navigation doubling up by hiding the current column instantly before transitioning
• Fixed the sidebar snapping instead of sliding out by adding transform: none
• Fixed the overlay logo sitting behind the 80px sidebar by adding padding-left: calc(80px + 15px) to .top-header on desktop in overlay mode
• Fixed the image banner overlay for the placeholder SVG — added position: relative and overflow: hidden to .full-width-image-with-text-inner so the overlay has a positioned ancestor, corrected the bg_color reference to section.settings.bg_color, and added z-index layering (overlay 1, content 2) with pointer-events: none on the overlay
• Fixed Danish translations that had Dutch values and translated the blog keys
• Fixed copy-paste errors in the Dutch translations and translated the blog keys
• Translated complementary products and blog keys in Spanish
• Translated the author byline and blog keys in French
• Tidied up the codebase and resolved a number of Liquid and syntax issues

In this release of Atom 3.7.0, we have fixed a bug in the cart causing the variant ID to not be found at checkout.

Fixes and other improvements

• Updated various snippets to resolve a missing product ID at checkout.

In this release of Atom 3.6.0, we have updated various snippets to support Shopify's new rigid error mode and added section categories for easier use.

Fixes and other improvements

• Updated various snippets to support Shopify's new rigid error mode.
• Added category groupings to make finding and adding sections easier.

In this release of Atom 3.5.0, we have made some visual and layout improvements to make adding sections easier.

Added

• Added logo to the header rather than the sidebar
• Added section category names for easier usage

Changed

• Changed the default view of product cards in the featured collection and featured products section

Removed

• Remove rotate logo section setting from header
• Removed disclaimer text setting from footer section

Fixes and other improvements

• Moved social icons from the header to the footer
• Updated width of navigation sidebar
• Improved the size of images used as icons in sections
• Made some minor CSS improvements

In this release of Atom 3.4.0, we have upgraded the theme to support the new theme store preset requirements.

Added

• Added Preset json files for each theme style

Changed

• Changed preset name from Entropy to Hydrate
• Changed preset name from Relativity to Navigator

Fixes and other improvements

• Updated data settings file to reflect preset designs
• Made some minor CSS improvements