Content tabs in product pages

Content tabs in product pages

You can create tabs inside the product pages. These tabs can be global (for all products), specific to a collection or specific to a product.



Create a page and set visibility to visible



Create a navigation menu with a handle `product-tabs`



Add menu items and select the pages in the dropdowns

Use collections/collection-handle to display the tab on all the product pages from a collection. Eg. a Sizes Chart tab on Women collection would be collection/women.

Use product/product-handle to display the tab on a specific product page. Eg. a Features tab on the product called Art t-shirt would be product/art-t-shirt.

Use global or global/anything (if you want to avoid having similar item names) to display the tab all product pages. Eg. a Shipping info tab on all products would be global.



See the tabs live in your store



Same tab name with different content in several product pages

If you have a tab that needs some different content for tens or hundreds of different pages, for example a tab called "Features", you might end up with tens of pages called Features and struggle a lot when it comes to selecting the right one in the navigation dropdown (see below).



To avoid this headache, rename your pages using double pipes ||

For example, the page Features becomes Features || Product XYZ or Features || Cool T-Shirt. This way, you can find the right Features page fast. Everything after the double pipes || in the page title won't be displayed in the tab title. For example, the tab will still be called "Features".



Re-order the Reviews tab

If you enabled the product Reviews tab, by default it will be displayed as the last tab at right. To
re-order
it, add a #Reviews item in the product-tabs navigation menu and then drag & drop it to the order that you prefer.



    • Related Articles

    • Latest releases of the Konversion theme

      Versioning logic - Version X.Y.Z X means a major change in theme due to a change in Shopify's core Y means a big enough change that involves new key features and/or big change/fix X means small bug fixes and small features release. Make sure you have ...
    • Product Page Upsell

      1) HOW DOES IT WORKS? Create a navigation menu called Product upsell. The handle needs to be: product-upsell 2) WHERE IS IT DISPLAYED? In a specific product page: Add a menu item and name it following this structure: products/product-handle And/Or In ...
    • Display Trust Badges in your Product Pages of your Shopify Store

      With the Konversion theme, you can upload your own trust icons, and now you can also upload your own image for trust/security/conversion badge.  By default, we provide the trust badge image below for free. But you can change the trust badge image and ...
    • Add custom content on Konversion's theme homepage

      Go to Theme -  Customize Theme - Sections - Add section - Custom content.
    • Hide variant dropdown on the product page when there is only 1 option (1 variant)

      You can hide variant dropdown on the product page when there is only 1 option (1 variant) in the Konversion theme. Go to Customize Theme > Product Pages (section) > Scroll to Hide variants with only one option