Skip to content

Troubleshooting

Tabs missing from product descriptions in the storefront

First, have you added Tabber shortcodes to the product description? These need to be added to each product description that needs tabs. Save the changes to the product and then view it in your storefront.

Tabs will not be shown in the Ecwid control panel when you are editing the product. You will only see the tabs by viewing the product in the storefront in the same way a customer views your store.

Video showing tab "shortcodes" in the product description, and the tabs that appear in the storefront product description.

Shortcodes are visible in the storefront

If the shortcodes are seen in the product descriptions when viewed in your storefront (not the Ecwid product editor), there is probably something wrong with the shortcodes, or their relative position within the description text and its HTML formatting tags.

Broken tabs

Note. from 2020-07-16, issues caused by bad positioning of tab shortcodes have been significantly reduced. It is now very unlikely that you will need to edit the description in HTML mode to re-position shortcodes.

If some of the tabs are visible, but they do not work, or their content is wrong, this is probably caused by wrong positioning of the tab shortcodes within the HTML formatting tags.

Often, when text is pasted into the product editor from a word processor, it contains many invisble formatting codes that can confuse Tabber. You can use the editors HTML mode to try and fix these kind of problems.

If the tab name is missing from a tab, this can be caused by using curly quotes instead of straight quotes around the tab name in the shortcode. This could be caused by copying text created in a word processor. Word processors often change straight quotes into curly quotes because this is typographically better. If this is an issue for you, type over the quotes using the Ecwid decription editor.


Broken tabs caused by shortcodes in inconsistent partd of the HTML document structure:


Curly quotes are not recognised

Shortcodes visible on Facebook, Instagram, Mobile

If tabs are working on your website, but not on Facebook, Instagram or Mobile, you can use special HTML attributes instead of shortcodes to define the tabs.

The Ecwid Facebook, Instagram and mobile ShopApp apps do not support Tabber. This means that the tabber shortcodes can not be processed by the tabber code and converted into tabs.

You can use some special HTML attributes instead of shortcodes to define the tabs. This will not generate tabs for these apps, but it will allow you to show a heading, or horizontal rule for example instead of a tab.

For more details see here.

To fix this, use special HTML atrtributes instead of shortcodes as explained here.

Shortcodes show in search results

If Google search results for your products show the shortcodes, you can fix this by using HTML attributes instead of shortcodes. This does involve editing the description in HTML mode however.

For more details see here.

To fix this, use special HTML atrtributes instead of shortcodes as explained here.