Beauty
in Motion

A new class of Shopify theme

Smooth animations

Make your products stand out with Motion's smooth and elegant animations, designed to engage and delight customers like never before.

Perfect video

Video is changing the face of the web and it's time you had a theme that did it right. Engage customers with autoplaying video both on mobile devices and desktop.

Have any questions?

Any questions?

Get your questions answered in our dedicated support area.

Get support

Get started with Motion.

Buy it - $180

Theme features

Design

Clean, minimal design

Keep the focus on your products and messaging with Motion’s clean and minimal design style.

Big, beautiful imagery

Large edge-to-edge photos, animations, video, and slideshows let your imagery shine.

Typography-driven

One of the most effective ways to differentiate your brand is through typography and we’ve designed Motion with large, simple typography that will put your style front and center.

Optimized for readability

Smooth, subtle overlays and gradients help keep your text readable when placed over photography.

Compact mobile design

Mobile users have less patience for scrolling so we’ve kept the mobile design as compact as possible, with simple expandable areas for those that want more.


Animation

Designed for smooth animation

Motion is designed from start to finish to smoothly and elegantly animate your content into view. Choose from our animation types to see what best fits your brand or disable them altogether.

Page transitions

Animate between pages for a more seamless shopping experience.

Animated callouts

Our Fading Image Hero section lets you create a unique animated slideshow that combines beautiful imagery and bold statements.


Video

.MP4, YouTube and Vimeo support

Supports all major video formats for flawless high quality video across your store. We recommend .MP4 or YouTube.

Brand video

Take your brand to the next level with autoplaying high quality video built into two different sections on your homepage. Your videos will be just as beautiful on mobile as they are on desktop.

Traditional video

Include a full click-to-play video player with video controls and audio right on your homepage.

Product video

Bring the runway to the screen by showing autoplaying product videos right inline with the rest of your product images.


Homepage sections

Three hero sections

Large video, a slideshow, and an animated bold statement section can all be used interchangeably throughout your homepage depending on your current promotions.

Collection callouts

A beautiful collection grid showcases all your collections and an additional section can highlight a single collection by automatically showcasing the products within it.

Full single product section

Showcase a product for purchase right from the homepage, complete with reviews, video and any other extra tabs you have set up.

Full-width images, video and text

Showcase a large photo or video of your products and provide a perfectly readable description, link or callout right on top of it.

Everything else and more

Blog posts, Instagram feed, testimonials, maps, text columns, and a custom layout builder.


Collection pages

Instant tag browsing

Quickly browse between tags without ever leaving the page with our asynchronous tag browsing feature.

Large image banner

Show an optional big, beautiful banner across the top of your collection pages.

Image switching on hover

Customers can quickly see a second product image by hovering their mouse over a product.

Color swatches

Let customers see what colors are available for a product with either a solid color or a textured image.

Flexible layout

Choose how many products you want to show per row and Motion will arrange them for you.

See Conversion Features for quick shop and more.


Product pages

Product video

Show autoplaying product videos inline with the rest of your product images. Mobile-friendly with support for YouTube, .MP4 and Vimeo.

Additional sections (NEW)

Tell your brand's story or promote other products or pages right on your product page with 7 modular sections on our new product.sections template.

Flexible layout

Adjust the size of your product images and product description to match the size of your products.

Zoom-in-place

Customers can quickly look closer at a product image without clicking — just hover over any product image.

Color swatches

Let customers choose their color variant by showing either a solid color or a textured image swatch.

Continue shopping

Large image callouts at the end of your product page help prevent churn by enticing customers to return to a collection or navigate to the next product.

Related products

Showcase related products from the same collection or from a custom collection of related products below your featured product.

See Conversion Features for review integration and more.


Conversion features

Quickshop

Quickly look at a product’s complete details page while browsing a collection, homepage, or related products.

Pop-out cart

Encourage quick checkout and continued shopping by never making customers leave the product page.

Integrated reviews

One click seamless integration of Shopify’s Product Reviews app, built right into the theme as a tab on product pages.

Product tabs

Address crucial pre-purchase questions by adding text in a tab to all product pages (ex: shipping rates, return policies) or by adding tabs to specific product pages through utility tags.

Product question form

Let customers ask questions when and where they occur by adding a contact form in a tab on your product pages.


Marketing features

Landing page with sections (NEW)

Create an engaging landing page using the 10 modular sections on our new page.sections template.

Newsletter popup

Collect customer contact information by offering them promotions in a popup. Set a delay so that the popup doesn’t interrupt their experience.

Footer newsletter

Collect email addresses and provide an enticing message sitewide on your footer.

Beautiful blog

Market to your customers on our beautiful staggered blog design. Articles have been optimized for readability and easy commenting.

Instagram feed

Show off your latest photos from your Instagram account. Photos link directly into the app where customers can like and follow you.

I've personally experimented with 3 themes that I paid $180 each for and Motion has been a home-run in terms of my UI and widget needs. We modeled our website experience based off some of UI and UX techniques used by the giant e-commerce websites in our industry and the Motion theme was simply the best candidate to do so. Try it out and rey other themes too - it will help you appreciate Motion!

Tastemaker Supply

This theme by far has the strongest product page of any theme I've seen to date. Equipped with a built- in accordion and contact form, it provides plenty of space to input the details our customers need to make an informed purchase. The theme is fast, user-friendly, aesthetically pleasing, and Marcus provides excellent support! Highly recommended.

Author's name

If you've got good video then Motion is an absolute no-brainer. A boatload of the functionality and superb support. Any questions have been answered in less than 3hrs during office hours in my experience, and they even replied promptly on New Year's Day. Archetype are as professional as they come and Motion is thoroughly recommended.

Cruick Leather
Motion
v3.2.2

Motion

Regular price $180

Our latest Shopify theme. Bring your brand to life through animation and video. 

See it in action on our demo shops:

Purchase is valid for one online store.

v.3.2.2 - June 26, 2018

  • Fix empty state Instagram from overlapping content
  • New payment provider icons
  • Fix menu second-level links from not navigating to pages on some iPads
  • Fix zoomed product images from being the wrong product in quick view

v3.2.1 — June 6, 2018

  • Fix mobile slideshow height when natural height is set
  • Fix special characters in variant names
  • Add a setting for additional payment buttons (lets you remove buttons from checkout screens)
  • Add image size setting to Image with text section
  • Embedded videos maintain responsive aspect ratio
  • Entire slideshow slide becomes link if no button text set
  • Fix potential header misalignment on mobile
  • Add setting to show/hide saved amount in product grid

v3.2.0 — May 30, 2018

  • New integrated font picker

v3.1.7 - May 17, 2018

  • Add a natural setting to slideshow height to prevent images being cut off
  • Product slideshow height now adapts when thumbnails are below main image
  • Fix occasional image animation issue in Safari

v3.1.6 - May 8, 2018

  • Fix dynamic payment buttons rendering in quick view modals

v3.1.5 - May 4, 2018

  • Move mobile currency converter to menu drawer
  • Consistent height product grid image setting
  • Performance improvement for quick view modals
  • Performance improvement in collection callout image sizing
  • Performance improvement by caching vendor scripts and static assets
  • Delay YouTube API loading if link opens video in modal

v3.1.4 — Apr 23, 2018

  • Fix center alignment of very small logos
  • Better menu dropdown accessibility on touch devices
  • Drawer menu links with # URL open submenu
  • Fix inline tags not expanding to show all

v3.1.3 - Apr 17, 2018

  • Prevent product videos with sound from playing after they've been paused
  • Change color label even if no variant exists
  • Support multiple variants using color swatches
  • Fix newsletter popup from not remembering to stay hidden on some pages
  • Fix quick view images from getting stuck zoomed in
  • Added contact form to page.sections and product.sections templates
  • Add image + link block in custom content section

v3.1.2 - Apr 9, 2018

  • Fix inventory count on some shops
  • Setting to change password page background
  • Fix tall product images from warping in quick view modal

v3.1.1 — Apr 3, 2018

  • Introduce dynamic checkout buttons for faster checkouts
  • Fix issue of 15+ product thumbnails preventing related product images from showing
  • Add gift card template logo setting
  • Fix announcement bar height when resizing window

v3.1.0 - Mar 27, 2018

  • Fix Firefox retina logo size bug from being double what it should be
  • Fix Chrome bug that causes lazyloading images to be delayed
  • New logo and navigation layout options
  • Add Google Pay icon to footer payment icons

v.3.0.2 - Mar 16, 2018

  • Fix variant color swatches overlapping long dropdowns
  • Prevent flash of black in slideshow when switching to new image
  • Save cart note while typing to preserve it when changing pages
  • Prevent window resizing from shrinking some images

v.3.0.1 — Mar 7, 2018

  • Fix navigation link dropdown states when URL is #
  • Show successful signup note in newsletter popup
  • Fix image loading bug in IE11 on Windows 7
  • Mobile height options for hero video and slideshow sections
  • Fix related product images not loading when thumbnails are below product image

v3.0 - Mar 1, 2018

  • Newsletter homepage section
  • Responsive images for more device-specific image quality
  • Lazyload images for faster initial load times
  • Add terms and conditions checkbox option
  • Fix YouTube video links opening in modal
  • Setting for adding navigation arrows or dots to slideshow
  • Add setting to move product thumbnails under main image
  • Stock inventory settings on product page
  • Add image and alignment settings to homepage testimonial section
  • Option to hide titles from footer columns
  • Ability to add custom sections to alternate product templates
  • Ability to add custom sections to alternate page templates

v2.2.2 — Feb 9, 2018

  • Add default values to some variables to avoid potential broken stylesheet

v2.2.1 — Feb 8, 2018

  • Prevent same named subcollections from breaking mobile navigation drawers
  • Fix number of related products shown
  • Fix mobile newsletter popup to bottom of screen
  • Add option to change announcement bar colors
  • Update product video autoplay for Vimeo and MP4 file types

v2.2 - Jan 23, 2018

  • Navigation font size and style settings
  • Better play/pause handling of product videos to avoid unwanted audio
  • Pause product videos when out of viewport
  • Scrolling performance improvements
  • Add SKU support on product pages
  • LinkedIn social icon added
  • New nested navigation logic (liquid update)

v2.1.2 - Jan 19, 2018

  • Fix variant color label not changing on click

v2.1.1 — Jan 17, 2018

  • Fix number of related products shown, excluding current product
  • Prevent JS error when color does not exist as a variant (for color swatches)

v2.1.0 - Nov 31, 2017

  • Sticky header setting
  • Setting to move product description below images
  • Custom product tabs based on product tags
  • Custom related product collections based on product tags
  • Add color swatches to home page featured product section
  • Add custom password page logo option
  • Prevent product videos from autoplaying too soon
  • Prevent newsletter popup from reopening if user signed up successfully

v2.0.0 - Nov 18, 2017

  • Color swatch support on product and collection pages

v1.2.3 - Dec 4, 2017

  • Fix amount_no_decimals rendering in JS (on variant change)
  • Fix currency switcher rending bug on sale price (on variant change)
  • Fix blog layout if articles do not have featured image
  • Fix navigation rendering in the Theme Editor when on the home page and logo is left aligned
  • Increased screen reader support with aria labels on primary navigations

v1.2.2 - Nov 20, 2017

  • Fix product thumbnails so top and bottom image are more accessible
  • Allow short YouTube video URLs to open in a modal
  • Fix Safari bug that leaves page blank when navigating back with browser buttons
  • Fix page transition bug on "Add address" button in customer template

v1.2.1 - Nov 8, 2017

  • Lazy load Google Maps API to increase home page load times (~2.5s savings)
  • Fix mobile nav drawer scrolling lock and variant button selections (introduced in v1.2)
  • Fix product thumbnails scrolling from being cut off when lots of images
  • Lazyload YouTube and Vimeo product videos (for way faster loading with quick view enabled)
  • Lazyload MP4 videos in quick view modal

v1.2.0 - Nov 2, 2017

  • Wrap tables in a scrollable div so they're always accessible
  • Prevent on-page anchor and mailto links from triggering page transitions
  • Remove unneeded Chrome iframe bug fix
  • Allow custom setting of Facebook/Twitter image when sharing home page
  • Fix a few minor input colours when the theme's background is set to black
  • Logo centering theme setting
  • Fallback video accessibility fixes when iOS is in low power mode (no autoplay)
  • Remove black bars on videos at certain screen sizes
  • Fix active state on tags with/without hyphens

Customer Reviews

Based on 26 reviews Write a review