<h2 style="text-align: center"><em><span style="font-weight: 400">Create Faster Browsing Experience</span></em></h2>
<p><span style="font-weight: 400">Higher loading times when browsing products can negatively impact conversions of your store. More buyers prefer a smooth and non-interruptive browsing experience. This is where the WooCommerce Ajax Infinite Scroll helps store owners. It creates a smooth browsing experience for customers, which translates into more sales. This extension offers Ajax scrolling with options such as infinite scroll, pagination, or loading more buttons, ensuring customers shop easily and increasing user experience. </span></p>
<p>Whether you run a small or large store, <span style="font-weight: 400">Make shopping easier for your customers with the WooCommerce Ajax Infinite Scroll extension. Instead of clicking through pages, buyers can keep scrolling to load more products smoothly. This smooth navigation saves time, keeps visitors engaged, and makes finding the perfect item easy. With features like infinite scrolling, Ajax pagination, and mobile-friendly options, browsing becomes faster and frustration-free for your customers. Customize the loader icon and button, along with custom text features, to match your store’s style and create an enhanced shopping experience for your customers.</span></p>
<p><b>Features</b></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Turn off the ajax scrolling for mobile while maintaining theme pagination</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Enable infinite scrolling for products on the store</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Select three different ajax scrolling options:</span>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Infinite Scrolling</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Load more button</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Ajax Pagination</span></li>
</ul>
</li>
<li style="font-weight: 400"><span style="font-weight: 400">Set a background and text color for the load more button that suits store styling</span></li>
<li>Add custom text for load more button</li>
<li>Disable ajax infinite scrolling options on certain products, categories, and pages (<strong>New</strong>)</li>
<li style="font-weight: 400"><span style="font-weight: 400">Choose an icon or upload a custom image for loading the products</span></li>
</ul>
<h2><span style="font-weight: 400">Optimize Product Loading Preferences</span></h2>
<p><span style="font-weight: 400">Create a smooth browsing experience that helps you to engage customers in your store. The woocommerce ajax pagination plugin lets you decide how products should load when the customers browse. You can easily select between automatic scrolling or a “Load More” button option. These custom product loading options make shopping easier for the customers with no more page reloads, helping to increase the conversion rate.</span></p>
<p><span style="font-weight: 400">The WooCommerce Ajax Infinite Scroll Plugin provides you the options to load products on the store, such as:</span></p>
<h3><span style="font-weight: 400">Ajax Infinite Scroll</span></h3>
<p><span style="font-weight: 400">The plugin allows you to automatically show more products to customers as they continue scrolling through the store, enhancing their shopping experience. </span></p>
<p><img class="alignnone size-full wp-image-18734004685714" src="https://woocommerce.com/wp-content/uploads/2021/01/Ajax-Infinite-scroll-Gif-1.gif" alt="" width="980" height="738" /></p>
<h3><span style="font-weight: 400">Ajax Load More Button</span></h3>
<p><span style="font-weight: 400">With this feature, customers can see more products by simply clicking a load more button. The page won’t reload, which results in an improved and faster shopping experience for the customer. The “Load More Button” feature offers the flexibility to fully customize the button’s look and functionality to suit your store’s style;</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Background Color</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Text Color</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Custom Text for Button</span></li>
</ul>
<p><img class="alignnone size-full wp-image-18734004685728" src="https://woocommerce.com/wp-content/uploads/2021/01/Ajax-Infinite-scroll-Gif-2l.gif" alt="" width="640" height="484" /></p>
<h3><span style="font-weight: 400">Ajax Pagination</span></h3>
<p><span style="font-weight: 400">The plugin makes it simple for customers to load more products quickly without requiring a page reload. They can easily move to the next product with just a click, providing a faster and smoother shopping experience. While it still displays page numbers, it offers a quicker, easier way to browse. </span></p>
<p><img class="alignnone size-full wp-image-18734004685731" src="https://woocommerce.com/wp-content/uploads/2021/01/Ajax-Infinite-scroll-Gif-3.gif" alt="" width="640" height="521" /></p>
<h2><span style="font-weight: 400">Design a Custom Loading Icon</span></h2>
<p><span style="font-weight: 400">Give your store an attractive look with the WooCommerce Ajax Infinite Scroll plugin! It makes loading products visually appealing, keeping your customers engaged as they browse. You can easily choose from a range of loading icons or upload your own custom image. </span><span style="font-weight: 400">With the custom loading icon attribute, you can create a personal touch for your store while customers wait for the inventory to be displayed. This enhances the brand look and builds customers’ trust and experience in the store. </span></p>
<p><img class="alignnone size-full wp-image-18734004685748" src="https://woocommerce.com/wp-content/uploads/2021/01/ajax-infinite-scroll-for-woocoommerce-3.png" alt="" width="980" height="519" /></p>
<h2><span style="font-weight: 400">Exclude Specific Categories, Tags, & Pages from Infinite Scrolling</span></h2>
<p>Easily restrict Ajax-based page scrolling methods on selected categories, pages, and tags.</p>
<p><img class="alignnone size-full wp-image-18734004685749" src="https://woocommerce.com/wp-content/uploads/2021/01/ajax-infinite-scroll-for-woocoommerce-1.png" alt="" width="980" height="588" /></p>
<h2>Disable Infinite Scrolling on Mobile Devices and Customize Load More Button</h2>
<p>Disable Ajax-based infinite scrolling options on mobile devices, and in addition to this, if you are using a load more button, then you can customize its label, background color, and text color.</p>
<p><img class="alignnone size-full wp-image-18734004685752" src="https://woocommerce.com/wp-content/uploads/2021/01/ajax-infinite-scroll-for-woocoommerce-2.png" alt="" width="980" height="870" /></p>

Ajax Infinite Scroll

<p>Load your products as the customers’ scroll your page instead of having them to manually navigate using boring pages.</p>

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

Ajax Infinite Scroll vs Nested Category Layout