1 5

Tabs Section for Shopify

Tabs Section for Shopify

$30.00 USD
$30.00 USD
Sale Sold out
Shipping calculated at checkout.

Display a variety of content types in a compact way:

  • Product description
  • Richtext
  • Pages
  • App blocks
  • Custom liquid blocks

Scroll down to see it in action!

🇪🇺 EU: Please purchase through Gumroad.

Key Features

  • Compact way to store a lot of information
  • Perfect for a long product description
  • Turns into accordions on mobile
  • Display app blocks such as reviews

Settings

Comes with customizable settings just like your other sections.

Custom tab headings: Use any text in the tab headings, and include emoji's as icons.

Choose Tabs colors, size, alignment: Customize the color on hover, and when active. Adjust font size. Set the alignment to left or centered.

Change the spacing in tabs & accordions: Plenty of settings for paddings between various elements.

Support & Refunds

14-day refund guarantee.

Trouble with the install or want a refund?Just email me at hi@ed.codes.

For troubleshooting, I will need access to your admin. Please send me your store URL, and collaborator code (find it in Shopify Settings > Users & Permissions).

View full details

Content types:

Each tab is a block. You can use different types of content in each tab:

Product Description

This simply outputs the product description. Really useful if your description is long, and you don't want it taking up a lot of space above the Add to Cart button.

Rich Text

Add any text here. You can use this for text that is shown across all products, or you can use a Metafield to show text that is unique to a product, like specs.

Page

This outputs any page content. For example, the Shipping & Returns policy, or an FAQ page.

Custom Liquid

You can use code here to output anything you want. Great for embeddable content like iframes for videos, calendars and other widgets.

App block

You can add any app here that provides blocks. A common use is a customer reviews app like JudgeMe, Yotpo, Shopify Product Reviews and others.

Mobile view:

Tabs will turn into accordions on mobile screens.

 

This is a rich text block.

I can write in bold or italic, or add links to pages or files.

I can also include content from a Metafield, and I can hide this entire tab if the Metafield is empty.

What is the difference between Shopify Sections and Blocks?

This can be confusing if you're new to Shopify, but there is a big difference.

Sections take up the full width of the page.

Sections are the main building blocks of Shopify stores. You can add and drag them anywhere on the page (besides header and footer areas).

Blocks go inside of Sections.

They’re a smaller unit of content. You can add and drag them around inside of their parent section.

Below you can see sections in blue, and blocks in pink

Add any html or liquid code or an iframe like a video.

What you get

You will receive an email with a link to the code & instructions file.

It is hosted online (using Notion) so that I can update the code at any time and you will always see the latest version.

Simply bookmark the link if you need to revisit it. 

Easy Install

1. Go to your Themes page and click "Edit Code".

2. Click "Add a new section" under the sections folder.

3. Paste in the code and save.

Now you can find the section in your theme customizer.

FAQ's

Will this work on my theme?

My sections are compatible with all themes, as long as you've updated your theme since June 2021. This is when Shopify 2.0 came out and introduced draggable "sections".

If your theme does not have sections that you can drag around on product pages, then you should probably update - you are missing out on lots of useful features.

Can I use sections below the buy buttons / next to product images?

Before buying please read about the difference between Sections and Blocks in Shopify.

All my sections take up the full-width of the page.

All my blocks are to be added inside of the product info section (top-right of product page) next to the images and above/below buy buttons.

Why use Ed's sections instead of apps?

No monthly fees. Buy it once and own it for life. Unlimited access to updated versions.

Built into your theme editor. Edit everything in one place using the native Shopify interface, not a separate app screen.

Lightweight. Shopify apps will slow down your store. Sections & Blocks using native Shopify code will not. 

Seamless design. Apps sometimes stand out. A built-in solution will look like part of your theme, be less buggy, and feel faster. 

What about theme updates? Will the code be carried over?

No. When you update your theme and a new copy is installed on your store, you will need to re-install the code on the new copy.

Any metafields you set up will continue to work on the new theme.