Selecting a layout

The layout controls the way tabs are arranged on your online store.

The layout can be horizontal or vertical, and it can also switch between the two automatically based on column or screen width.

Learn more about layouts

Tabs — Horizontal Layout
Tab Title
Tab Title
Tab Content
Tabs — Vertical Layout
Tab Title
Tab Content
Tab Title
Tab Content
Two sets of tabs; one set in the horizontal layout and one set in the vertical layout.

On this page

Select a layout when using the app embed

To select a layout when using the app embed:

  1. From the main menu in the Tabs Studio app, click Settings.

  2. Click General.

  3. Under Select a layout for the tabs, select a layout.

  4. Click Save.

The layout settings panel from the 'Settings > General' page in the app.
The layout settings panel from the 'Settings > General' page in the app

Select a layout when using the app block

To select a layout layout when using the app block:

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

  2. Find the theme that you want to edit, and then click Customize.

  3. From the dropdown menu, select the template that contains the block that you want to edit.

  4. Click the Tabs block.

  5. In the Layout section, under Tab layout, select a layout.

  6. Click Save.

Still need help? Contact Us Contact Us