Skip to main content

Per-product orientation overrides

Force vertical or horizontal tabs on individual products.

Written by Steve Jones

Tabs+ has a single store-wide setting for whether tabs render as horizontal or vertical. If you'd like to override that for individual products, you can do it using Shopify product tags.

The two tags

Tag

Effect

pdpo_horizontal

Forces this product's tabs to render as a horizontal tab bar, regardless of the store-wide orientation setting.

pdpo_vertical

Forces this product's tabs to render as a vertical accordion, regardless of the store-wide orientation setting.

How to apply a tag

  1. In your Shopify admin, open the product (not in Tabs+, but in Products in the main Shopify admin).

  2. Scroll to the Tags field.

  3. Type either pdpo_horizontal or pdpo_vertical and press Enter.

  4. Click Save.

The change takes effect on the storefront immediately - no need to republish in Tabs+.

Use cases

  • You use vertical tabs site-wide, but for a specific high-end product you want the cleaner horizontal layout.

  • You use horizontal tabs site-wide, but a particular product has a lot of long-form content that's easier to read in an accordion.

  • You're testing which orientation works better for a category of products before changing the global setting.

Please note:
If a product has both pdpo_horizontal and pdpo_vertical tags by mistake, pdpo_vertical takes precedence. Use only one of the two on any product to keep things predictable.

What about other settings?

Currently, only orientation can be overridden per product via tags. All other Tabs+ display settings (colours, fonts, animation, icons) are store-wide.

If you need finer-grained control, you can use the Custom CSS setting to target specific products with CSS rules - for example, by combining a CSS selector with the product's URL or a body class your theme adds.

Did this answer your question?