SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Product - Main product tabs

Eira

Written by Eira

Last updated

8 views

On this page


The "Main Product Tabs" section is a dynamic UI component designed to organize and present diverse product-related information within a tabbed interface on the product detail page.

product tabs.png

1. How to access the Main product tabs

Step 01: From Shopify Admin, click on Online Store > Select Themes > In the Current theme section, click the Customize button.

Scroolingtext01.png

Step 02: In the theme editor (Customize), click to open dropdown pages in the topbar > select Products > select Default product

breadcrumb 1.png

Step 03: In the Sections tab, scroll and find Main product tabs in Template

product tabs 1.png

2. How to customize the Main product tabs section?

2.1. Block content

2.1.1. Tab description

To add Tab description block to the Main product tabs, click the Add block button (plus icon ➕) under the Main product tabs.

  • Heading: Enter heading you want to display

product tabs 2.png

2.1.2. Tab additional information

To add Tab additional information block to the Main product tabs, click the Add block button (plus icon ➕) under the Main product tabs.

  • Heading: Enter heading you want to display

product tabs 3.png

2.1.3. Tab custom HTML

To add Tab custom HTML block to the Main product tabs, click the Add block button (plus icon ➕) under the Main product tabs.

  • Heading: Enter heading you want to display

  • Tab content: Enter the main content that will appear when this tab is selected. This can include text, images, videos, or any other HTML elements.

  • Page: Select an existing Shopify page to pull content from. If a page is selected, the tab's content will be automatically populated from that page's content

product tabs 4.png

2.1.4. Tab custom liquid

To add Tab custom liquid block to the Main product tabs, click the Add block button (plus icon ➕) under the Main product tabs.

  • Heading: Enter heading you want to display

  • Add Snippets Liquid: Add app snippets or other Liquid code to create advanced customizations.

product tabs 5.png

2.1.5. Tab review

To add Tab review block to the Main product tabs, click the Add block button (plus icon ➕) under the Main product tabs.

  • Heading: Enter heading you want to display

product tabs 6.png

🎁 Exclusive Deals for The4 Customers

EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114) on Pro plan.

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free
SectionAI

🤖 EcomRise: Upsell & Bundles

Boost sales effortlessly with product bundles, upsell and cross-sell, buy X get Y, volume discounts

  • ✅ Easy upsell & cross-sell
  • ✅ Works with the latest themes
  • ✅ Trusted by 10k customers
🚀 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

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