Simple Theme - displaying tabs on product pages

From Spiffy Stores Knowledge Base

Revision as of 12:14, 30 July 2020 by Shawn (talk | contribs)

You can display tabs with extra info on your product page. This allows you to break up the page into different sections. We recommend making use of this feature in particular, as separating your content into smaller chunks is especially beneficial for a couple of reasons...

  • The "Add to cart" button appears higher on the page, so customers don't need to scroll so much.
  • Pertinent information about the product is displayed right next to the product image, with more detailed information further down the page. This also entices customers to explore other areas of your store, and also to see reviews if enabled.

Product specific information

The tags for creating tabs are entered directly into your product description, as you can see in the example to the right.

In this example product page, you can see multiple tabs on the product page. To display tabs, we make use of the <!--more-->  tag that can also be used in Blog Articles to cut the content up into smaller chunks.

We then specify that we want a tab titled "More Info", so the tag ends up looking like this... <!--more--> <!--tab="More info"-->

In addition to this, there are other tabs on the page done the same way...

<!--more--> <!--tab="Video"-->

<!--more--> <!--tab="Features"-->

<!--more--> <!--tab="Specifications"-->

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 Simple Ecommerce Theme Guide