Add the Tabs Studio app block
OS 2.0The Tabs Studio app block allows tabs to be added as a block in a product template section, and as section in a product template.
To add the Tabs Studio app block:
- Optional
Turn off the automatic location for tabs to prevent two tab sets from showing at the same time.
-
From your Shopify admin, go to Online Store > Themes.
-
Click Customize for the theme that you want to edit.
From the dropdown menu, select a product template.
-
To add tabs to an existing theme section (usually beside the product images), click + Add block.
To add tabs to a new theme section (usually below the product images), click + Add section.
-
Under Apps, click the Tabs block.
- Optional
Click the block name to view and edit the settings.
-
Click Save.
Online Store 2.0 themes only
The Tabs Studio app block can only be used with Online Store 2.0 themes. For vintage themes, activate the Tabs Studio app embed instead.
Tabs Studio does not add code to theme files
The Tabs Studio app block does not add, change, or remove any theme code.
All app functionality is provided via lightweight JavaScript that's loaded asynchronously and is completely separate from the theme.
The Tabs Studio app block does not turn off the automatic location for tabs
If you add the Tabs Studio app block and you want it to be the only tab set on the page, you should turn off the automatic location for tabs.
The Tabs Studio app block does not remove other blocks
If content is showing twice after adding the Tabs Studio app block it's because the content is also being shown by a different block, usually the theme's default Description block.
To stop the content from showing twice, hide or remove the block that is showing the same content as the tabs.
Make sure to undo the changes if you delete the Tabs Studio app.
The Tabs Studio app block is removed when the app is deleted
When the Tabs Studio app is deleted, Shopify automatically removes the Tabs Studio app block from any templates it was added to.
The block, and any content it displayed, will no longer show in your shop.
If content is missing from your shop's pages after deleting the app, edit the theme and add the appropriate block to the page.