Table

This section allows you to show a table of data, such as a size chart. This section contains an overall heading, a row heading, and a column heading. The table allows unlimited columns and rows.

Set up section

1. Select a Template to edit from the dropdown menu in the top bar.
2. In the side panel, click (+) Add section and select Table.
3. If desired, change the order of your sections using the drag and drop handles ⋮⋮
4. Click the Table tab to open its settings.
5. Add Heading text to add a title to the section.
6. (Optional) You may add a Note to clarify any aspect of the data in the table. For example, you may want to specify if the sizes are in inches or centimeters.

Row Block

1. Click on a Row block to open its settings.
   • Click + Add Row to create a new Row.
   • Click Remove block or the eye icon to delete or hide a block.
2. To make a row the header row, check This is a row header. This will make the text bolder and a larger to differentiate from the other rows.
3. Add text in the Row name field to give the row a heading. This text will appear in the first column of the row.
4. Add Column values, use commas to separate the value of each column (e.g. XS, S, M, L). This will appear in the first row of the column.
5. Click Save.

Define Metafields

Add dynamic, unique content to your sections and blocks by using metafields. To learn how to get started, visit Shopify's guide on Metafields. In the next steps, we will show you how to add Metafields and connect dynamic sources to the Table section.

1. Click the Dynamic source button next to Column values in the Row block settings.
2. Click the (+) Create Metafield button.
3. Click on the Products tab.
4. Click the Add definition button in the top-right.
5. Create a name for your Metafield. The name should describe the purpose of the Metafield. For example, in this case you might use Bust.
6. Click (+) Select content type.
7. Under the Text group, select Single line text. 
8. Click Save.

Add content to Metafields

After you define your Metafields you can add content to them.

1. On your Shopify admin, go to Products and select a product in which you would like to include unique content.
2. Scroll down to the Metafields section and add unique content in the Metafields that you created. For example, add content to the Bust Metafield that you created in the previous step.
3. Click Save.
4. Repeat steps 1 - 3  for every product in which you want to add unique content. Shopify offers the ability to edit Metafields in bulk. To learn more, please visit Editing product Metafields in bulk.

Insert Metafields as dynamic sources

Once you create Metafields and add content to them, you can add this as dynamic source in the theme. In your theme editor:

1. Go to the Table section.
2. Click on a Row block to open its settings
3. Click the Dynamic source icon above the Column values field.
4. Select the Metafield that you created and added content to.
5. Click Save.
6. Now you can see all of the dynamic content you added to different products.

Note: The previous steps are an example that shows how to add dynamic content for the Column values field in Table section. You can add dynamic content to other fields by following the same steps. Please note, the Metafield content type and name should change based on the content you are adding.

These are the recommended content types for every setting field in Table section:

Note: Any change applied to this section will appear on all pages that use the same template.