How H2 Heading Parsing Works

The app's core feature is automatic section detection based on H2 headings (

tags) in your product description. Here's exactly how it works.

The Parsing Process

The app extension reads your product description HTML
It scans for all
tags
Each H2 heading becomes a section divider
Content between two H2 headings becomes that section's body
The sections are rendered in your chosen display mode (Tabs, Accordion, etc.)

Content Zones

Before the First H2 (Intro Zone)

Any content before the first H2 heading is treated as an "intro" section:

In Tabs mode: shown above the tab bar
In Accordion mode: shown above the accordion panels
In Normal mode: shown as regular content

Between H2 Headings (Section Content)

This becomes the body of each tab, accordion panel, grid card, etc.

After the Last H2 (Outro Zone)

Content after the last section is included in that section's body.

What if I Have No H2 Headings?

The app displays your entire description in Normal mode — as a single styled block. All styling options (typography, colors, spacing) still apply.

What About H1, H3, H4, etc.?

H1 — ignored as a section divider (used for page title)
H3, H4, H5, H6 — displayed as sub-headings within sections (not section dividers)
Only H2 creates new sections

Quick Reference

Description Structure	Result
No headings	Normal mode (single block)
1 H2 heading	1 section (no tabs/accordion effect)
2+ H2 headings	Multiple sections → Tabs/Accordion/Grid etc.
H2 + H3 nested	H2 creates section, H3 renders inside as sub-heading

Best Practices

Use 2–10 H2 headings for optimal results
Write short, descriptive heading text
Don't use H2 for decorative purposes within section content
Use H3/H4 for sub-headings within a section
Test with the Theme Editor preview