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

<div class="woo-sc-box" style="background: #fff;border: 1px solid #cfb9f6;border-left-width: 1px !important;border-radius: 5px;color: #000000;margin: 2em 0;padding: 17px">
<h2>Highlights</h2>
<ul class="wccom-tick-list-secondary" style="line-height: 1.8em;color #ffffff;margin-bottom: 18px">
<li><strong>Add visually appealing tag images to enhance customer experience</strong></li>
<li><strong>Convey key product information, such as brand, size, or features, using recognizable images</strong></li>
<li><strong>Improve navigation by helping customers identify products faster through visual cues</strong></li>
<li><strong>Boost engagement and conversions with attractive, professional-looking product displays</strong></li>
<li><strong>Simplify product discovery by associating specific tags with clear, intuitive visuals</strong></li>
</ul>
</div>
<p>When making purchase decisions, customers often bypass lengthy product descriptions in favor of quick details. Product tags play a crucial role in conveying key product characteristics — such as material, purpose, style, size, brand, and more.</p>
<p>The <strong>Custom Product Tag Image for Woocommerce</strong> extension allows merchants to incorporate images into product tags. These images can be added to both existing and new product tags and displayed on product and listing pages.</p>
<p>Using engaging tag images in place of extensive paragraphs can significantly impact customers. For instance, if you offer a money-back guarantee on your products, including a corresponding tag image alongside mentioning it in the content can increase visibility. Visual information is processed more easily than written content, making tag images a powerful tool for conveying important product information to customers.</p>
<p><img class="alignnone size-full wp-image-18734004456578" src="https://woocommerce.com/wp-content/uploads/2020/09/Picture2.png" alt="" width="980" height="693" /></p>
<h2>Features</h2>
<ul>
<li>Customize images on existing or new tags of your products</li>
<li>Turn the visibility of tags on and off for product and listing pages</li>
<li>Choose from six different tag image display positions on the product and listing page:
<ul>
<li>After the product description</li>
<li>Before the product description</li>
<li>After the product price</li>
<li>Before the product price</li>
<li>After the add-to-cart button</li>
<li>Before the add-to-cart button</li>
</ul>
</li>
<li>Show tags in multiple display formats:
<ul>
<li>Text</li>
<li>Icon</li>
<li>Both (text and icon)</li>
</ul>
</li>
<li>Add shapes to your tag images:
<ul>
<li>Square</li>
<li>Round</li>
</ul>
</li>
<li>Select the font size and family customize product tags</li>
<li>Display all tags anywhere by pasting the shortcode: <code>[ka_tag_display]</code></li>
</ul>
<h2>Uses by industry</h2>
<p>This product tag image extension is versatile enough to be used for various industries. Here are some of the common uses:</p>
<ul>
<li><b>Fashion stores</b> commonly tag such as <em>best sellers, </em><span style="font-weight: 400"><em>on sale, new arrivals,100% cotton, free size, and custom design</em>.</span></li>
<li><b>Food stores</b> often use tags such as <em>certified halal, beef, chicken, low calories, spice levels, sauces, veggies</em>, or any other key detail.</li>
<li><b>Medicinal products</b> often use tags such as <em>prescription required, mg dosage, 18+, pain relief, and other medical formulas</em>.</li>
<li><b>Nutritional products</b> commonly use tags like <em>100% organic, high protein, sugar-free, whole grain, low carb, rich in Omega-3</em>, and more.</li>
</ul>
<p><img class="alignnone size-full wp-image-18734004456583" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-images-for-woocommerce-1.gif" alt="" width="505" /></p>
<h2>Display custom tag images on product and listing pages</h2>
<p>Elevate your product and listing pages’ look by adding custom product tag images. This highly customizable extension enables merchants to tailor the look and feel of the tag section in whichever way they see fit. From font to icon shape, every option is customizable in this extension.</p>
<p><img class="alignnone size-full wp-image-18734004456694" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-image-for-woocommerce-33.png" alt="custom product tag image for woocommerce" width="980" height="840" /></p>
<div class="woocommerce-message">
<h3 style="text-align: center">Make your products stand out — add custom product tag images today.</h3>
<p style="text-align: center"><a class="wccom-button is-primary" style="width: 130px;margin: 24px auto 0" href="https://woocommerce.com/?add-to-cart=6515948"><span class="wccom-button__text">Buy now</span></a></p>
</div>
<h2>Multiple placement options to choose from</h2>
<p>Choose between multiple placement options on product and listing pages to find the best position to display product tag images. For example, users can choose to place tag images before or after the product description, before or after the product price, and many more. These options help customers make an informed decision, as the product’s key information will be displayed in the most relevant places.</p>
<p><img class="alignnone size-full wp-image-18734004456603" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-images-for-woocommerce-4.gif" alt="" width="876" /></p>
<h2>Display tags as text, an icon, or both</h2>
<p>Using this extension, merchants can decide to display product tag images as text, icons, or a combination of both. For example, if the admin wants to convey a quick message, adding bold text like “best-seller” can fulfill the need. Alternatively, if the goal is to provide information like “limited-time offer,” then using a clock icon along with the text can persuade customers to act quickly before the deal expires.</p>
<p><img class="alignnone size-full wp-image-18734004456692" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-image-for-woocommerce-22-1.png" alt="" width="980" height="154" /></p>
<h2>Customize the look and feel of tags</h2>
<p>The Custom Product Tag Image extension for WooCommerce allows users to customize product tags with images, text, and shapes. After adding an image, you can customize the title text, color and shape for the particular product tag.</p>
<p>For example, if you want to create a fear of missing out (FOMO) situation for customers about a sale, you can highlight the sale title with red color, increase its font, and change its shape (round, square, etc.) to attract attention. In this way, you can customize the look of product image tags freely and quickly.</p>
<p><img class="alignnone size-full wp-image-18734004456698" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-image-for-woocommerce-101.png" alt="c" width="980" height="852" /></p>
<h2>Documentation</h2>
<p>For more information on how to add tag images and how to customize their layout and display, <a href="https://woocommerce.com/document/custom-product-tag-image/">review the documentation</a>.</p>
<h2>PHP version requirement</h2>
<p>The minimum PHP version required to run this extension is 7.4.</p>

Custom Product Tag Image

<p><span style="font-weight: 400">Add images to product tags and display them on product and listing pages to provide a more visually informative shopping experience.</span></p>

Product Per Page vs Custom Product Tag Image