Home / Motion

Shopify Motion Theme

Motion is a theme from Archetype Themes (the same developer behind Impulse) built around bringing a brand to life with animation and video — its own positioning leads with scroll animation, video-forward product storytelling, and flexible collection collage layouts rather than a dense settings list. It shares much of Impulse's underlying feature set, but the genuinely distinctive pieces are visual: scroll-triggered animation, image rollover on top of zoom and hotspots, and a callout-collection homepage pattern for highlighting one collection at a time. Everything below is organized by topic so you can jump straight to the setting you're trying to change.

Getting Started

• How to Install the Shopify Motion Theme
  Purchase Shopify's paid Motion theme from the Theme Store and add it to your store's theme library, ready to customize.
• How to Duplicate Your Shopify Motion Theme Before Editing
  Make a safe backup copy of your live Motion theme in Shopify before making design changes, so you can roll back instantly.
• How to Change the Color Scheme in Shopify Motion Theme
  Edit Motion's color schemes from the theme editor to change background, text, and button colors across your store.
• How to Add Custom Fonts in Shopify Motion Theme
  Upload your own font files or pick from Shopify's font library to change Motion's typography without writing code.
• How to Choose a Preset in Shopify Motion Theme
  Switch between Motion's three built-in style presets to change your store's entire look in one click, before fine-tuning.
• How to Manage and Search Files in Shopify Motion Theme
  Upload, link, and understand the real size limits for files in Shopify's admin — useful for brand and media kits in Motion.

Homepage & Sections

• How to Add and Reorder Sections on the Shopify Motion Homepage
  Add, remove, and drag sections into a new order on your Motion homepage using the theme editor's section list directly.
• How to Add a Slideshow in Shopify Motion Theme
  Add a multi-slide image or video banner to your Motion homepage using the built-in Slideshow section, with no code required.
• How to Enable Scroll Animations in Shopify Motion Theme
  Turn on scroll-triggered fade and reveal animations for homepage sections in Shopify's Motion theme, native to the theme.
• How to Add a Collection Collage in Shopify Motion Theme
  Showcase multiple collections in a flexible collage layout on your Motion homepage, or spotlight one with the callout section.
• How to Add a Promo Popup in Shopify Motion Theme
  Show a native promotional popup in Shopify's Motion theme to capture emails or announce a sale, without a third-party app.

Product Pages

• How to Enable Image Zoom and Hotspots in Shopify Motion Theme
  Turn on click-to-zoom product photos and clickable image hotspots in Shopify's Motion theme, both native features.
• How to Enable Image Rollover in Shopify Motion Theme
  Show a second product photo on hover in Shopify's Motion theme, a native rollover effect for product images and grid thumbnails.
• How to Add Color Swatches in Shopify Motion Theme
  Show color options as visual swatches instead of a plain text dropdown on product pages in Shopify's Motion theme.
• How to Add Product Videos in Shopify Motion Theme
  Add an autoplaying or click-to-play product video to the media gallery in Shopify's Motion theme, alongside your photos.
• How to Add a Before/After Image Slider in Shopify Motion Theme
  Show a draggable before-and-after image comparison on product or homepage sections in Shopify's Motion theme, natively.

Collections & Filtering

• How to Enable Product Filtering on Collection Pages in Shopify Motion Theme
  Turn on sidebar filtering by price, availability, and variant options on collection pages in Shopify's Motion theme.
• How to Add Breadcrumbs in Shopify Motion Theme
  Show a breadcrumb trail above collection and product pages in Shopify's Motion theme so shoppers can navigate back a level.
• How to Add Collection Page Navigation in Shopify Motion Theme
  Show a sidebar or dropdown list of related collections on collection pages in Shopify's Motion theme, for easier browsing.
• How to Change Products Per Row in Shopify Motion Theme
  Set how many products display per row on collection pages in Shopify's Motion theme, for both desktop and mobile.
• How to Enable Quick View in Shopify Motion Theme
  Let shoppers preview a product's details in a popup straight from the collection grid in Shopify's Motion theme.

Blog

• How to Enable Tag Filtering on Blog Posts in Shopify Motion Theme
  Turn on the built-in blog tag filter in Shopify's Motion theme so readers can narrow posts down by topic in one click.
• How to Add a Blog Search Bar in Shopify Motion Theme
  Shopify's Motion theme has no dedicated blog-only search box by default — here's what it offers natively and how to add one.
• How to Show Recent Blog Posts on Your Homepage in Shopify Motion Theme
  Show your latest blog articles on the homepage in Shopify's Motion theme using the Blog posts section, updated automatically.

Cart & Checkout

• How to Enable the Cart Drawer in Shopify Motion Theme
  Switch between cart drawer, full cart page, and notification popup in Shopify's Motion theme cart settings panel.
• How to Add Cart Notes in Shopify Motion Theme
  Let shoppers leave a note with their order from the cart in Shopify's Motion theme, with one theme settings toggle.
• How to Enable In-Store Pickup in Shopify Motion Theme
  Show a local pickup option at checkout in Shopify's Motion theme by setting up pickup locations in Shopify admin first.
• How to Enable Quick Buy in Shopify Motion Theme
  Let shoppers add a product to cart directly from the collection grid in Shopify's Motion theme, without opening the product page.
• How to Enable the Age Verifier in Shopify Motion Theme
  Add an age-gate popup to your storefront in Shopify's Motion theme, a native feature that needs no third-party app.

Header, Navigation & Marketing

• How to Make the Header Sticky in Shopify Motion Theme
  Keep the header visible while scrolling in Shopify's Motion theme using the built-in sticky header dropdown setting.
• How to Add a Mega Menu in Shopify Motion Theme
  Build a multi-column dropdown mega menu in Shopify's Motion theme by structuring your navigation menu with nested links.
• How to Show Recommended Products in Shopify Motion Theme
  Add a native cross-selling section in Shopify's Motion theme that recommends related products on the product page.
• How to Add an FAQ Page in Shopify Motion Theme
  Build a collapsible FAQ page in Shopify's Motion theme using its native accordion-style FAQ template, no app needed.
• How to Add a Stock Counter in Shopify Motion Theme
  Show a low-stock counter on product pages in Shopify's Motion theme to create urgency, driven by real inventory data.
• How to Add a Press Coverage Section in Shopify Motion Theme
  Show "as featured in" press logos on your homepage in Shopify's Motion theme using its native press coverage section.
• How to Customize the Account Menu in Shopify Motion Theme
  Configure the customer account menu icon and links in Shopify's Motion theme header, tied to Shopify's customer accounts.