Collapsible row
Setting | Description |
Heading | Type heading of collapsible row. |
Icon | Choose an icon from the list of default icons to make your content more captivating. |
Custom icon | You can download your own icon to collapsible row. |
Row content | Add a content under item heading. In the top menu of the field, you can find options to customize the text such as making it bold, italic, or adding a hyperlink. Additionally, you can also create bullet or numbered lists for your description. |
Row content from page | Row content can be added from the created page in admin panel in Pages tab. You can choose a page from the list with pages. |
Open collapsible row | Mark the checkbox if you want to display the content of the FAQ item without clicking on the checkmark. |
If you add a row content by typing text and pressing Enter to place text in the next row, you will get a view similar to the screenshot below.
But we can get a unique appearance of content tab using a connect dynamic source
Actions:
- Click on connect dynamic source
- Here we need to choose Product template to see created metafields before
- And after add items one at a time
For example, here we have added 4 metafields to get such view
To create content in such way, please follow the instruction “Creating metafield”
Navigate to “Settings”
- Click on “Custom Data”
- Click on “Products”
- Our filter is in “Assigned to all products” tab. To create a new metafield, click on add definition.
- Detail page of this metafield
- On each product detail page, you will see your created metafields. They will be empty, you just need to type the content and after click save.
Our Example — product detail page of one of the product.
- Each tab include its own metafields that are added on every detail page of products.