Use Liquid code in a ProTab

OS 2.0

The Tabs: ProTab Liquid app block allows Liquid code to be used in a ProTab.

To use Liquid code in a ProTab:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Click Customize for the theme that you want to edit.

  3. From the dropdown menu, select a product template.

  4. Click + Add block.

  5. Under Apps, click the Tabs: ProTab Liquid block.

  6. In the ProTab title field, enter the exact title of the ProTab that you want to show the Liquid code in.

  7. In the Liquid area, enter the Liquid and HTML code.

  8. Optional

    Under Place Liquid, select Above existing ProTab content to show the Liquid and HTML above any content that is already in the ProTab.

  9. Click Save.

The Liquid code and HTML will only show in the ProTab with the title that matches the title entered into the ProTab title field.

If a ProTab can not be found, the Liquid and HTML will not show anywhere on the page.

Vintage themes

The Tabs: ProTab Liquid app block is not compatible with vintage themes.

To use Liquid code in ProTab with a vintage theme:

  1. Use the theme settings to add the Liquid code to the product page.

    If your theme does not have the ability to add Liquid code to the product page, add the code directly to the theme's product page template file instead.

    The process for adding the code to the product page is not related to the tabs in any way, so if you're not sure how to add Liquid to the product page or to the product page template file, please contact your theme developer.

  2. After you have added the Liquid and HTML code to the product page and it's displaying the content that you want, move the content into a tab.

Still need help? Contact Us Contact Us