Weston Ruter

<p><em>This plugin is developed at<br />
<a href="http://www.shepherd-interactive.com/" title="Shepherd Interactive specializes in web design and development in Portland, Oregon" rel="nofollow ugc">Shepherd Interactive</a><br />
for the benefit of the community. No support is available. Please post any questions to the <a href="https://wordpress.org/tags/sectionize?forum_id=10" rel="ugc">support forum</a>.</em></p>
<p>Takes HTML content which contains flat heading elements inline with paragraphs<br />
and automatically nests them withing HTML5 <code><section></code> elements. It also<br />
conditionally prepends an <code><ol></code> Table of Contents (TOC) with links to the<br />
sections in the content, for example:</p>
<pre><code><nav class='toc'><ol>
    <li><a href="#section-first-top">First Top</a></li>
    <li><a href="#section-second-top">Second Top</a>
    <ol>
        <li><a href="#section-first-sub">First Sub</a></li>
        <li><a href="#section-second-sub">Second Sub</a></li>
    </ol>
    </li>
    <li><a href="#section-third-top">Third Top</a></li>
</ol></nav>
</code></pre>
<p>This would reflect original post content such as:</p>
<pre><code><h2>First Top</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<h2>Second Top</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<h3>First Sub</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<h3>Second Sub</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<h2>Third Top</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</code></pre>
<p>Original post content such as this would be sectionized as follows:</p>
<pre><code><section id="section-first-top">
    <h2>First Top</h2>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</section>
<section id="section-second-top">
    <h2>Second Top</h2>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    <section id="section-first-sub">
        <h3>First Sub</h2>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </section>
    <section id="section-second-sub">
        <h3>Second Sub</h2>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    </section>
</section>
<section id="section-third-top">
    <h2>Third Top</h2>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</section>
</code></pre>
<p>Adding a table of contents as such not only aids navigation for visitors once<br />
on the page, but Google also now provides direct links to such sections in relevant search result<br />
snippets (see <a href="http://googleblog.blogspot.com/2009/09/jump-to-information-you-want-right-from.html" title="Jump to the information you want right from the search snippets" rel="nofollow ugc">announcement</a>).<br />
So people browsing search results may be able to see your section links<br />
right from the results page and then be able to jump directly to the relevant<br />
section.</p>
<p>The start/end tags for both the sections and the TOC, as well as the prefixes<br />
used when generating the section IDs, may all be configured via the following<br />
WordPress options (with their defaults):</p>
<ul>
<li><code>sectionize_id_prefix</code>: <code>'section-'</code></li>
<li><code>sectionize_start_section</code>: <code>'<section id="%id">'</code></li>
<li><code>sectionize_end_section</code>:  <code></section></code></li>
<li><code>sectionize_include_toc_threshold</code>: <code>2</code></li>
<li><code>sectionize_before_toc</code>: <code>'<nav class="toc">'</code></li>
<li><code>sectionize_after_toc</code>: <code>'</nav>'</code></li>
<li><code>sectionize_disabled</code>: <code>false</code> (no corresponding function argument)</li>
</ul>
<p>These global WordPress options may be overridden by individual posts/pages by<br />
creating custom fields (postmeta) with the same names.</p>
<p>These options are retreived if their corresponding arguments are not supplied<br />
to the <code>sectionize()</code> function (that is, if they are <code>null</code>):</p>
<pre><code>function sectionize($original_content,
                    $id_prefix = null,
                    $start_section = null,
                    $end_section = null,
                    $include_toc_threshold = null,
                    $before_toc = null,
                    $after_toc = null)
</code></pre>
<p>This <code>sectionize()</code> function is added as a filter for <code>the_content</code> (this is<br />
disabled if the option or postmeta <code>sectionize_disabled</code> evaluates to <code>true</code>):</p>
<pre><code>add_filter('the_content', 'sectionize');
</code></pre>
<p>Noted above, the TOC is conditionally included. It is not included if:</p>
<ol>
<li>there are no headings in the content (thus there is nothing to sectionize),</li>
<li>the headings are not nested properly (see below), or</li>
<li>the heading count does not meet the threshold (or the threshold is -1)</li>
</ol>
<p>If the number of headings in the content is less than the<br />
    include_toc_threshold option/argument then the TOC is not displayed;<br />
likewise, if <code>include_toc_threshold</code> is <code>-1</code> then the TOC is not displayed.</p>
<p><em>Important!</em> Regarding headings being “nested properly”, you must ensure that<br />
you properly arrange your headings in a hierarchical manner in which no heading<br />
is immediately preceeded by another heading that is more than one level greater<br />
(e.g. an <code>h3</code> must be preceeded by an <code>h2</code> or another <code>h3</code>). For example, this<br />
works:</p>
<pre><code>h2
    h3
    h3
        h4
    h3
h2
</code></pre>
<p>But this does not:</p>
<pre><code>h2
    h4 -- fail
        h6 -- fail
h2
</code></pre>
<p>If you make such a mistake, this plugin will abort and have no effect. An error<br />
notice will be included in the HTML output in the form of an HTML comment.</p>
<p>Please see source code for additional documentation: numerous filters are provided<br />
to further customize the behavior. <em>Be one with the code!</em><br />
To help serve HTML5 content, see the <a href="https://wordpress.org/extend/plugins/xhtml5-support/" rel="ugc">XHTML5 Support</a<> plugin.</a></p>


Sectionize

Parses HTML for sections demarcated by heading elements, wraps them in HTML5 section elements, and generates table of contents with links to each.

Seller Themes

<p>Introducing the eCommerce Companion Plugin, the essential tool for effortless setup of <a href="https://sellerthemes.com/" rel="nofollow ugc">Seller Themes</a> with full WooCommerce support. More than 8000+ trusted websites with Seller Themes. With our plugin, sellers can streamline their online store setup process in just a few clicks. We ensure seamless integration of all themes with WooCommerce, eliminating compatibility issues. Experience enhanced functionality tailored for sellers, from customizable product pages to smooth checkout processes. Our plugin guarantees optimal performance, delivering lightning-fast load times for an exceptional shopping experience. Responsive design ensures your store looks stunning on any device. Stay ahead with regular updates and dedicated support from our expert team. Elevate your eCommerce game with the eCommerce Companion Plugin today! See below our popular free themes listed here. <a href="https://wordpress.org/themes/mega-mart/" rel="nofollow ugc">Mega Mart</a>, <a href="https://wordpress.org/themes/storely/" rel="nofollow ugc">Storely</a>, <a href="https://wordpress.org/themes/shopient/" rel="nofollow ugc">Shopient</a>, <a href="https://wordpress.org/themes/retailsy/" rel="nofollow ugc">Retailsy</a>, <a href="https://wordpress.org/themes/express-store/" rel="nofollow ugc">Express Store</a>, <a href="https://wordpress.org/themes/flossy/" rel="nofollow ugc">Flossy</a>, <a href="https://wordpress.org/themes/pet-bazaar/" rel="nofollow ugc">Pet Bazaar</a>. See All Themes Here<br />
<a href="https://www.sellerthemes.com/themes/" rel="dofollow nofollow ugc">https://www.sellerthemes.com/themes/</a>,  Documentation Here <a href="https://sellerthemes.ticksy.com/articles/" rel="dofollow nofollow ugc">https://sellerthemes.ticksy.com/articles/</a> and Create Ticket Here <a href="https://sellerthemes.ticksy.com/" rel="dofollow nofollow ugc">https://sellerthemes.ticksy.com/</a></p>
<p><strong>Features:</strong><br />
✅ Header Section<br />
✅ Slider Section<br />
✅ Info/CTA Section<br />
✅ Category Section<br />
✅ Product Section<br />
✅ Blog/Post Section<br />
✅ Footer Section</p>
<p>You can check out our themes demo <a href="https://sellerthemes/themes" rel="nofollow ugc">Click Here</a> for a more detailed overview of the features.</p>
<p><strong>Compatible Themes:</strong></p>
<ul>
<li><a href="https://wordpress.org/themes/storely/" rel="ugc">Storely</a>              – <a href="https://preview.sellerthemes.com/lite/storely/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/shoply/" rel="ugc">Shoply</a>                – <a href="https://preview.sellerthemes.com/lite/shoply/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/storess/" rel="ugc">Storess</a>              – <a href="https://preview.sellerthemes.com/lite/storess/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/storezia/" rel="ugc">Storezia</a>            – <a href="https://preview.sellerthemes.com/lite/storezia/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/aromatic/" rel="ugc">Aromatic</a>            – <a href="https://preview.sellerthemes.com/lite/aromatic/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/ayroma/" rel="ugc">Ayroma</a>                – <a href="https://preview.sellerthemes.com/lite/ayroma/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/shopiva/" rel="ugc">Shopiva</a>              – <a href="https://preview.sellerthemes.com/lite/shopiva/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/feauty/" rel="ugc">Feauty</a>                – <a href="https://preview.sellerthemes.com/lite/feauty/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/shopiva/" rel="ugc">Shopient</a>             – <a href="https://preview.sellerthemes.com/lite/shopiva/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/retailsy/" rel="ugc">Retailsy</a>            – <a href="https://preview.sellerthemes.com/lite/retailsy/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/express-store/" rel="ugc">Express Store</a>  – <a href="https://preview.sellerthemes.com/lite/express-store/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/storefit/" rel="ugc">Storefit</a>            – <a href="https://preview.sellerthemes.com/lite/storefit/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/flossy/" rel="ugc">Flossy</a>                – <a href="https://preview.sellerthemes.com/lite/flossy/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/flow-store/" rel="ugc">Flow Store</a>        – <a href="https://preview.sellerthemes.com/lite/flowstore/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/flexi-mart/" rel="ugc">Flexi Mart</a>        – <a href="https://preview.sellerthemes.com/lite/fleximart/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/pet-bazaar/" rel="ugc">Pet Bazaar</a>        – <a href="https://preview.sellerthemes.com/lite/petbazaar/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/paw-bazaar/" rel="ugc">Paw Bazaar</a>        – <a href="https://preview.sellerthemes.com/lite/pawbazaar/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/pet-store/" rel="ugc">Pet Store</a>          – <a href="https://preview.sellerthemes.com/lite/petstore/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/mega-mart/" rel="ugc">Mega Mart</a>          – <a href="https://preview.sellerthemes.com/lite/megamart/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/super-mart/" rel="ugc">Super Mart</a>        – <a href="https://preview.sellerthemes.com/lite/supermart/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/grocerly/" rel="ugc">Grocerly</a>            – <a href="https://preview.sellerthemes.com/lite/grocerly/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/daily-mart/" rel="ugc">Daily Mart</a>        – <a href="https://preview.sellerthemes.com/lite/daily-mart/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/electromix/" rel="ugc">Electromix</a>        – <a href="https://preview.sellerthemes.com/lite/electromix/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/electromix-digital/" rel="ugc">Electromix Digital</a>        – <a href="https://preview.sellerthemes.com/lite/electromix-digital/" rel="nofollow ugc">Free Demo</a></li>
<li><a href="https://wordpress.org/themes/electromix-tech/" rel="ugc">Electromix Tech</a>      – <a href="https://preview.sellerthemes.com/lite/electromix-tech/" rel="nofollow ugc">Free Demo</a></li>
</ul>
<h3>License</h3>
<p>eCommerce Companion WordPress plugin, Copyright (C) 2026 Seller Themes<br />
eCommerce Companion WordPress plugin is licensed under the GPL3 (https://www.gnu.org/licenses/gpl-3.0.en.html).</p>


eCommerce Companion

eCommerce Companion plugin only for Seller Themes. Its fully WooCommerce Compatible Themes

Sectionize vs eCommerce Companion