Symmetry Theme

Theme Settings

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

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.

Layout

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.

Products

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. 

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!

Use the setting show second image on hover to show two product images on your collection and home pages.

Cart

Decide what happens after your customers add a product to your cart. To remain on the same page, choose the drawer option.  

Static Sections

Header Section 

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.   

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

To see the full list of home page section types simply click on Add Section on your store home page. 

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.

Cart pages

Enable cart notes to add a box to your cart page where customers can enter order notes. 

Blog pages

Choose from a grid or list layout for your blog articles. Select a crop style for your blog article featured image to create a more even grid layout. Use blog article excerpts to manage what is shown on your blog overview page.
Continue shopping
Your Order

You have no items in your cart