<ul class="wccom-tick-list-primary">
<li>Easily reorder products with drag & drop or select from 18 built-in sorting rules.</li>
<li><strong data-start="214" data-end="238">Drag & Drop Sorting:</strong> Quickly rearrange products in any category, subcategory, or tag.</li>
<li><strong data-start="308" data-end="331">18 Sorting Options:</strong> Sort by name, date, price, sales, reviews, stock, and more.</li>
<li><strong data-start="396" data-end="423">Category-Based Sorting:</strong> Set unique sort orders for each category, subcategory, or tag.</li>
<li><strong data-start="491" data-end="510">Global Sorting:</strong> Apply a single sort order across your entire store in one step.</li>
<li><strong data-start="917" data-end="944">Schedule-Based Sorting:</strong> Set time-based sorting rules that auto-activate/deactivate. <strong><em>(New)</em></strong></li>
<li><strong data-start="1015" data-end="1038">Role-Based Sorting:</strong> Display different product orders based on user roles. <em><strong>(New)</strong></em></li>
<li><strong data-start="729" data-end="752">Sort by Attributes:</strong> Sort products by size, color, brand, or custom attributes in the dropdown. <strong><em>(New)</em></strong></li>
<li><strong data-start="822" data-end="848">Sale Products Sorting:</strong> Show “Sale First” or “Sale Last” in the sorting dropdown. <em><strong>(New)</strong></em></li>
<li><strong data-start="645" data-end="671">Set Products Per Page:</strong> Control how many products appear on each page. <em><strong>(New)</strong></em></li>
<li><strong data-start="579" data-end="599">One-Click Reset:</strong> Restore default sorting instantly.<em><strong> (New)</strong></em></li>
<li><strong data-start="1103" data-end="1129">Hide Sorting Dropdown:</strong> Remove the default sorting menu from the frontend.</li>
<li><strong data-start="1185" data-end="1215">Elementor Loop Compatible:</strong> Fully supports Elementor Loop Grid, ensuring your custom layouts follow the selected sorting rules.</li>
</ul>
<hr />
<p>Want full control over how products appear in your WooCommerce store? <strong data-start="136" data-end="172">Reorder Products for WooCommerce</strong> lets you sort items for your entire shop or for specific categories, subcategories, and tags. Easily arrange products using drag & drop or choose from 18 built-in sorting options like price, popularity, date, stock, and more.</p>
<p>You can also sort by attributes, highlight sale products, set time-based or role-based sorting rules, control products per page, and restore defaults with just one click. It’s the easiest way to organize your store exactly the way you want.</p>
<h3>Sort products for</h3>
<ul class="wccom-tick-list-secondary">
<li>Whole Shop</li>
<li>Each <strong>Category</strong></li>
<li>Each <strong>Subcategory</strong></li>
<li>Each <strong>Tag</strong></li>
</ul>
<div class="woo-sc-box normal  success ">This plugin is fully compatible with Elementor Loop Grid.</div>
<h3>Two sorting options:</h3>
<p>Sort products within categories, subcategories, and tags using:</p>
<ol>
<li data-start="102" data-end="148"><strong data-start="102" data-end="117">Drag & Drop</strong> <strong>Sorting:</strong> Reorder products using drag & drop interface.</li>
<li data-start="152" data-end="231"><strong data-start="152" data-end="177">18 Predefined Options:</strong> Sort products by price, popularity, date, stock and more.</li>
</ol>
<h3>Drag-and-drop Sorting Products</h3>
<p>Easily rearrange products within WooCommerce categories, subcategories, and tags via a simplified drag-and-drop functionality.</p>
<h4>Grid View</h4>
<p><img class="alignnone size-full wp-image-18734005354201" src="https://woocommerce.com/wp-content/uploads/2024/11/Custom-Sorting-Gif-2.gif" alt="Drag and Drop Sorting Products WooCommerce" width="980" height="551" /></p>
<h4>Table View</h4>
<p><img class="alignnone size-full wp-image-18734006006301" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-34.png" alt="Drag & Drop in Table View" width="980" height="545" /></p>
<h3>Sort Products Using 18 Pre-defined Options</h3>
<p>Product Sorting WooCommerce allows you to choose from an array of sorting options to reorder products for each category, subcategory, and tag using</p>
<ul>
<li><b>ID </b>– Ascending</li>
<li><b>ID </b>– Descending</li>
<li><b>Name </b>– Ascending (A to Z)</li>
<li><b>Name </b>– Descending (Z to A)</li>
<li><b>Date </b>– Ascending</li>
<li><b>Date </b>– Descending</li>
<li><b>Price </b>– Ascending</li>
<li><b>Price </b>– Descending</li>
<li><b>Product Rating </b>– Ascending</li>
<li><b>Product Rating</b> – Descending</li>
<li><b>Number of Reviews </b>– Ascending</li>
<li><b>Number of Reviews </b>– Descending</li>
<li><b>Most Viewed Products</b> – Ascending</li>
<li><b>Most Viewed Products</b> – Descending</li>
<li><b>Number of Sales </b>– Ascending</li>
<li><b>Number of Sales </b>– Descending</li>
<li><b>Stock Quantity </b>– Ascending</li>
<li><b>Stock Quantity </b>– Descending</li>
</ul>
<h4>Global Sorting</h4>
<p>Sort all products in your store at once. This single setting will organize everything – products in categories, subcategories, and even those with specific tags – all in the same way.</p>
<p><img class="alignnone size-full wp-image-18734006474011" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-35.png" alt="Sort Products for WooCommerce Whole Shop" width="980" height="661" /></p>
<h4>Sort products within categories/subcategories</h4>
<p>Select to rearrange products in your desired category or subcategory and choose your preferred sorting order — ascending or descending.</p>
<p><img class="alignnone size-full wp-image-18734006474014" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-36.png" alt="Sort Products for WooCommerce Categories" width="980" height="856" /></p>
<h4>Sort products within tags</h4>
<p>Just like sorting products in categories, you can also simply select your desired tag and choose your preferred sorting order in ascending or descending order.</p>
<p><img class="alignnone size-full wp-image-18734006474017" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-37.png" alt="Sort Products for WooCommerce Tags" width="980" height="688" /></p>
<h3>Schedule-Based Product Sorting</h3>
<p>Automatically change product order based on time. Set start and end times, and let your sorting rules activate and deactivate on schedule.</p>
<p><img class="alignnone size-full wp-image-18734006474047" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-38-1.png" alt="Schedule-Based Product Sorting for WooCommerce" width="980" height="316" /></p>
<h3>Role-Based Product Sorting</h3>
<p>Show different product orders for different user roles, giving each customer a personalized shopping experience.</p>
<p><img class="alignnone size-full wp-image-18734006474021" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-39.png" alt="Role-Based Product Sorting for WooCommerce" width="980" height="305" /></p>
<h3>Automatic detection</h3>
<p>Sort Products for WooCommerce automatically detects your categories, subcategories, and tags, enabling you to set a unique sorting order for each page. Each page can feature its own customized sorting order!</p>
<h3>Restore Default Sorting</h3>
<p>One-click ‘Restore Default Sorting’ feature allows you to instantly revert your product display order back to its original state.</p>
<h3>Number of Products Per Page</h3>
<p>Precisely configure the number of products displayed on each page to enhance the customer browsing experience.</p>
<h3>Sort by Attributes (Set by Customers)</h3>
<p>Let customers sort products by attributes like color, size, or brand directly from the frontend dropdown.</p>
<h3>Sale Products Sorting (Set by Customers)</h3>
<p>Highlight discounted items by showing “Sale First” or “Sale Last” in the frontend sorting dropdown. Automatically reverts to default sorting if no sale products exist.</p>
<p><img class="alignnone size-full wp-image-18734006474704" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-52.png" alt="Rearrange Products for WooCommerce" width="980" height="393" /></p>
<h3>Hide the WooCommerce sorting dropdown</h3>
<p>Hide the WooCommerce default sorting dropdown to display products in your selected display order only.</p>
<p><img class="alignnone wp-image-18734005354093" src="https://woocommerce.com/wp-content/uploads/2024/11/Frame-22.png" alt="Hide WooCommerce Dropdown menu for sorting" width="811" height="541" /></p>
<p data-start="52" data-end="125"><strong data-start="52" data-end="76">Seamless Integration</strong><br data-start="76" data-end="79" />Easily works with your existing store setup:</p>
<ul data-start="127" data-end="423">
<li data-section-id="tmmoi8" data-start="127" data-end="206"><strong data-start="129" data-end="150">WooCommerce HPOS:</strong> Fully compatible with High-Performance Order Storage.</li>
<li data-section-id="1q2ql9n" data-start="207" data-end="283"><strong data-start="209" data-end="232">WooCommerce Blocks:</strong> Supports block-based shop and archive templates.</li>
<li data-section-id="3lmad8" data-start="284" data-end="350"><strong data-start="286" data-end="300">Elementor:</strong> Works with Elementor product widgets and loops.</li>
<li data-section-id="sqn684" data-start="351" data-end="423"><strong data-start="353" data-end="367">Any Theme:</strong> Compatible with any properly coded WooCommerce theme.</li>
</ul>
<hr />
<h2>Benefits of Sort Products for WooCommerce</h2>
<ol>
<li><b>Enhanced product visibility:</b> Highlight specific products or new arrivals by customizing their display order.</li>
<li><b>Improved customer experience:</b> Offer a more intuitive and personalized shopping experience by organizing products in a logical and relevant way.</li>
<li><b>Increased sales:</b> Drive more sales by strategically positioning high-performing products and promotions.</li>
<li><b>Simplified product management:</b> Easily manage and organize your product catalog with a user-friendly drag-and-drop interface.</li>
<li><b>Complete customization:</b> Tailor your product display to your specific needs by choosing from 18 sorting options or creating custom sorting rules.</li>
</ol>

Sort Products

<p><b>Sort Products for WooCommerce</b> allows you to <b>reorder</b> <strong>products</strong> with drag & drop and 18 powerful sorting options for categories, subcategories, and tags.</p>

<h2>Sell Objects Priced by Unit or Allow Customers to Add Quantities of Their Own with Measurement Price Calculator</h2>
<p>While selling t-shirts or cell phone covers is easy with WooCommerce, many of us also sell products that aren’t sold in quantities of “1”, such as flooring, wallpaper, or more. The Measurement Price Calculator for WooCommerce will solve the problems you’ve probably encountered in setting up and pricing these products.</p>
<p>The <strong>Measurement Price Calculator extension</strong> for WooCommerce allows you to add and configure a calculator to your products that are sold in <strong>quantities</strong> based on their dimensions, square footage, volume, or weight. This allows you to easily sell products which have a known measurement per item. For instance, let’s say you have tile that’s sold for $2.09 per square foot, and you offer a box of tiles that covers 35 square feet or a larger box that covers 60 square feet. Using the same pricing per square foot, you can easily enter the size of the box and the calculator will display the total price per box.</p>
<p>Looking to instead allow customers to tell you how much they need? The Measurement Price Calculator also allows you to <strong>sell products based on the price by unit</strong> of measurement (per square foot, cubic yard, etc). Perhaps you sell mulch with a price per cubic yard — you can allow the customer to provide an area and depth of mulch, and the calculator derives the total cubic yardage and final price. Configure any combination of units and customize labels to meet your store’s needs!</p>
<h3>Key Features</h3>
<ul>
<li>Use the quantity calculator for products based on known product measurements (i.e. box of tiles)</li>
<li>Use the pricing calculator for products priced and sold by the unit: foot, square meter, cubic yard, etc (i.e. garden mulch by volume, wallpaper by area)</li>
<li>Product prices can be displayed per unit (e.g., “$1.75 / ft”, “from $3 / sq m”) in shop and on product pages</li>
<li>Pricing calculator <strong>inventory support</strong>: product inventory can be managed “per unit”</li>
<li>Pricing calculator <strong>dynamic weight</strong>: product weight can be set/calculated “per unit” for shipping</li>
<li>Pricing calculator <strong>pricing table</strong>: set price breaks based on simple product measurement ranges</li>
<li>Calculators available for all physical attributes: dimensions, area, surface area, volume, or weight</li>
<li>Area, volume, perimeter, and surface area calculators all allow simple inputs, or entering length, width, and heigh independently</li>
<li>Use any combination of units</li>
<li>When allowing user-defined inputs, optionally include an overage estimate automatically <sup><strong>NEW</strong></sup></li>
<li>Customize measurement and pricing labels</li>
<li>Set minimum and maximum values or the accepted step / increment on customers’ entered measurements <sup><strong>NEW</strong></sup></li>
<li>Variable products supported for per-unit pricing, shipping weight, and inventory</li>
<li>Special “Room Walls” calculator for selling wallpaper</li>
</ul>
<figure id="attachment_1095704" aria-describedby="caption-attachment-1095704" style="width: 850px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-price-per-unit-catalog.png"><img class="size-large wp-image-1095704" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-price-per-unit-catalog.png?w=850" alt="WooCommerce Measurement Price Calculator: Pricing Per Unit in Catalog" width="850" height="745" /></a><figcaption id="caption-attachment-1095704" class="wp-caption-text"><em>Some of the product possibilities</em></figcaption></figure>
<h3>Just Some of the Possibilities:</h3>
<ul>
<li>Tile sold by the box covering a certain area: <a href="https://demos.skyverge.com/shop/floor-tile-by-the-box/">demo</a></li>
<li>Variable mulch sold by the cubic yard, with the customer supplying an area and depth: <a href="https://demos.skyverge.com/shop/mulch-by-cu-yd-variable/">demo</a></li>
<li>Colored fabric by the yard: <a href="https://demos.skyverge.com/shop/chevron-fabric-dimension-by-yd/">demo</a></li>
<li>Wallpaper by the roll based on room dimensions: <a href="https://demos.skyverge.com/shop/red-wallpaper-rolls-room-walls/">demo</a></li>
<li>Foam sold by the cubic foot</li>
<li>Fencing for a garden perimeter</li>
<li>Coffee sold by the pound</li>
<li>Wrapping paper by surface area</li>
<li>And more…</li>
</ul>
<h3>One Plugin, Two Calculator Modes</h3>
<p>With this one plugin you can configure <strong>two distinct calculator modes</strong>: <em>quantity-based</em> and <em>user-defined</em>. To learn how to set up products for each mode, check out the <a href="https://woocommerce.com/document/measurement-price-calculator/">documentation</a>. The <em>quantity-based calculator</em> is ideal for selling products that have a set measurement, such as a box of tile with given square footage. The calculator will be shown on the frontend, prompting the customer for a length and width (for instance). You set the label and the units to use, and your customer can easily purchase the minimum number of boxes based on the area of their floor and the coverage of each box of tiles:</p>
<figure id="attachment_1095700" aria-describedby="caption-attachment-1095700" style="width: 950px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-quantity-mode-product.png"><img class="size-large wp-image-1095700" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-quantity-mode-product.png?w=950" alt="WooCommerce Measurement Price Calculator Quantity Mode product" width="950" height="697" /></a><figcaption id="caption-attachment-1095700" class="wp-caption-text"><em>Selling a box of tile with the quantity calculator</em></figcaption></figure>
<p>As shown in the sample image, the plugin can be configured to display the price “per unit”, as is common with tile sales. The price for the product (e.g., one box of tiles) will be divided by the configured size of the product (e.g., the square foot coverage of the box of tiles) to determine the price per unit. Of course, <strong>any of the calculators can be used</strong>: dimensions, area, volume or weight, with any combination of units and custom labels.</p>
<p>On the other hand, the <em>user-defined calculator mode</em> allows you to sell products which are priced per unit and sold in custom sizes. This calculator is ideal for selling products which are customized to order: for instance, fabric sold by the foot, with a length provided by the customer. When the ‘Calculated Price’ option is enabled, price will be defined the price per unit and the amount entered by the customer.</p>
<p>On the product page, the customer will be able to supply the length desired and see the final price based on their dimensions:</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-per-yard.png"><img class="aligncenter size-full wp-image-158005" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-per-yard.png" alt="WooCommerce Measurement Price Calculator Price per Yard" width="410" height="355" /></a></p>
<p>The user-supplied measurement is shown on the cart page, order details, emails, and order admin:</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-cart.png"><img class="aligncenter size-large wp-image-1095734" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-cart.png?w=928" alt="WooCommerce Measurement Price Calculator Cart Page" width="928" height="310" /></a></p>
<h3>Pricing Calculator Inventory Support</h3>
<p>In the latest version of the plugin, inventory can now be managed “by unit” for custom sized products (user-defined mode). With this option enabled, you have the ability to account for product inventory in the same units in which it is sold. For instance, if your product is fabric by the foot you can configure your product inventory in terms of available feet of fabric, so if a customer orders two 10-foot lengths a total of 20 feet will be deducted from your product inventory.</p>
<figure id="attachment_152559" aria-describedby="caption-attachment-152559" style="width: 550px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-inventory-management.png"><img class="size-medium wp-image-152559" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-inventory-management.png" alt="WooCommerce Measurement Price Calculator Inventory Management" width="550" height="137" /></a><figcaption id="caption-attachment-152559" class="wp-caption-text"><em>Inventory by the Foot</em></figcaption></figure>
<h3>Pricing Calculator Dynamic Weight</h3>
<p>Now you can configure a weight “per unit” for your user-defined calculator products. By enabling this option you are able to set a weight per square foot, for instance, so that shipping costs can be correctly totaled for products customized by your customers.</p>
<figure id="attachment_152560" aria-describedby="caption-attachment-152560" style="width: 391px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-dynamic-weight.png"><img class="size-full wp-image-152560" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-dynamic-weight.png" alt="Example: Shipping based on Pounds per Square Foot" width="391" height="44" /></a><figcaption id="caption-attachment-152560" class="wp-caption-text"><em>Example: Shipping based on Pounds per Square Foot</em></figcaption></figure>
<h3>Pricing Table</h3>
<p>For simple products with prices that vary depending on the total measurement of the item, we are pleased to introduce the <strong>pricing table feature</strong>. No longer are you limited to a single price per unit for your pricing calculator products – simply define one or more pricing rules consisting of a measurement range, a price per unit, or a sale price per unit and the measurement price calculator will take care of the rest. The price will be instantly updated on the product page based on the size of product configured by the customer.</p>
<figure id="attachment_152563" aria-describedby="caption-attachment-152563" style="width: 550px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-example-pricing-table.png"><img class="size-medium wp-image-152563" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-example-pricing-table.png" alt="WooCommerce Measurement Price Calculator Pricing Table" width="550" height="174" /></a><figcaption id="caption-attachment-152563" class="wp-caption-text"><em>Easily configure product prices that vary based on size</em></figcaption></figure>
<p>Display the available pricing on the frontend with a simple shortcode that can be used on the product page or anywhere shortcodes are accepted. Encourage your customers to purchase more with savings they can see. Want a convenient place to show this? How about listing the price schedule in a custom tab added by the premium <a href="https://woocommerce.com/products/woocommerce-tab-manager/">Tab Manager</a>:</p>
<figure id="attachment_150842" aria-describedby="caption-attachment-150842" style="width: 511px" class="wp-caption aligncenter"><img class="size-full wp-image-150842" src="https://woocommerce.com/wp-content/uploads/2012/09/woocommerce-measurement-price-calculator-pricing-table-frontend.png" alt="Prices are always up to date on the frontend thanks to a simple yet powerful shortcode" width="511" height="189" /><figcaption id="caption-attachment-150842" class="wp-caption-text"><em>Prices are always up to date on the frontend thanks to a simple yet powerful shortcode</em></figcaption></figure>
<p>Remember that <strong>any of the calculators</strong> can be used: dimensions (length, width, height), area (simple area or length x width), surface area, perimeter, volume (simple volume, area x height, or length x width x height) or weight, with any combination of units and custom labels. The Measurement Price Calculator allows you to configure product calculators that are as unique as your product line!</p>
<h3>How to Get Started (in 5 minutes or less)</h3>
<ol>
<li>Buy this extension 🙂</li>
<li>Download and install into your WooCommerce store</li>
<li>Define measurements to use under WooCommerce Settings > Products</li>
<li>Check out our <a href="https://woocommerce.com/document/measurement-price-calculator/">documentation</a> for some setup tips</li>
<li>Update Product Data in the Product Page under <strong>Measurement</strong> for all products that will use the calculator</li>
<li>That’s it! Enjoy products priced automatically by measurement!</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>

Measurement Price Calculator

<p>Add a calculator to your product pages to calculate product quantity required or overall price by square footage and more.</p>

Sort Products vs Measurement Price Calculator