Help Center

EasyTabs - Product Description Tabs

Help Center / Questions & Answers

How to manage tabs

How to add tabs to my Product page?

Our app has two ways to add tabs to your products: Standard tabs and Static tab. Standard tabs are created based on your Product Description text. In other words, app just splits your Product Description onto separate tabs. So you add all the content directly in Shopify's native Edit Product page. If you'd like unique set of tabs for each product, you should use that option. Here's video explaining how Standard tabs work:  

 

Another option is Static tabs. These tabs are added in our app admin panel (Shopify Admin -> Apps -> Product Description Tabs -> Static Tabs) and you may create a tab once and it will be added to all your Products (or wide range of them). This way is useful for some content that is the same for all the products, like Shipping terms, Reviews tab and so on. Here's short video explaining how Static tabs work:  

 

How to create Static Tabs?

Here's short video explaining how to add Static Tabs to your Product: 

 

 

How to create Standard Tabs?

Here's short video explaining how to add Standard Tabs to your Product: 

 

How to upload image to Static Tab?

We do not host images on our server. Instead, you may host them directly on your Shopify Store:

  1. Go to Settings -> Files -> Upload files
  2. Upload your file
  3. Copy file URL from the URL field
  4. Paste that URL to Source box field in our app

How to add tab with Reviews?

To add Shopify Reviews (or another Reviews app supported by EasyTabs) as separate tab you should perform following steps:

1) Install Shopify Reviews app itself (just install, no need to add any codes to your template)
2) Go to our app settings -> Static Tabs and add Static tab called Reviews and select "Shopify Reviews" in Type dropdown list. Don't forget to enable this tab.

Actually that's it. If you'll have any troubles, please contact our support team by email support@nexusmedia-ua.com and we'll check that for you.

Troubleshooting

I've installed EasyTabs, but don't see app on my Product page. Why?

In some cases app may fail to add its code to your templates automatically (due to custom theme structure, or some 3rd party apps installed). In this case we'll need to add app code to your Product template manually.

Please grant our support team access to your Store admin (Themes section), so we may check and make sure app is working properly. You may send invitation to support@nexusmedia-ua.com. Please also drop us a line and explain what exactly is wrong.

Tabs were working properly, but disappeared after new theme installation.

During app installation it adds some code to your Theme's templates. If you installed new theme after the app, it will miss required code and app will not work.

The easiest way to fix that is to go to App settings -> Installation -> Click "Install app code" button.

If it won't help, then you may grant our support team access to your Store Admin - we'll add required code to your templates manually, and make sure app is working properly. You may send invitation to support@nexusmedia-ua.com. Please don't forget to send us an email explaining your problem.

I have additional Product template and app does not work there.

If you have more then one product template in your theme, then in some cases app may fail to add it's code to all the templates automatically. In this case app will require custom installation. Please grant our support team an access to your store Admin, and we'll add app code to your other Product templates also. You may send invitation to support@nexusmedia-ua.com. Please don't forget to send us an email explaining your problem.

Tab titles are cropped, how to fix that?

Our app set tab title max width to avoid them wrap on the next line as it will not look good. To avoid this you may try to enable "Automatically switch to Accordion view" option in the app settings. In this case app will not set max length for the tabs, but in case there's not enough space for all of them Tabs will be switched to Accordion view automatically.

There are some empty Tabs in the tabs widget. How may I remove them?

Most probably your Product Description contains empty Heading tag you've chosen to create tabs in app settings. Probably you've added Heading, then removed text, but Heading tag is still there (but not visible in Shopify WYSIWYG editor as it contains no text), and app still recognizes it as tab heading and creates tab for it.

To fix that please go to that Product in Shopify Admin, switch WYSIWYG editor to HTML View and remove empty Heading tags, like this:

<h5></h5>

If you'll have any difficulties, you may always ask our support team to check that for you. Just grant us access to your Store Admin contact our support team by email support@nexusmedia-ua.com.

How to grant you access to my Store Admin?

To send an invitation please go to Shopify Admin -> Settings -> Account -> Staff Members -> Add a staff member and send me an invitation. You may use following email address: support@nexusmedia-ua.com

I removed app, but tabs are still there, how to remove it?

If tabs are still there, then most probably you haven't disabled tabs before removal the app. If you did not do that, you may need to remove app code manually. To do that please go to your theme, open product.liquid template and replace following line:

{% include 'product-description-tabs' %}

with following one:

{{ product.description }}

Layout

Is there any way to place tabs separately from Product Description itself?

By default app adds Tabs widget exactly to the same position in your template, where you had Product Description text earlier. But it may be moved to any other position easily.

It's possible to have some part of Product Description to be displayed in the top of the page, and Tabs in the bottom of the page. But it will require a bit custom installation. We may use <!-- split --> tag functionality (may be your theme even support it out of the box), so all the text above that tag will be displayed as plain text on the right, and part of description that comes after that tag will be used to create tabs.

We may configure app to work this way free of charge - it's covered by our free support.  Just contact our support team and send us invitation to your Store Admin to email support@nexusmedia-ua.com

When I click tab, the page jumps down to the tabs widget. How can i disable that?

In the most cases such an issue is a conflict with your Theme's JS code. Most probably you have some smooth scroll built into the theme, which was applied to Tabs widget also.

To fix that we'll need to check your Theme code and apply required fix for this issue. Please grant us access sending invitation to support@nexusmedia-ua.com, and send us an email explaining your problem.

How to change tab font / size / color?

Our app id pretty flexible in terms of design. You may customize tabs look and feel in the Layout Settings section of our app's settings.

If you need more specific changes, you may just use your theme CSS file to customize widget to fit your needs. If you're not familiar with CSS you may always contact our support team, and we'll help you with required adjustements.

Other questions

Is tabs content indexable by search engines?

Yes, all the tabs content is added to your page HTML content on the server side, so it's fully indexable by search engines.

We have 15 great Shopify Apps to improve Store UI/UX and increase your sales!

Check out our Shopify Apps