Decide whether to show a full-width layout on the home page product and collection rows, header, footer, and collection pages. All our theme demo styles except Chantilly use the full-width layout.
Product variants can be selected using a dropdown or list.
Tip: With the listed layout, unavailable options (where all variants for that option are unavailable) will be shown as crossed out.
Swatches can also be shown on the product page with the colors either taken from files added to your store or using css color codes.
The theme also includes the option to link to a size chart.
Tip: The theme supports one size chart page link for all products with the specified option. If you require separate size charts for different product types, we'd recommend using an app or adding the sizing information as an additional product image or into the product description.
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.
Tip: 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, items with low stock and the option to show a custom text.
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!
Each icon/label (except the custom one - which is controlled using product tags) also includes a setting to allow you to switch it on or off.
Use the setting show second image on hover to show two product images on your collection and home pages.
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 behaviour and social media icons.