Melbourne ecommerce theme - displaying tabs on product pages

From Spiffy Stores Knowledge Base

Revision as of 11:05, 24 July 2015 by Shawn (talk | contribs)

You can display up to 4 tabs on your product page. The first tab is specific to the product, and other tabs can include information that you want to appear on all product pages.

Tab 1 - Product specific information

In the [demo store], you can see a tab on the product page titled "More Information". To display this tab, please follow the instructions below.

  1. Go to the Pages & blogs section of your store’s Toolbox.
  2. Create a new page, entering your title and text. The title of your page is what will appear as the title of this tab. You should keep it as short as possible as it will not display well on mobile devices.
  3. Click the Create Page button to save your page.
  4. Edit the page, and click the handle link.
  5. Change the handle of the page to tab-2.
  6. On the right, set Page Visibility to hidden.
  7. This tab should then show up on all product pages.

Tab 2 - General information

In the [demo store], you can see a tab on the product page titled "Delivery Information". To display this tab, please follow the instructions below.

  1. Go to the Pages & blogs section of your store’s Toolbox.
  2. Create a new page, entering your title and text. The title of your page is what will appear as the title of this tab. You should keep it as short as possible as it will not display well on mobile devices.
  3. Click the Create Page button to save your page.
  4. Edit the page, and click the handle link.
  5. Change the handle of the page to tab-2.
  6. On the right, set Page Visibility to hidden.
  7. This tab should then show up on all product pages.

Tab 3 - General information

In the [demo store], you can see a tab on the product page titled "Size Information". To display this tab, please follow the instructions below.

  1. Go to the Pages & blogs section of your store’s Toolbox.
  2. Create a new page, entering your title and text. The title of your page is what will appear as the title of this tab. You should keep it as short as possible as it will not display well on mobile devices.
  3. Click the Create Page button to save your page.
  4. Edit the page, and click the handle link.
  5. Change the handle of the page to tab-3.
  6. On the right, set Page Visibility to hidden.
  7. This tab should then show up on all product pages.

Tab 3 - Product Reviews

In the [demo store], you can see a "Reviews" tab. To enable this tab, please follow the instructions on how to enable Yotpo reviews in your store.



« The Melbourne theme guide