<ul class="wccom-tick-list-primary">
<li>Increase customer satisfaction and sales with an intuitive layout that separates products by subcategory</li>
<li>Select which category pages to alter, and which to render as normal</li>
<li>Easily configure the number of products per subcategory to display on the shop and catalog pages</li>
<li>Known compatibility with WooCommerce Themes and the Genesis Framework</li>
<li>Flexible, overrideable architecture allows customization and support for additional themes and frameworks</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2>Show Your Shop Catalog by Category and Subcategory</h2>
<p>The <strong>WooCommerce Nested Category Layout extension</strong> allows you to show products organized by category and sub-category on the shop and catalog pages. By breaking products up by subcategory, this plugin provides an intuitive and attractive catalog layout that your customers will appreciate. Here are before and after shots of the shop page using Nested Category Layout:</p>
<div class="twocol-one">
<figure id="attachment_1095323" aria-describedby="caption-attachment-1095323" style="width: 823px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-before.png"><img class="size-large wp-image-1095323" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-before.png?w=823" alt="WooCommerce Nested Category Layout Before" width="823" height="893" /></a><figcaption id="caption-attachment-1095323" class="wp-caption-text">Before</figcaption></figure>
</div><div class="twocol-one last">
<figure id="attachment_1095324" aria-describedby="caption-attachment-1095324" style="width: 822px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-after.png"><img class="size-large wp-image-1095324" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-after.png?w=822" alt="WooCommerce Nested Category Layout After" width="822" height="950" /></a><figcaption id="caption-attachment-1095324" class="wp-caption-text">After</figcaption></figure>
</div></p>
<p>WooCommerce typically allows you to show subcategories on shop and category pages (or subcategories and products, but this can look messy). While this is a handy option, it requires that customers click on categories, then subcategories to simply browse products and looks like this:</p>
<figure id="attachment_1095319" aria-describedby="caption-attachment-1095319" style="width: 586px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-typical-subcategories.png"><img class="size-large wp-image-1095319" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-typical-subcategories.png?w=586" alt="WooCommerce shop category layout" width="586" height="413" /></a><figcaption id="caption-attachment-1095319" class="wp-caption-text">Default WooCommerce Category View</figcaption></figure>
<p>However, the more barriers you put in the way of finding a product or purchasing, the more likely customers are to leave your site, so we’ve sought to fix that with this plugin. Nested Category Layout cleans this process up and makes it simpler for the user. Instead of requiring customers to click through categories, then subcategories to get to products, it simply creates list on the shop and/or category pages organized by category / subcategory, then allows customers to click a category / subcategory title if they want to see more products.</p>
<p>You can select which categories to nest and which to display normally and determine whether to show this layout on shop pages and category pages, or just on category pages. Want to see this in action? You can check out the <a href="http://demos.skyverge.com/product-category/nested-category-layout/" target="_blank" rel="noopener noreferrer">Demo Shop</a> that has the plugin running to get a feel for how the shop and catalog pages are changed.</p>
<h3>Flexible Display</h3>
<p>Don’t have a category for a product? No problem – Nested Category Layout will show these products at the top of the page, then show your categories and subcategories. If a product is in both the parent category and a subcategory, it will be displayed with the appropriate subcategory. If a product is only in a parent category, then it will be displayed in the parent category before subcategories are shown (like this):</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-category-page.png"><img class="aligncenter size-large wp-image-1095268" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-nested-category-layout-category-page.png?w=609" alt="WooCommerce Nested Category Page" width="609" height="950" /></a></p>
<h3>How to Get Started</h3>
<ol>
<li>Purchase and download the extension 🙂</li>
<li>Upload and install into your WooCommerce store</li>
<li>Go to WooCommerce > Settings > Products and configure your options</li>
<li>Organize products into categories and subcategories</li>
<li>That’s it! Sit back and enjoy a flexible, intuitive catalog display!</li>
</ol>
<p><em>Need any more reason to buy? When you purchase a SkyVerge-developed extension, you’re getting the highest quality extensions for your WooCommerce store. Gain peace of mind by knowing that when you purchase our products, your store’s performance is as important to us as it is to you.</em></p>

Nested Category Layout

<p>Display products grouped by sub-category on the shop and catalog pages.</p>

<div class="woo-sc-box alert"><strong>This extension works with the legacy checkout only</strong><br />The block-based checkout will soon include native field customization, so this extension isn’t needed there. We recommend migrating to the block-based checkout when this becomes available.</div>
<h2>Features</h2>
<ul class="wccom-tick-list-primary">
<li><strong>Customizable checkout</strong>: Personalize fields to create a tailored checkout experience.</li>
<li><strong>Streamlined information collection</strong>: Add custom fields to gather essential data (such as requested delivery date).</li>
<li><strong>Simplified checkout</strong>: Remove unnecessary fields for a faster and smoother process.</li>
</ul>
<hr />
<h2>Customize your checkout fields via your WP Admin dashboard</h2>
<p>Checkout Field Editor provides you with an interface to <strong>add, edit, and remove fields</strong> shown on your WooCommerce checkout page. Fields can be added and removed from the billing and shipping sections, as well as inserted after these sections next to the standard order notes. Core fields can also be moved around, giving you <strong>more control over your checkout without touching any code</strong>.</p>
<p>The editor supports several custom field types, including:</p>
<ul>
<li>Text fields</li>
<li>Select attributes</li>
<li>Checkboxes</li>
<li>Datepickers</li>
</ul>
<hr />
<h2>Benefits</h2>
<ul class="wccom-tick-list-secondary">
<li><strong>Maintain brand consistency</strong>: Edit fields to align with your brand identity, reinforcing brand recognition and building customer trust throughout the checkout experience.</li>
<li><strong>Reduce cart abandonment:</strong> Optimize the checkout process to minimize obstacles and create a smooth user experience, decreasing the likelihood of customers abandoning their carts.</li>
<li><strong>Enhance customer satisfaction</strong>: Offer a customized and user-friendly checkout process, demonstrating your commitment to meeting customer needs and increasing satisfaction levels.</li>
<li><strong>Improve data collection</strong>: Add fields to gather valuable customer insights, empowering data-driven decision-making and enabling personalized marketing strategies.</li>
<li><strong>Increase conversion rates</strong>: With an optimized checkout process, guide customers seamlessly from cart to completion, resulting in higher conversion rates and increased revenue.</li>
<li><strong>Adaptability and control</strong>: Take advantage of WooCommerce’s flexibility to actively optimize and experiment with different field configurations, maintaining control over the checkout experience.</li>
<li><strong>Gain a competitive edge</strong>: Stand out from competitors by providing an optimized checkout process that differentiates your online store, attracting more customers and driving business growth.</li>
</ul>
<hr />
<h2>Documentation</h2>
<p>Need guidance? Check out our <a href="https://woocommerce.com/document/checkout-field-editor/">comprehensive documentation</a> to learn everything you need to know about the Checkout Field Editor extension.</p>
<h2>Questions and support</h2>
<p>If you have pre-sale questions or need help, <a href="https://woocommerce.com/my-account/create-a-ticket/">get in touch</a> with our friendly Happiness Engineers.</p>

Checkout Field Editor

<p>Optimize your checkout process by adding, removing, or editing fields to suit your needs.</p>

Nested Category Layout vs Checkout Field Editor