Home / Symmetry

Shopify Symmetry Theme

Symmetry is a conversion-focused theme from Clean Canvas built for fashion, health, and beauty stores — by its own account one of the all-time best-selling Shopify themes, with over 70,000 stores using it. It ships five presets (Symmetry, Salt Yard, Beatnik, Duke, and Amara) and a genuinely feature-dense cart drawer with native free-shipping messaging and in-drawer product recommendations. 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 Symmetry Theme
  Purchase Shopify's paid Symmetry theme from the Theme Store and add it to your store's theme library, ready to customize.
• How to Duplicate Your Shopify Symmetry Theme Before Editing
  Make a safe backup copy of your live Symmetry theme in Shopify before making design changes, so you can roll back instantly.
• How to Change the Color Scheme in Shopify Symmetry Theme
  Edit Symmetry's color schemes from the theme editor to change background, text, and button colors across your store.
• How to Add Custom Fonts in Shopify Symmetry Theme
  Upload your own font files or pick from Shopify's font library to change Symmetry's typography without writing code.
• How to Choose a Preset in Shopify Symmetry Theme
  Switch between Symmetry's five 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 Symmetry Theme
  Upload, link, and understand the real size limits for files in Shopify's admin — useful for size guides and care labels in Symmetry.

Homepage & Sections

• How to Add and Reorder Sections on the Shopify Symmetry Homepage
  Add, remove, and drag sections into a new order on your Symmetry homepage using the theme editor's section list directly.
• How to Add a Slideshow in Shopify Symmetry Theme
  Add a multi-slide image banner to your Symmetry homepage using the built-in Slideshow section, with no code required.
• How to Add a Scrolling Banner in Shopify Symmetry Theme
  Add a marquee-style scrolling text banner in Shopify's Symmetry theme to highlight announcements or promotions, native to the theme.
• How to Add a Background Video in Shopify Symmetry Theme
  Set a looping video as a section background in Shopify's Symmetry theme, native to the theme with no embed code needed.
• How to Add a Promo Popup in Shopify Symmetry Theme
  Show a native promotional popup in Shopify's Symmetry theme to capture emails or announce a sale, without a third-party app.
• How to Enable Scroll Animations in Shopify Symmetry Theme
  Turn on scroll-triggered fade and reveal animations for homepage sections in Shopify's Symmetry theme, native to the theme.

Product Pages

• How to Enable Image Zoom and Hotspots in Shopify Symmetry Theme
  Turn on click-to-zoom product photos and clickable image hotspots in Shopify's Symmetry theme, both native features.
• How to Enable Image Rollover in Shopify Symmetry Theme
  Show a second product photo on hover in Shopify's Symmetry theme, a native rollover effect for product cards and grid thumbnails.
• How to Add Color Swatches in Shopify Symmetry Theme
  Show color options as visual swatches instead of a plain dropdown on product pages in Shopify's Symmetry theme.
• How to Add Product Tabs in Shopify Symmetry Theme
  Organize product descriptions, ingredients, and care details into collapsible tabs on product pages in Shopify's Symmetry theme.
• How to Show Multiple Variant Images in Shopify Symmetry Theme
  Display a full image set per color or variant option in Shopify's Symmetry theme, not just a single swapped photo.
• How to Add a Size Guide in Shopify Symmetry Theme
  Add a native size guide to product pages in Shopify's Symmetry theme so shoppers can check fit before they buy.
• How to Add a Fit Rating Block in Shopify Symmetry Theme
  Show a runs-small-to-runs-large fit rating on product pages in Shopify's Symmetry theme, a native feature distinct from reviews.

Collections & Filtering

• How to Enable Product Filtering on Collection Pages in Shopify Symmetry Theme
  Turn on sidebar filtering by price, availability, and variant options on collection pages in Shopify's Symmetry theme.
• How to Enable Swatch Filters in Shopify Symmetry Theme
  Show color filters as visual swatches instead of a plain text list on collection pages in Shopify's Symmetry theme.
• How to Add Subcollections in Shopify Symmetry Theme
  Divide a main collection into smaller, focused subcollections in Shopify's Symmetry theme, a native feature most free themes lack.
• How to Change Products Per Row in Shopify Symmetry Theme
  Set how many products display per row on collection pages in Shopify's Symmetry theme, for both desktop and mobile.
• How to Add Breadcrumbs in Shopify Symmetry Theme
  Show a breadcrumb trail above collection and product pages in Shopify's Symmetry theme so shoppers can navigate back a level.

Blog

• How to Enable Tag Filtering on Blog Posts in Shopify Symmetry Theme
  Turn on the built-in blog tag filter in Shopify's Symmetry theme so readers can narrow posts down by topic in one click.
• How to Add a Blog Search Bar in Shopify Symmetry Theme
  Shopify's Symmetry 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 Symmetry Theme
  Show your latest blog articles on the homepage in Shopify's Symmetry theme using the Blog posts section, updated automatically.

Cart & Checkout

• How to Enable the Cart Drawer in Shopify Symmetry Theme
  Switch between cart drawer, full cart page, and notification popup in Shopify's Symmetry theme cart settings panel.
• How to Add a Free Shipping Progress Bar in Shopify Symmetry Theme
  Show a dynamic free shipping progress bar in the cart in Shopify's Symmetry theme, native to the cart drawer since it ships as a real block.
• How to Add Cart Notes in Shopify Symmetry Theme
  Let shoppers leave a note with their order from the cart in Shopify's Symmetry theme, with one theme settings toggle.
• How to Show Recommended Products in the Cart in Shopify Symmetry Theme
  Add product recommendations directly inside the cart drawer in Shopify's Symmetry theme to grow order value without leaving the cart.
• How to Enable In-Store Pickup in Shopify Symmetry Theme
  Show a local pickup option at checkout in Shopify's Symmetry theme by setting up pickup locations in Shopify admin first.
• How to Enable Pre-Order in Shopify Symmetry Theme
  Replace the add-to-cart button with a pre-order button in Shopify's Symmetry theme for products that aren't in stock yet.

Header, Navigation & Marketing

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