<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>

<h2>For a shopping experience as unique as your customers</h2>
<p>From adding a personal engraving, to upgrading to premium fabric, customizing products can keep your customers coming back. With Product Add-Ons, you can offer special options to your customers in a snap.</p>
<p>Product Add-Ons allow your customers to personalize products <em>while</em> they’re shopping on your online store. No more follow-up email requests—customers get what they want, before they’re done checking out.</p>
<p><img class="alignleft wp-image-18734005148655 size-full" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-addon-example.png" alt="" width="1822" height="886" /></p>
<p> </p>
<p>Add options via text boxes, dropdowns, text areas, checkboxes, custom price inputs, even sample images. Add-ons can be added globally or per-product from the edit product page.</p>
<h2>Give your customers the options they want</h2>
<p>Product Add-Ons is one of the most popular extensions available for WooCommerce. It gives you and your customers even more options, including (but definitely not limited to):</p>
<h3>Image-based selections</h3>
<p><img class="alignnone size-large wp-image-18734005148756" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-images.png?w=980" alt="WooCommerce Product Add-ons, image-based product add-on selection." width="980" height="741" /></p>
<p>A picture is worth a thousand words, so why describe a customer’s personalization options when you can show them? With image-based selections, customers can see what they’re getting before they buy.</p>
<h3>Flat fees</h3>
<p><img class="aligncenter size-large wp-image-18734005148960" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-addons_example-gift-options-configured-1.png?w=980" alt="" width="980" height="536" /></p>
<p>Charge customers a flat fee regardless of how many products they ordered. Perfect for a one-time set-up charge or a rush fee.</p>
<h3>Percentage fees</h3>
<p>Charge a fee for the add-on based on a percent of the total price—this is especially useful for service-based add-ons that can be tougher to boil down to a flat fee.</p>
<h3>Text input</h3>
<p>Let your customers enter custom text to create a custom t-shirt, add a monogram or personalize a card.</p>
<h3>Dropdown</h3>
<p>Customer can choose between a few pre-defined options with a drop-down field for your add-on.</p>
<p><b>Checkboxes</b></p>
<p><img class="aligncenter size-large wp-image-18734005148765" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-gift-options.png?w=980" alt="An example of checkbox-based options for Product Add-ons." width="980" height="749" /></p>
<p>Make customization as simple and satisfying as checking a checkbox. Great for add-on services, like gift wrapping or express shipping.</p>
<h3>Custom price</h3>
<p>Let your customers name their price, perfect for tips, donations, and gratuities!</p>
<p>Add-ons can be named, described, reordered, and (optionally) given prices.</p>
<p>The extension also works with:</p>
<ul class="wccom-tick-list">
<li><a href="https://woocommerce.com/products/woocommerce-subscriptions/">WooCommerce Subscriptions</a> – add additional options to subscription products.</li>
<li><a href="https://woocommerce.com/products/woocommerce-bookings/">WooCommerce Bookings</a> – offer upgrades like an oil treatment for a massage, priority seats for their tour or a rush fee for their rental.</li>
</ul>
<p>Once set up, add-ons appear on product pages just above the add to cart button.</p>
<p>Ready to increase your store’s flexibility? Start using Product Add-Ons today.</p>

Product Add-Ons

<p>Offer add-ons like gift wrapping, special messages or other special options for your products.</p>

Nested Category Layout vs Product Add-Ons