Difference between revisions of "Melbourne ecommerce theme - displaying tabs on product pages"
From Spiffy Stores Knowledge Base
| Line 3: | Line 3: | ||
== Tab 1 - Product specific information == | == Tab 1 - Product specific information == | ||
| − | http://melbourne-ecommerce-theme.spiffystores.com/collections/best-sellers/products/ | + | In the [[http://melbourne-ecommerce-theme.spiffystores.com/collections/best-sellers/products/lustrous-leather-jacket demo store]], you can see a tab on the product page titled "More Information". To display this tab, please follow the instructions below. |
| + | |||
| + | # Go to the Pages & blogs section of your store’s Toolbox. | ||
| + | # 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. | ||
| + | # Click the Create Page button to save your page. | ||
| + | # Edit the page, and click the handle link. | ||
| + | # Change the handle of the page to tab-2. | ||
| + | # On the right, set Page Visibility to hidden. | ||
| + | # This tab should then show up on all product pages. | ||
== Tab 2 - General information == | == Tab 2 - General information == | ||
| − | In the [[http://melbourne-ecommerce-theme.spiffystores.com/collections/best-sellers/products/ | + | In the [[http://melbourne-ecommerce-theme.spiffystores.com/collections/best-sellers/products/lustrous-leather-jacket demo store]], you can see a tab on the product page titled "Delivery Information". To display this tab, please follow the instructions below. |
# Go to the Pages & blogs section of your store’s Toolbox. | # Go to the Pages & blogs section of your store’s Toolbox. | ||
| Line 17: | Line 25: | ||
# This tab should then show up on all product pages. | # This tab should then show up on all product pages. | ||
| − | == Tab | + | == Tab 3 - General information == |
| − | In the demo store, you can see a tab on the product page titled " | + | In the [[http://melbourne-ecommerce-theme.spiffystores.com/collections/best-sellers/products/lustrous-leather-jacket demo store]], you can see a tab on the product page titled "Size Information". To display this tab, please follow the instructions below. |
# Go to the Pages & blogs section of your store’s Toolbox. | # Go to the Pages & blogs section of your store’s Toolbox. | ||
| Line 25: | Line 33: | ||
# Click the Create Page button to save your page. | # Click the Create Page button to save your page. | ||
# Edit the page, and click the handle link. | # Edit the page, and click the handle link. | ||
| − | # Change the handle of the page to tab- | + | # Change the handle of the page to tab-3. |
# On the right, set Page Visibility to hidden. | # On the right, set Page Visibility to hidden. | ||
# This tab should then show up on all product pages. | # This tab should then show up on all product pages. | ||
| Line 31: | Line 39: | ||
== Tab 3 - Product Reviews == | == Tab 3 - Product Reviews == | ||
| − | In the demo store, you can see a "Reviews" tab. To enable this tab, please follow the instructions on [[Melbourne ecommerce theme - setting up Yotpo reviews|how to enable Yotpo reviews in your store]]. | + | In the [[http://melbourne-ecommerce-theme.spiffystores.com/collections/best-sellers/products/lustrous-leather-jacket demo store]], you can see a "Reviews" tab. To enable this tab, please follow the instructions on [[Melbourne ecommerce theme - setting up Yotpo reviews|how to enable Yotpo reviews in your store]]. |
<br> | <br> | ||
Revision as of 11:05, 24 July 2015
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.
Contents
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.
- Go to the Pages & blogs section of your store’s Toolbox.
- 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.
- Click the Create Page button to save your page.
- Edit the page, and click the handle link.
- Change the handle of the page to tab-2.
- On the right, set Page Visibility to hidden.
- 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.
- Go to the Pages & blogs section of your store’s Toolbox.
- 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.
- Click the Create Page button to save your page.
- Edit the page, and click the handle link.
- Change the handle of the page to tab-2.
- On the right, set Page Visibility to hidden.
- 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.
- Go to the Pages & blogs section of your store’s Toolbox.
- 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.
- Click the Create Page button to save your page.
- Edit the page, and click the handle link.
- Change the handle of the page to tab-3.
- On the right, set Page Visibility to hidden.
- 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.