Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Product Tabs

Mie Tran

Written by Mie Tran

Last updated

506 views

On this page


1. Product Tabs

The Product Tabs add-on enables store owners to add additional product details in customizable tabs. There are 2 types of product tab: Tab and Accordion.

To select design of the Product Tab, please click Product main then scroll the page to "Product Tabs".

spaces_-M-NhLOTZrTCuWOxPe-n_uploads_XiINZ1Q6HYsNaFzK7lmR_11.webp
  • Product tabs design: You can select Tab

spaces_-M-NhLOTZrTCuWOxPe-n_uploads_msXtjzhFP4GXIoUS7ZRl_Product Tabs.webp

or Accordion.

Product Accordion.gif
  • Product tabs design mobile: You can choose Tab or Accordion to show on the mobile devices.

  • Product tabs position: This element allows you can change the position of the Product Tabs. There are 2 options Product content external

    Product Accordion.gif

    and Product content inner.

    spaces_-M-NhLOTZrTCuWOxPe-n_uploads_6SIfiliMiY7GG899F8mL_16.webp

2. Add blocks for Product Tabs

In Product Tabs, you can add a few blocks: Tab Description, Tab Custom HTML, Tab Additional Infor, Reviews, and Tab Custom Liquid. However, the Tab Description, Tab Additional Infor and Reviews only can add one time in the product tabs.

spaces_-M-NhLOTZrTCuWOxPe-n_uploads_JOGjRmpYIS4vy6YBuAjU_13.webp

2.1. Tab Description

This tab will show the description you entered on the product Shopify.

2.2. Tab Custom HTML

To learn more about this block please follow this guideline.

2.3. Tab Additional Infor

This tab allows you to show options of product Shopify with its own tab.

2.4. Reviews

You can integrate app review with the theme and then add the snippet code to show reviews into the tab Review.

To know more about Review, please follow this guideline.

14.gif

2.5. Tab Custom Liquid

To add this section you will:

  • Product page > Product main

  • Add block Tab Custom Liquid

  • Click Save

You can change the Heading and add Custom liquid box: This option will allow you to add Custom liquid for your store.

For example:

To show newsletter in the Product Information, you add Custom Liquid Blocks.

Then paste this code liquid below:

{%- render 'newsletter'-%}

Result:

z4588965378348_529b42dac7b0152ca51dccb9690cc834.jpg

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.