<h2><b>Add Products Per Page Selector on the Frontend of your WooCommerce Store</b></h2>
<p><span style="font-weight: 400">The WooCommerce product per-page plugin is suitable for store owners who want to increase the on-page visibility of their products and show more details for each product.</span></p>
<p><span style="font-weight: 400">By default, WooCommerce shows 16 products in 4 rows and four columns on a shop page. The product per page plugin provides store owners complete control over how many products are to be displayed on the shop page.</span></p>
<div class="woo-sc-box normal">Streamline user experience by displaying product variations in form of tables by using the <strong><a href="https://woocommerce.com/products/product-variations-table-for-woocommerce/">WooCommerce product variation table plugin</a></strong>.</div>
<p><span style="font-weight: 400">WooCommerce number of products per page plugin helps you optimize your shop page by showing several products according to your needs and preferences. The plugin includes several significant features to enhance your shop page functionality, appearance, and user experience.</span></p>
<h3>Features</h3>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Options to enable product-per-page selectors on shop pages</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Multiple placements for product-per-page selectors</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize the number of columns on the shop pages</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Set the default number of products to display on shop pages</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Enable cookies and set cookie-expiration time</span></li>
</ul>
<h3><b>How to Change WooCommerce Number of Products Per Page?</b></h3>
<p><span style="font-weight: 400">To change the number of products per page use the WooCommerce change number of products per page plugin and display your products as you prefer. To change the number of products per page follow the steps below:</span></p>
<h4><b>Step #1:</b><span style="font-weight: 400"> <b>Enable the number of products per page WooCommerce plugin.</b></span></h4>
<p><span style="font-weight: 400">First, download the products per page WooCommerce plugin and install it on your WooCommerce store. Go to </span><b>WooCommerce > Settings > Product Per Page</b><span style="font-weight: 400"> Tab. From here enable product per page on the shop page.</span></p>
<p><img class="aligncenter wp-image-18734001095765 size-full" src="https://woocommerce.com/wp-content/uploads/2021/02/scrnli_27_10_2022_10-57-56.png" alt="Enable the number of products per page WooCommerce plugin." width="1390" height="424" /></p>
<h4><b>Step#2:</b><span style="font-weight: 400"> <b>Configure the WooCommerce change the number of products per row plugin.</b></span></h4>
<p><span style="font-weight: 400">Once enabled, you can configure the settings for the WooCommerce plugin. WooCommerce products per page dropdown plugin gives you the ability to choose the position of the dropdown menu. You can select the option to set the “product per page” dropdown position as top, bottom, top/bottom, or none.</span></p>
<p><img class="aligncenter wp-image-18734001095775 size-full" src="https://woocommerce.com/wp-content/uploads/2021/02/scrnli_27_10_2022_10-56-46.png" alt="Configure the WooCommerce change the number of products per row plugin." width="1353" height="538" /></p>
<h4><b>Step#3:</b><span style="font-weight: 400"> <b>Set the number of products to be displayed on a single page.</b></span></h4>
<p><span style="font-weight: 400">Create a list of dropdown options for the product page. Create a list of the number of products that you want to display per page. Enter numbers separated by commas to create a list of products to be displayed per page.</span></p>
<p><img class="aligncenter wp-image-18734001095784 size-full" src="https://woocommerce.com/wp-content/uploads/2021/02/scrnli_27_10_2022_10-56-46-1.png" alt="Set the number of products to be displayed on a single page." width="1352" height="140" /></p>
<p> </p>
<h4><b>Step#4:</b><span style="font-weight: 400"> <b>Set the Default Number of Products per Page.</b></span></h4>
<p><span style="font-weight: 400">You can change the default number of products on a page by using the WooCommerce set number of products per page plugin. Enter the number of products that you want to set for a page or enter “-1” if you want to set all products as default.</span></p>
<p><img class="aligncenter wp-image-18734001095778 size-full" src="https://woocommerce.com/wp-content/uploads/2021/02/scrnli_27_10_2022_10-59-24.png" alt="Set the Default Number of Products per Page." width="1201" height="143" /></p>
<h4><b>Step#5: Set the Number of Columns on the Shop Page.</b></h4>
<p><span style="font-weight: 400">Select an option to set the number of columns for products on the shop page using the WooCommerce products per page pagination plugin.</span></p>
<p><img class="aligncenter wp-image-18734001095797 size-full" src="https://woocommerce.com/wp-content/uploads/2021/02/scrnli_27_10_2022_10-59-53.png" alt="Set the Number of Columns on the Shop Page." width="1233" height="130" /></p>
<h4><b>Step#6: Save Settings and Preview the Set Number of Products Per Page.</b></h4>
<p><span style="font-weight: 400">Once you have configured all the above settings, click on the save button. You can preview the changes on your store’s front end. Your website visitors can change the number of products that they want to display with the Products per page dropdown selector.</span></p>
<p><img class="aligncenter wp-image-18734001095798 size-full" src="https://woocommerce.com/wp-content/uploads/2021/02/scrnli_27_10_2022_11-00-48.png" alt="Save Settings and Preview the Set Number of Products Per Page." width="1462" height="988" /></p>
<h4><strong>Show product Per page selector on the Frontend</strong></h4>
<p><span style="font-weight: 400">Products per page WooCommerce enables you to add a product per page selector option to help your customers select the number of products they wish to see after landing on the shop page. This not only enhances user experience but also optimizes page load time.</span></p>
<p><img class="aligncenter wp-image-7569815 size-full" src="https://woocommerce.com/wp-content/uploads/2021/02/Show-product-Per-page-selector.png" alt="Show product Per page selector on the Frontend" width="753" height="675" /></p>
<h3><b>Select the Position of the Product per page selector</b></h3>
<p><span style="font-weight: 400">The WooCommerce change number of products per page plugin allows the admin to change the position of the product per page selector. You can set the position of the selector as:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Top</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Bottom</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Top/Bottom</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">None</span></li>
</ul>
<p><img class="aligncenter wp-image-7569819 size-full" src="https://woocommerce.com/wp-content/uploads/2021/02/Product-per-page-selector-placement.png" alt="Select the Position of the Product per page selector" width="599" height="201" /></p>
<h3><b>Choose the Number of Columns to be Displayed on the Shop Page</b></h3>
<p><span style="font-weight: 400">Customize the number of columns you wish to show on your shop page with the help of the WooCommerce products per row plugin. This helps to enhance the appearance of your shop page by increasing or decreasing the number of products depending on your inventory or sales strategy.</span></p>
<p><img class="aligncenter wp-image-7569820 size-full" src="https://woocommerce.com/wp-content/uploads/2021/02/Number-of-columns-on-shop-page.png" alt="Choose the Number of Columns to be Displayed on the Shop Page" width="662" height="200" /></p>
<h3><strong>Default number of products</strong></h3>
<p><span style="font-weight: 400">Admin can set the default number of products that will be displayed on the shop page when a user lands. The products per page WooCommerce plugin also allows you to change the default number of products as per your requirements.</span></p>
<p><img class="aligncenter wp-image-7569821 size-full" src="https://woocommerce.com/wp-content/uploads/2021/02/Default-number-of-products.jpg" alt="Default number of products" width="440" height="200" /></p>
<h3><b>Setup Cookies Data & Expiration Option</b></h3>
<p><span style="font-weight: 400">WooCommerce products per page plugin allows you to enable the cookie for customers so they do not need to set their desired settings every time they visit your store. However, you can set the cookie expiration time.</span></p>
<p><img class="aligncenter wp-image-7569822 size-full" src="https://woocommerce.com/wp-content/uploads/2021/02/Cookies-data-expiration-option.png" alt="Setup Cookies Data & Expiration Option" width="663" height="488" /><span style="font-weight: 400">  </span></p>
<p> </p>
<h3>Benefits:</h3>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Improves the user experience by allowing users to choose the number of products on shop pages</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Store owners can show fewer products to provide more details on each product.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Increase the visibility of products on shop pages</span></li>
</ul>
<h2>Compatibility</h2>
<p>Our plugins are designed to be highly versatile and also compatible with the most commonly used themes, browsers, builders, and mobile views. We understand the importance of flexibility and integration when it comes to enhancing your website’s functionality. Our plugins can effortlessly integrate with the following:</p>
<h3>Themes Compatibility</h3>
<ul>
<li>Store Front</li>
<li>Avada</li>
<li>Flatsome</li>
<li>Porto</li>
<li>Woodmart</li>
<li>WooCommerce default theme</li>
<li>Divi</li>
</ul>
<h3>Builders</h3>
<ul>
<li>Elementor</li>
<li>Bakery</li>
<li>Divi</li>
</ul>
<h3>Also Compatible with</h3>
<ul>
<li>Mobile Layouts</li>
</ul>
<h3>Get started</h3>
<ol>
<li>Purchase <strong>Product Per Page for WooCommerce</strong> from WooCommerce.com.</li>
<li>Download and install the extension.</li>
<li>Activate the extension.</li>
<li>Go to <strong>WooCommerce > Settings > Product Per Page </strong>tab to configure the settings.</li>
<li>Read the full installation guide <strong><a href="https://woocommerce.com/document/products-per-page-for-woocommerce/">here</a>.</strong></li>
</ol>
<h3>Requirements</h3>
<p>Minimum PHP version: 5.2</p>
<p> </p>

Product Per Page

<p>Change the Number of Products Displayed per Page and Increase the Visibility of the Shop Page</p>

<h1 style="text-align: center">Add Extra Product Options and Add-ons</h1>
<p>Product Options and Fields extension allows you to offer products with a variety of personalization options. You can choose from radio button, dropdown, multi-select and 13 other field types.</p>
<p>According a recent study, 80% of customers are willing to pay more when they’re offered product customization.  The standard WooCommerce variations does not cover unique business needs and this is where Product Option and Fields extension comes in.</p>
<p>Keep your product page clean by adding dependable product add-ons. You can also assign add-ons to specific user roles like B2B, wholesale and other customers to ensure that personalization options are displayed to relevant customers types only.</p>
<p>Add global or product specific add-ons and charge additional fee for each option. The extension offers 5 pricing types to dynamically price your product options. Below is the detailed feature list of this extension.</p>
<h2>Features</h2>
<ul>
<li>Add unlimited product add-ons</li>
<li>Add extra options at the product level (product edit sheet)</li>
<li>Supports variable products to add variation specific add-ons</li>
<li>Add product options using global rules (bulk-assign to multiple products)</li>
<li>Supports 16 types of fields (see the support fields list below)</li>
<li>Add dependent/conditional product add-ons</li>
<li>Restrict add-ons based on user roles</li>
<li>Enable and <strong>manage stock</strong> for specific product options (<strong>New</strong>)</li>
<li>Choose from five price options
<ul>
<li>Free</li>
<li>Flat-fixed fees</li>
<li>Flat-percentage fees</li>
<li>Fixed fees, based on quantity</li>
<li>Percentage fees based on quantity</li>
</ul>
</li>
<li>Add price per character for input-text and text-area field (<strong>New</strong>)</li>
<li>Custom sort product add-ons</li>
<li>Preselect default options for checkboxes, radio buttons, and dropdown fields (<strong>New</strong>)</li>
<li>Allow customers to select quantities for specific add-ons with full control over limits (<strong>New</strong>)</li>
<li>Make product options mandatory or optional</li>
<li>Add character limits for text areas and text-input fields</li>
<li>Customize options, fonts, colors, and other settings</li>
<li>Compatible with WooCommerce <strong>cart and checkout blocks</strong></li>
</ul>
<h2>Add product options using global rules</h2>
<p>With WooCommerce Product Options extension, you can add multiple global rules to create different sets of add-ons and assign them to specific products, categories, and user roles.</p>
<p><img class="alignnone size-full wp-image-18734001833890" src="https://woocommerce.com/wp-content/uploads/2023/04/Product-options-rules-list.png" alt="" width="980" height="420" /></p>
<p>While creating new global rules, you can customize the following options:</p>
<ul>
<li>Add multiple add-ons using different field types</li>
<li>Apply add-ons to specific products, categories, and user roles</li>
<li>Customize styling options</li>
</ul>
<p><img class="alignnone size-full wp-image-18734005548531" src="https://woocommerce.com/wp-content/uploads/2023/05/WooCommerce-Product-Options-Global-Rules.png" alt="" width="980" height="1828" /></p>
<h2><strong>Add options at the product level</strong></h2>
<p>Instead of creating global rules, the merchants can add product-specific add-ons from the product edit sheet. You can add new add-ons/options for both simple and variable products. The extension does support variable products – allowing you add variation specific add-ons. While adding new product options from product level, you can:</p>
<ul>
<li>Customize style settings</li>
<li>Add multiple add-ons</li>
<li>Choose to disable global add-ons for a specific product</li>
</ul>
<p><img class="alignnone size-full wp-image-18734005548563" src="https://woocommerce.com/wp-content/uploads/2023/05/Product-addons-on-product-level.png" alt="" width="980" height="1082" /></p>
<h2><strong>Add dependable add-ons</strong></h2>
<p>With this extension, you can make add-ons dependent on other add-ons or their specific options. The Product Options and Fields extension helps merchants keep their product pages uncluttered by only showing necessary fields.</p>
<p><img class="alignnone size-full" src="https://woocommerce.com/wp-content/uploads/2023/05/5-woocommerce-product-addons.gif" width="878" height="557" /></p>
<h2><strong>Choose from 5 pricing types:</strong></h2>
<p>You can keep the extra product options free or charge an additional fee for them. You can assign a price for the entire add-on or set different prices for each option. This WooCommerce Product Addons extension comes with five pricing types to cover unique pricing requirements.</p>
<ul>
<li>Free</li>
<li>Flat-fixed fees</li>
<li>Flat-percentage fees</li>
<li>Fixed fees, based on quantity</li>
<li>Percentage fees based on quantity</li>
<li>Price per character in case of text fields</li>
</ul>
<p>Flat fees apply one charge to an add-on option for any quantity. Quantity-based fees increase as quantity increases.</p>
<p><strong><img class="alignnone size-full wp-image-18734001833979" src="https://woocommerce.com/wp-content/uploads/2023/04/Pricing-models.png" alt="" width="980" height="281" /></strong></p>
<h2><strong>Supports 16 field types:</strong></h2>
<p>WooCommerce Product Options comes with 16 field types enabling you to add different types of product add-ons.</p>
<ul>
<li>Drop-down choice lists</li>
<li>Multi-select options</li>
<li>Checkboxes</li>
<li>Input text and text areas</li>
<li>File uploads</li>
<li>Numbers</li>
<li>Quantity</li>
<li>Radio buttons</li>
<li>Colors</li>
<li>Image switcher</li>
<li>Images</li>
<li>Date picker</li>
<li>Email</li>
<li>Password (secret input field)</li>
<li>Time picker</li>
<li>Telephone number</li>
</ul>
<h2><strong>Manage product options stock:</strong></h2>
<p>Easily manage stock levels for each product option with this extension. Keep full control of your product add-ons inventory by assigning individual stock quantities to each option. This ensures customers can only order available options, preventing overselling and eliminating orders for out-of-stock add-ons.</p>
<p><img class="alignnone size-full wp-image-18734005548529" src="https://woocommerce.com/wp-content/uploads/2023/05/Manage-Options-Stock.png" alt="" width="980" height="355" /></p>
<h2><strong>Control add-ons quantity:</strong></h2>
<p>Give your customers the flexibility to choose the quantity of each add-on while maintaining control over how much they can purchase. Set minimum and maximum quantity limits for any add-on, ensuring customers order within your defined range—perfect for managing special products options or limited-stock extras.</p>
<p><img class="alignnone size-full wp-image-18734005548527" src="https://woocommerce.com/wp-content/uploads/2023/05/Quantity-Selection.png" alt="" width="980" height="388" /></p>
<h2><strong>Restrict add-ons by user roles:</strong></h2>
<p>You can choose to restrict product options to specific user roles only. This enables you to offer additional options to B2B, VIP or any specific user types.</p>
<p><img class="alignnone size-full wp-image-18734005548543" src="https://woocommerce.com/wp-content/uploads/2023/05/Restrict-Product-Options-by-User-Roles.png" alt="" width="980" height="473" /></p>
<h2><strong>Customize fields label, colors, and layout</strong></h2>
<p>While creating new global rules or creating WooCommerce add-ons from product level, you can customize the following style settings:</p>
<ul>
<li>Display field titles as heading or text</li>
<li>Customize text and background colors</li>
<li>Add line separators between add-ons</li>
<li>Customize option title sizes and colors</li>
<li>Add borders around add-ons</li>
<li>Set field title positions</li>
<li>Customize description font sizes</li>
<li>Tooltip font sizes, backgrounds, and text colors</li>
</ul>
<h2><img class="alignnone size-full wp-image-18734001833985" style="font-family: sans-serif;font-size: 16px" src="https://woocommerce.com/wp-content/uploads/2023/04/WooCommerce-Product-Addon-styling.png" alt="" width="980" height="760" /></h2>
<h3>Requirements</h3>
<p>Minimum PHP version: 5.2</p>

Product Options and Addons

<p>Offer product personalization options by adding free or paid product add-ons. Supports multi-select, dropdown and 14 other dependable field types.</p>

Product Per Page vs Product Options and Addons