PRODUCT - Adding different tabs per product

Open the settings of your Shopify store, and click on the "Metafields" section:

Click on "Products":

We will need to add two metafields: one for the tab title, and one for the tab content. To do that, click on "Add definition" button to add a new metafield. For the name, enter for instance "Tab 1 title" (you can enter any name, but it is a good practice to use a meaningful name so it is easier to edit in the future). Click on "Select content type" and choose "Text" in the dropdown:

Then select "Single line text", and save the metafield:

Repeat the process to create a new metafield definition, but this time name it "Tab 1 content", choose "Text" in the dropdown:

For the content, because we usually want to type longer text, select "Multi line text" this time, and save the metafield.

You should now see the two metafields being created:

Now that we have created the metafields, we will need to connect them in the theme editor.

To do that, open the theme editor and choose "Product pages" in the page selector at the top:

Then, click on the "Default product" template:

In the product section, click on "Add block" and select the "Content" block (the block may differ depending on your theme, but you should find a "Content" block):

Once added, Shopify will reveal the block settings. We will first connect the title to the tab title metafield we have created. To do that, next to "Title" click on the small database icon:

Select "Tab 1 title" (or whatever you have named it):

Then, we will connect the content. To do that, next to the content, click on the small database icon:

This time, select "Tab 1 content" (or whatever you have named it):

Make sure to save the various settings inside the theme editor.

We have now successfully created the metafields, and connected them to the theme editor. But for now, no content appear. This is because we have not yet configured the content for the products. To do that, open Shopify admin and select your product in the "Products" part of the admin:

At the very bottom of the product in the admin, you will now find a new "Metafields" category, showing all the metafields you have created in step 1. In our case, we are interested in the "Tab 1 title" and "Tab 1 content" metafield. Click on it to select the content you want to show for this product. Finally, save the product.

Create a new page in Shopify admin. This page will hold the content of your unique tab. You can create a page in the "Pages" section of your Shopify admin.

Once you have created your page, we need to retrieve the page handle. To get the page handle, open the page in the admin, and at the bottom, you will find a box called "Search engine listing preview".

The handle is what comes after the "/pages/" segment in the address. In this example, the handle is simply shipping:

Make sure to write down the handle, we'll need it later.

Then, we will need to inform the theme that we want to display this page's content as a tab for a given product.

To do that, in your Shopify admin, open the product that you want to edit. At the bottom right of the product page, you should find a section called "Tags". We are going to add a special tag that allows to instruct the theme to use our page.

For using the first unique tab, you will need to add the tag __tab1:handle (where handle must be replaced by the handle of the page you want to link). For the second unique page, you will need to add the tag __tab2:handle.

To take our previous example, the tag would simply by __tab1:shipping:

Repeat the process by creating new pages, and attaching them to your products.

Finally, we need to configure the theme. The process slightly differs based on the theme you are using.

• Focal, Trademark, Prestige and Warehouse
• Kagami