Symmetry theme support

Product page

To edit your product page, you will first need to open up any product, from inside the theme editor area, or select the product page from the dropdown at the top:

Customise theme screenshot

Note! All settings here will be applied to all products, not just the one you are on. If you are looking to have different sections on different products, see our ‘unique product page templates’ guide.

General page layout

Symmetry has some key settings which affect the general layout of the page. You can choose to have your images ‘underneath the main image’, or you can have them show as thumbnails ‘beside main image’.

Underneath main image:

Beside main image:

You can also change the size of the images to your liking. Choose from small, medium and large.

Additionally, you can change the location of the product description and much more using content blocks:

Pre-order template

Click here to view our Pre-order templates set guide that applies to our theme.

Variant display style

Variant media grouping (Multiple variant images)

Please read the Variant media grouping (Multiple variant images) for more on this, as you will need to set your product imagery up in a certain way for this to work.

To select one of the two options for displaying your variants on the product page, choose the ‘variant picker’ content block and under ‘Variant style’ you’ll see ‘Listed’ and ‘Dropdown’ as options.

Listed

Dropdown

Product labels

Custom label – How to set up (Added in Symmetry 5.2.0)

Summary of steps mentioned in the above video:

  1. Head over to Metafields located under settings > Metafields
  2. Click products > add definition > Name: Theme label & under that Namespace and key put theme.label
  3. Under that select content type and set it to Text (Single line) only and save.
  4. Head over to any product you want a custom label, scroll down to the bottom you will see your metafield, you can type out your label and that’s it.
  5. To change the color head to theme settings > color > search custom text and change the color of the label there.

New in label

Summary of steps mentioned in the above video:

There are 3 ways you can have the label displayed.

Collection: Create a collection that has the title “New” in it and any products in it, will display the “New in” the label

Tag: Add “New’ as a tag to products you wish to have the label appear on

Date: Any product that is created (Not published date) will show the label as long as it falls within the number of days you have set under the slider.

To change the “New In” text. Go to the language editor by clicking actions > languages > search “New In” and update the text.

How can I make my product images smaller?

You will find an option to set the size of your images under ‘Media’:

How do I set up Custom Option blocks on the product page (Capture customer information feature)?

The latest Symmetry version has the option to capture customer information directly on the product page. If your theme is older than December 2021, you will need to update your theme to access this feature.

You have four different options with this feature:

  • Text
  • Long text
  • Checkbox
  • Multiple options (dropdown menu)

In order to enable these, watch the video below or follow the step-by-step guide:

Summary of steps mentioned in the above video:

  1. Head to Admin > Online store > Customise theme
  2. Select products from the dropdown at the top and go to the default product
  3. Click to ‘Add block’ and select Custom option (you can add multiple Custom option blocks)
  4. Choose which Custom option block you want, customise the label and set it to be a required step, if you wish
  5. Save your changes

How do I set up related products block?

The latest Symmetry version has the option to link to other products, collections or blog posts directly on the product page. If your theme is older than December 2021, you will need to update your theme to access this feature.

In order to enable this, watch the video below or follow the step-by-step guide:

Summary of steps mentioned in the above video:

  1. Head to Admin > Online store > Customise theme
  2. Select products from the dropdown at the top and go to the default product
  3. Click to ‘Add block’ and select Related products (you can add multiple Related products blocks)
  4. Choose your heading and add up to two links per block, either products, collections or blog posts
  5. Save your changes
Note! All settings here will be applied to all products, not just the one you are on. If you are looking to have different sections on different products, see our ‘unique product page templates’ guide or check out Shopify’s guide on ‘metafields‘ which can also be used to add unique content to products.

Related products – link unique items with Metafields (Pre version 5.3.0)

Related products – link unique items with metafields (Theme version 5.3.0 +)

How do I set up product tabs/accordion pages?

The latest Symmetry versions has the option to create tabs/accordions on product pages. If your theme is older than June 2021, you will need to update your theme to access this feature.

In order to set this up, watch the video below or follow the step-by-step guide:

Summary of steps mentioned in the above video:

  1. Head to Admin > Online store > Customise theme
  2. Select products from the dropdown at the top and go to the default product
  3. Click to ‘Add block’ and select Collapsible tab (you can add multiple Collapsible tab blocks)
  4. Choose the heading, icon (optional and only available on theme version 5.1.0) and content. Content can be added directly to the tab in the theme editor, pulled from pages or by using metafields
  5. You can also choose if you want the tab to be open be default and whether you want it to show in quick buy
  6. Save your changes
Note! All settings here will be applied to all products, not just the one you are on. If you are looking to have different sections on different products, see our ‘unique product page templates’ guide or check out Shopify’s guide on ‘metafields‘ which can also be used to add unique content to products.

Can I hide unselected images?

Shopify does not include a way of filtering thumbnail images to ones related to the current variant. For example, showing only the blue dresses when you select a blue variant. This is not a theme limitation but a Shopify platform one. You will need an app for this: https://apps.shopify.com/

Can I add videos to product images?

The latest version of Symmetry supports Shopify’s listed product media types. If your theme is older than Feb 2020, you will need to update your theme in order for this to work. This cannot be added to older versions of Symmetry.

Hide the ‘Buy it now’ button & ‘Express checkout’ buttons (Paypal/GPay)

Summary of steps mentioned in the above video:

  1. Head to Admin > Online store > Customise theme
  2. Select products from the dropdown at the top and go to the default product
  3. Click on the Buy buttons block in the menu
  4. Uncheck the ‘
  5. Save your changes

If the button is still showing on the collection pages (occurs on some theme versions), you will need to do this additional step:

  1. Go to ‘Theme Settings’
  2. Click on Products
  3. Uncheck the ‘
  4. Save your changes

Show / hide product vendor

You will find this setting inside the product page. Please note that some themes will also display the product vendor on the collection page, so if you would like to disable or enable it there, you will need to head over to a collection page, open up the collection pages section and check the box there also.

Enable / disable image zoom

You will locate the checkbox to disable or enable image zoom here in these settings. You cannot set the strength of the zoom.

Size chart

For information on how the size chart works you can check out out our support article through this link.

Swatches

For information on how the swatches feature works, you can check out out our support article through this link.

Product page story (sections on product pages)

Tip! For this, you will need to be using Symmetry version 5.0.0 or newer (which supports Shopify’s OS 2.0)

To understand how it works, please watch our video below:

Or check out Shopify’s guide on templates here.

Product recommendations

This section is sometimes referred to as “you may also like” or “cross selling” or “suggested products”. The recommendation logic that controls which products are displayed to your customers is not determined by the theme, but by the Shopify platform. You cannot change the logic of this section and even as theme developers we have no control over what it presents. This is the same for all themes. You can find out more information on how this section works, through this link.

If you would like more control over recommended products, you can turn this feature off in the theme and replace it with an app from: apps.shopify.com