Symmetry Theme

Theme Settings

Our documentation is for the latest theme versions - 3.3 and above -released after 14th March 2018. Should you need guidance with an earlier version, please send us a support request via the contact form.

General Theme Settings

Theme Styles

The Symmetry theme is available in 4 styles - Chantilly, Salt Yard, Beatnik and Duke

These demo stores aim to illustrate the variety of looks possible with the theme. Choose your theme style in the Theme Settings tab. The style settings will affect cross store elements such as your fonts, cart behavior, and social media icons. Applying a theme style will overwrite any existing settings in your Theme Settings tab. Your section specific settings won't be affected.

More information about theme styles can be found in this Shopify article


Decide whether to show a full-width layout on the home page product and collection rows, header, footer, and collection pages. All our theme styles except Chantilly use the full-width layout.

You can also choose to switch off the image lightbox.


Enabling quick-buy allows shoppers to add items to the cart directly from a collection page or the homepage. 

For full-width sites, the number of product images shown per row will change dependent upon the browser width and your choice of image height setting. For product images of varying shapes, you may wish to use variable-width product thumbnails.

Use the title and price position setting to choose whether to show product thumbnail title and price on hover or under the image. On smaller screens the title and price will always be shown under the image.

The Symmetry theme supports product icons or labels on the home and collection pages for on sale items, sold out items and items with a low inventory count. 

Symmetry theme - labels on product blocks - Shopify Theme by Clean Themes

There is only room for one to show at a time, so there is a priority in which these are shown.
  1. Sold out 
  2. Sale Shows if a product's compare at price is set higher than its actual price.
  3. X left in stock only for items with a single variant
  4. Custom Choose your own text by giving your product a tag in the format: meta-label-YOUR LABEL TEXT! That's 'meta-label-' and your label text. Note that the text cannot contain a comma. Spaces, capitals, exclamation marks, etc, are all fine!
So if the 'Sold out' label is shown, this takes priority over all other labels.

Decide what happens after your customers add a product to your cart.  To remain on the same page, choose the drawer option.  This feature cannot be shown in the Theme Editor, so preview the theme in your store to see it in action. 

Static Sections

Header Section 

Switch on the cross page announcement bar to alert customers to new features or promotions. 


The theme menu has a multi-level horizontal bar design on desktop. It supports multiple menu tiers set up in the usual Shopify way.

Upper menu levels open on click (not hover) and don't link. To help customers navigate around your collections quickly, the theme includes the option to automatically expand the navigation to the current page leaving the active menu tiers visible.

Tip: If some of your menu options are already expanded when you visit your homepage, this is just a simple set up issue - not a bug.  You won't need to alter any code to fix it. The likely problem here is that you have set the top menu items to link to your homepage. So when you visit the homepage, it intentionally expands these active items. You need to set each of these top-level menu items to link to web address # - the hash/pound symbol.

Should you wish to show your lower menu level links in vertical columns instead of a horizontal row, then you can do this by adding the word LISTED to the parent link name.
Listed menu settings


Cross page promos

Choose up to 4 of the available icons together with your own text and links to highlight your services and help customers to navigate your store. These will show in the promotional bar above the footer.   

Footer Section

Payment icons are pulled directly from Shopify based on your payment settings.

Footer text such as "Powered by Shopify" and "Theme by Clean Themes" can be edited in the Language Editor

Dynamic home page sections

Slideshow section

We recommend using images that are the same height and at least 1200px wide, for a restricted width homepage, or, at least 1600px wide for full-width sites. This blog article explains more about image sizing.

Collage with text section

Show two images overlaid in a choice of 5 different collage designs together with text and links. 

Collage Section - Symmetry Salt Yard theme for Shopify

Custom content section

You can add up to 5 blocks of custom content which can contain images, text, video or custom html. Choose the width of each block to create your perfect layout.

Caption text on Custom content row from Symmetry theme demo store

Context sensitive sections

These sections are shown based on the page you are currently viewing in the theme editor.

Collection pages

The Symmetry theme offers you the flexibility to choose how to organize your products on the collection page. Select a grid or a list layout. You can even leave the decision open to your customers by selecting show toggle for grid and list views.

You can also create two custom filters tag groups to help customers refine the products and find the item they are looking for quickly. Great for browsing large inventories.

Please note the tags in the tag group settings are case sensitive so be sure to check they match the tags used for your products.

Continue shopping
Your Order

You have no items in your cart