Product Tab

Spark offers 2 ways to show the Product Tab:

  • Show the same tab content for all products

  • Show the different tab content for each product

Show the same tab content for all products

To show the same tab content for all products, please choose "Show For All Products". Then enter the content in the "Product Tab Content" text box. You can use your own html code to style your tab content as you want.

Show the different tab content for each product

To show the different tab content for each product, please choose "Only Show For This Product", no need to enter the content in the "Product Tab Content" text box.

Then, Please follow the instructions below to set up the different tab contents.

Setup Product Tabs by Metafields

Step 1 - Add a new Metafields for the Tab you want to create

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

  2. Click Products → Add Definition.

  1. Please enter a Namespace and Key as we noted below.

Name: Use the name of tab you want

Namespace and key: c_f.XXX

Select content type: Text -> Multi-line Text

  • (With c_f. is a code you MUST use correctly and XXX is the name of tab you want, no white space or if you want to have space, you will use "" to replace the white space. Example: c_f.customtab or c_f.custom_tab)

  • Remember the key after c_f. to paste it in theme editor of Step 2. Example. If your Namespace and key is c_f.customtab so the key you need to remember is customtab

Step 2: Fill Product Tab Metafield 'Key'

At the Product Tab Content 2 box, fill in the key from Step 1 above. Example as above is customtab.

Step 3: Insert the tab content for each product in the Product Metafields:

  1. From your Shopify admin, go to Products -> All products.

  2. Find and choose the product that you want to edit.

  3. In Metafields area at the bottom, please enter the content in the "Custom Tab" field.

You can use HTML Formatting for Custom Tab content.

Because the FAQ tab has its own style, we will attach a sample HTML code below, you can refer to and use

PreviousProduct BundleNextProduct Recommendations

Last updated