Our documentation is for the latest theme versions. Should you need guidance with an earlier theme version, please send us a support request via our contact form.
General Theme Settings
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.
Product options can be shown as boxes or dropdowns.
With the box layout, unavailable options (where all variants with that option are unavailable) will be shown as crossed out.
Speed up purchases by enabling quick-buy so shoppers can add items to the cart directly from a collection page or the homepage. The dynamic checkout button allows customers to go direct to the checkout with that item bypassing the cart page entirely.
There are separate settings to control the dynamic checkout button wherever products are shown in your store.
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 low stock.
There is only room for one to show at a time, so there is a priority in which these are shown.
- Sold out
- Sale Shows if a product's compare at price is set higher than its actual price.
- X left in stock only for items with a single variant
- 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!
Use the setting show second image on hover to show two product images on your collection and home pages.
Decide what happens after your customers add a product to your cart. To remain on the same page, choose the drawer option.
The theme navigation has a horizontal bar design on desktop. It supports three menu tiers set up in the usual Shopify way. Choose from 3 nested navigation layouts, rows - on click, columns - on click and columns - on hover.
For both the on click options, upper menu levels open on click 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. Switch on the cross page announcement bar and store messages to alert customers to new products or promotions.
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.
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
To see the full list of home page section types simply click on Add Section on your store home page.
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.
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.
Context sensitive sections
These sections are shown based on the page you are currently viewing in the theme editor.
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.
Enable cart notes to add a box to your cart page where customers can enter order notes.