Say hello to CONCEPT!!!

We are beyond excited to announce the arrival of an addition to the RoarTheme family, CONCEPT theme. Check it out! https://themes.shopify.com/themes/concept

Okay
  Print

How to change the content of "Collapsible tab" (Collapsible row) block for each individual product?

The Collapsible tab block (also called Collapsible row in some versions) can retrieve the individual info of the current product called metafields. I will show you how to create a metafield for the product and get it displayed on the Collapsible tab block:

Assumes that you want to store the 'material' info in your products. Here're the steps:

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


2. Click Add definition

7143486349.png

3. In the Name field, enter a name for your definition (let's assume 'material'), and then click the name that you entered from the list

3326033978.png

4. Click Select content type

6483615042.png

5. Select Rich text (or Multi-line text), which best matches your demand - texting for the "material" field

6. Click Save, and the new metafield should appear in the list

7356803254.png

2730734506.png

7. Go to the product you want, scroll down and you should see the material field

7929608414.png

8. Click and enter the value you want, then click Save

9718637984.png

9. Go to the product via Customize panel, within the Product information section, add a Collapsible tab block

6924497755.png

10. You can set icon and heading here. Click the Insert dynamic source icon

4700965345.png
11. Choose the material field, then click Insert
8288690525.png

12. Here's the result:

8651986826.png