Content processing
Content processing removes invalid and unnecessary HTML tags that can prevent tabs from being created from headings.
All content processing is done when the page loads. The original content is not changed or affected in any way.
You can adjust the content processing settings from the Settings > General page in the app.
Tabs can not be created from headings if the headings are nested inside of other HTML elements. If the app were to create a tab from a nested heading, the HTML structure of the page would be invalid and the page layout could break.
Nested headings can be unknowingly created by Shopify's rich text editor, but they can also be included with content that's pasted into the editor.
In the above image, the <h3> (Heading 3) element is nested inside of the <div> element. Without content processing, a tab will not be created from the heading.
In the above image, the <h3> (Heading 3) element is not nested inside of any elements. No content processing is needed to create a tab from the heading.
Remove HTML tags that will prevent tabs from showing
The Remove HTML tags that will prevent tabs from showing setting can remove 'wrapping' elements from headings to make sure that tabs are created.
Content processing does not change your content
Content processing reads the original content and makes adjustments when the content is rendered to the page.
The app does not change your original content in any way.
The setting has the following options:
- Don't remove tags
- Use the exact original content. Tabs will not be created from headings that are nested inside of other HTML elements.
- Remove common tags
-
Remove
<div>,<span>,<section>, and<article>tags that wrap headings needed for tabs. - If tab content doesn't look as expected, select the Don't remove tags setting and then manually move the headings outside of their wrapping elements in the original content.
- Remove all tags
- Remove all HTML tags that wrap headings needed for tabs.
- If tab content doesn't look as expected, select the Don't remove tags setting and then manually move the headings outside of their wrapping elements in the original content.