Cello Documentation
Submit a TicketLive Chat
  • Webibazaar Support
  • Cello Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
  • Sections
    • Custom Liquid
    • Page
    • Map
    • Lookbook
    • Slideshow
    • Logo list
    • Collection list
    • Scrolling bar
    • Featured collection
    • Multicolumn
    • Featured product
    • Video
    • Sponsored product
    • Testimonials
    • Blog posts
    • Text with icons
    • Image banner
    • Image with text
    • Counter
    • Rich text
    • Multirow
    • Collapsible content
    • Contact form
    • Custom text
    • Newsletter
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Collection cards
    • Blog cards
    • Content containers
    • Background radius
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • Setting the Complementary products(Metafield)
    • Quick order list
    • Product tab
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 2.0.3
    • Version 2.0.2
    • Version 2.0.1
    • Version 2.0.0
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  • Add Tab
  • To create metafield for tab content, follow the steps below.
  • Adding metafield definition
  • Add the Product details
  1. Product page

Product tab

PreviousQuick order listNextCollection Page

Last updated 7 months ago

In the Cello theme product template, includes 'Product tab' section that displays the product details.

Setting
Description

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Add Tab

Click on "Add text" and its customization is as follows.

Block
Description

Heading

Enter text to display as a title in the section.

Content

Enter text to display as a content in the section.

To create metafield for tab content, follow the steps below.

Adding metafield definition

  1. From your Shopify admin, go to Settings > Custom data > Products

  1. Click Add definition

  1. In the Name field, enter Product details

  1. Click Select type then select Rich text.

  2. Click Save to save the definition.

  1. You should see the Product details in the list of definitions by now.

Add the Product details

  1. In your admin, within Products, click on the product you want to add the Product details.

  1. Scroll down to the Metafields. You should see the Product details here.

  1. To add the content, click on the Product details field.

  2. Click Save to save your changes.

  3. Then go to the customization and select the metafield.

Live Chat Support | Webibazaar Template
Logo