Showcase theme support

Product page

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

Showcase screenshot

Note! All settings 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

Showcase has two key settings which affect the general layout of the page.

Display style

This determines how many columns of images your products will have.

One column:

Two column:

TIP! If you want your page to have smaller images, chose the ‘two column’ option as your images will be half the size of the ‘one column’ option.

Page width

If the ‘Page is full width of the screen‘ option is selected, the image and product text will stretch to the full width of the screen. Note, your images will be large when this setting is on.

Full width on:

Full width off:

Making the product description more visible

The ‘Show the product description under the product title‘ setting will move the product description higher up the page so that it will appear just below the product title.

Can I make my product images smaller?

There is no option to set the exact size of the image that shows on a product page, but there are two methods you can use to reduce the size of your product images. If you have set the product page to be wide display (see above section), you can uncheck this option which will reduce the size of the images.

You can also change the ‘display style’ at the top to “two column” (see above section), which will line up the images side by side, reducing the space needed to scroll down if you have a lot of images on your 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 Showcase 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 Showcase.

Hide ‘buy it now’ button and ‘express checkout’ buttons (Paypal/GPay)

Steps mentioned in the above video:

  1. Admin > Online store > Customise theme > Navigate to your product page.
  2. Select ‘Product pages’ from the left-hand menu.
  3. Find and select the ‘buy buttons/quantity’ content block.
  4. In the new options panel which emerges, deselect the ‘show dynamic checkout button’ tickbox.
  5. Save changes.

Pre-order template

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

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 want 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 can locate the checkbox to disable or enable image zoom here in these settings. You cannot set the strength of the zoom.

Product tabs

Steps mentioned in the above video:

  1. Admin > Online store > Customise theme > Navigate to your product page.
  2. Select ‘Product pages’ from the left-hand menu.
  3. Scroll down to ‘Description’.
  4. In the dropdown options under ‘display style’, select ‘tabs’.
  5. Link your desired content in ‘first page’ and ‘second page’ areas. (This is outlined further in the video, along with removing the ‘reviews’ tab).
  6. Save changes.

Size chart

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

Unique product pages (different sections on each)

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

Here’s our video guide explaining how to create multiple, unique page templates:

Note! If you do not see your new template in your dropdown list, make sure you have published your theme (a theme needs to be made live for its associated templates to show as options in the Shopify Admin > Products area).

Steps mentioned in the above video:

  1. Admin > Online store > Customise theme > Navigate to your product page.
  2. Select ‘Product pages’ > ‘Create template’ from the drop down menu (it’s best not to use the ‘default product’ so we can keep this untouched).
  3. In the ‘create a template’ box which appears, add a name which clearly associates this template with the product you’d like to apply it to.
  4. Choose “Default product” for the “based on” option and click ‘create template’. This does not affect your original default product template.
  5. The page will reload and you will be able to alter this new layout on a preview of any product of your choice (select ‘change’ from the top left of the editor area to choose a different product).
  6. Click “product pages” in the left hand menu. This will show you a list of content blocks.
  7. Drag and drop your content blocks or add / remove / hide these as you see fit. The same can be achieved with your product page sections if you wish.
  8. When you are happy with your layout, save your changes.
  9. In Admin > Products > Choose your product you wish to assign your newly made template to.
  10. On the right hand side, under ‘Theme template’, use the dropdown to select your new template and save your changes to apply this.
  11. If you do not see this template in your dropdown list, make sure you have published your theme (a theme needs to be made live for its associated templates to show as options in the Shopify admin > products area).
  12. For any additional unique page templates you wish to create, simply repeat steps 1 to 10 and assign your template/s to whichever products you like.
  13. Save all changes.

Product page story (sections on product pages)

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

You can create multiple unique pages (story pages) by following the steps in the video below:

Steps mentioned in the above video:

  1. Admin > Online store > Customise theme > Navigate to a ‘Page’.
  2. Select ‘Pages’ > ‘Create template’ from the drop down menu (it’s best not to use the ‘default page’ so we can keep this untouched).
  3. In the ‘create a template’ box which appears, add a name which clearly associates this template with the page you’d like to apply it to (like ‘story page one’).
  4. Choose “Default page” for the “based on” option and click ‘create template’. This does not affect your original default page template.
  5. The page will reload and Shopify will show one of your default pages, so if you already have content applied which shows here, simply click the ‘eye’ icon on the left hand side settings panel, next to “page”. This will hide your default page content.
  6. You will then be able to alter your new page layout by dragging and dropping your sections. Add / remove / hide these as you see fit.
  7. When you are happy with your layout, save your changes.
  8. Admin > Online store > Pages > Add page
  9. Call this page for example ‘Story page one’ or whatever you wish to assign your newly made template to.
  10. On the right hand side, under ‘Theme template’, use the dropdown to select your new template and save your changes to apply this.
  11. If you do not see this template in your dropdown list, make sure you have published your theme (a theme needs to be made live for its associated templates to show as options in the Shopify admin > Online store > Pages area).
  12. For any additional unique page templates you wish to create, simply repeat steps 1 to 10 and assign your template/s to whichever pages you like.
  13. Save all changes.

Product recommendations

This section is sometimes referred to as “you may also like” or “cross selling” or “suggested products”. The recommendation logic which 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

Did you find this article helpful?