<p><span style="font-weight: 400">WooCommerce list view plugin helps you transform your default product catalog page into an engaging product listing page with list/grid views. Add a toggle button on shop pages to switch listing pages between list and grid view. </span></p>
<p><span style="font-weight: 400">Make it easier for customers to bulk purchase or buy multiple products with the WooCommerce product list view plugin. Enlist specific products or categories with additional product information in the list/grid view. It helps customers to add products to the cart, select quantities, or purchase multiple products with a single click. </span></p>
<p><span style="font-weight: 400">A wide array of businesses can use the plugin, from wholesale to restaurants and technical products. For example, restaurants can allow customers to order multiple dishes with simple clicks, and computer shops can prompt customers to choose specifications when customizing their machines.</span></p>
<div class="woo-sc-box normal">Increase visibility of your products by enabling customers to help your customers to select the number of products they want to see on the shop page with the <strong><a href="https://woocommerce.com/products/product-per-page-for-woocommerce/">WooCommerce product per page plugin</a></strong>.</div>
<h2>Key Features of the List View Plugin for WooCommerce</h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Users can see products in a List, or Grid view with a toggle button.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Order multiple products and variations with a single click.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Show product listing separately on selected pages.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display specific products or categories on the listing page.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Use a shortcode to display the listing page and cart widget.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Quickly find products with the instant search bar.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display listings based on categories in the grid view.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Load list upon scroll, load more button, or pagination.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Select custom colors for table components.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add multiple headings on the listing page and sort their order</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Personalize the load more button.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Mobile Responsive.</span></li>
</ul>
<h3><strong>Enable Product Listings for Better UX</strong></h3>
<p><span style="font-weight: 400">Let customers order multiple products and variations from a single listing page. Display products in a list/grid view or switch between the views with a toggle switch.</span></p>
<p><strong>List View:</strong></p>
<p><img class="aligncenter wp-image-8494004 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/list.gif" alt="Enable Product Listings for Better UX - List View" width="600" height="376" /></p>
<p><strong>Grid View:</strong></p>
<p><img class="aligncenter wp-image-8494005 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/grid.gif" alt="Enable Product Listings for Better UX - Grid View" width="600" height="376" /></p>
<h3><b>Display products in a list or grid view</b></h3>
<p><span style="font-weight: 400">Use the WooCommerce list view plugin to showcase your products in either list or grid view on the listing page. Switch between list and grid view using the dropdown. This gives customers more information and the ability to select product quantity and add to the cart in bulk.</span></p>
<p><img class="aligncenter wp-image-18734003497354 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/6-7.png" alt="Display products in a list or grid view" width="860" height="227" /></p>
<h3><b>Enlist Products Based on Categories in the Grid View</b></h3>
<p><span style="font-weight: 400">Display products based on their categories in the grid view with the WooCommerce product list template plugin. This way customers can easily browse through all products under a specific category and select quantities to place orders.</span></p>
<p><img class="aligncenter wp-image-8494161 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/Category-Wise.png" alt="Enlist Products Based on Categories in the Grid View" width="752" height="893" /></p>
<h3><b>Add listing & cart widgets anywhere using a shortcode</b></h3>
<p><span style="font-weight: 400">The WooCommerce product list template plugin generates a shortcode to display the product listing and cart widget. Admin can paste the shortcode on any page where they want to display the cart widget or listing page.</span></p>
<p><img class="aligncenter wp-image-18734003497355 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/7-6.png" alt="Add listing & cart widgets anywhere using a shortcode" width="1176" height="255" /></p>
<h3><b>Find products with the search bar</b></h3>
<p><span style="font-weight: 400">An instant search bar is displayed at the top of the listing page so that customers can quickly find any product. Users can type the product name in the search bar, which will be filtered at the top of the product listing.</span></p>
<p><img class="aligncenter wp-image-8494066 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/Customers-Can-Use-the-Search-Bar-Too-2.png" alt="Find products with the search bar" width="787" height="547" /></p>
<h3><b>Multiple Product loading options</b></h3>
<p><span style="font-weight: 400">The wooCommerce product listing page template plugin has three different product loading choices. You can display additional products through:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Scroll down </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">Pagination</span></li>
</ul>
<p><img class="aligncenter wp-image-18734003497348 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/5-7.png" alt="Multiple Product loading options" width="760" height="424" /></p>
<h3><b>Customize the product listing table</b></h3>
<p><span style="font-weight: 400">The wooCommerce product table view plugin offers store owners extensive customization options. Admin can customize the color or font size to match their website’s theme.</span></p>
<div class="woo-sc-box normal">If you want to easily display, filter, and sort product varations, install the <strong><a href="https://woocommerce.com/products/product-variations-table-for-woocommerce/">WooCommerce variations table plugin</a></strong> on your store.</div>
<p><img class="aligncenter wp-image-18734003497346 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/4-7.png" alt="Customize the product listing table" width="684" height="568" /></p>
<h3><b>Add multiple headings on the listing page</b></h3>
<p><span style="font-weight: 400">Customize the product listing page and display additional information by including multiple headings. You can display vital product information with headings such as stock, weight, SKUs, length, subtotal, etc.</span></p>
<p><img class="aligncenter wp-image-18734003497247 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/1-13.png" alt="Add multiple headings on the listing page" width="855" height="999" /></p>
<h3><b>Hide out-of-stock products from the listing page</b></h3>
<p><span style="font-weight: 400">Display only the in-stock products on the listing page to avoid any confusion. Improve the users’ buying experience by hiding out-of-stock products and minimizing customer support over out-of-stock products.</span></p>
<p><img class="aligncenter wp-image-18734003497248 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/2-5.png" alt="Hide out-of-stock products from the listing page" width="717" height="159" /></p>
<h3><b>Customize listing page headings by sorting the order</b></h3>
<p><span style="font-weight: 400">Rearrange the headings of the listing page to create a customized listing table. Prioritize headings that are more important depending on the information you want to provide to the customer.</span></p>
<p><img class="aligncenter wp-image-18734003497249 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/3-13.png" alt="Customize listing page headings by sorting the order" width="863" height="402" /></p>
<h3>Create separate listing pages for each category using shortcodes</h3>
<p><span style="font-weight: 400">Improve the user experience of your eCommerce store by displaying categories as separate listing pages by only using shortcodes. Admin can select specific categories to show on the listing page and a shortcode will be generated for each category(s)</span></p>
<p><img class="aligncenter wp-image-18734003497314 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/image_2024_04_03T06_10_51_953Z.png" alt="Create separate listing pages for each category using shortcodes" width="1030" height="393" /></p>
<h3><b>Configure the load more button</b></h3>
<p><span style="font-weight: 400">With the WooCommerce custom product list page plugin, you can customize the “Load More” button. Admin can configure button text, background color, hove, border, and text color.</span></p>
<p><img class="aligncenter wp-image-18734003497359 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/8-6.png" alt="Configure the load more button" width="656" height="657" /></p>
<p> </p>
<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>PHP 8</li>
<li>Mobile Layouts</li>
</ul>
<h3>Get Started</h3>
<ol>
<li>Purchase <strong>Product Listing Page with List & Grid View</strong> from WooCommerce.com.</li>
<li>Download and install the extension.</li>
<li>Activate the extension.</li>
<li>Go to <strong>WooCommerce > Product Listing Page </strong> to configure this plugin.</li>
<li>Read the full installation guide <a href="https://woocommerce.com/document/2-0/product-listing-page-with-list-grid-view/">here</a>.</li>
</ol>

Product Listing Page with List and Grid View

<p>Display WooCommerce products in a list/grid view, allowing customers to order multiple products or bulk purchases!</p>

<h2><strong>Allow Customers to Request Order Cancellations</strong></h2>
<p><span style="font-weight: 400">Build trust among customers by allowing them to cancel orders or request partial or full refunds with the WooCommerce cancel orders plugin.</span></p>
<p><span style="font-weight: 400">Customer Order Cancellation allows you to approve or decline cancellation requests. You can restrict order cancellations to specific order statuses, user roles, and products. You can also charge an order cancellation fee and decide whether to give full or partial refunds.</span></p>
<p><span style="font-weight: 400">Customers are required to submit a reason for canceling their orders. This information can help you decide whether to approve requests and give you data on customer behavior. Find out if they changed their minds due to an error, price, quality, or other reasons.</span></p>
<h2><strong>Features</strong></h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Allows customers to cancel orders</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Restrict order cancellation for specific users</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Automate acceptance of order cancellation requests</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Easily manage order cancellation requests</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display the order cancel button for specific order statuses</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Impose an order cancellation fee</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Refund the full or partial amount of the order</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Obtain order cancellation reasons from the customers</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Create a list of cancellation reasons or allow users to add a custom message</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Email notifications for customers and store owners</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Hide the order cancel button after a specific time</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow order cancellation for selected products</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display a notification for non-refundable products</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Set a minimum amount for order cancellation</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display Message Non-Refundable products</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize the order cancelation button</span></li>
</ul>
<div class="woo-sc-box normal">This Plugin is fully compatible with HPOS(High-Performance Order Storage) and Multisite.</div>
<h3><b>Enable Customers to Request Order Cancellation</b></h3>
<p><span style="font-weight: 400">WooCommerce order cancel for customers plugin enables store admins to allow customers to cancel orders and get refunds, or reorder with the exact product or its variation, and ask for customizations rather than getting an item they won’t like.</span></p>
<p><img class="aligncenter wp-image-8656602 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/Enable-Customers-to-Cancel-Orders.png" alt="Enable Customers to Request Order Cancellation" width="834" height="494" /></p>
<h3><b>Restrict order cancellation to specific users</b></h3>
<p><span style="font-weight: 400">Let only specific users request order cancellation based on their user roles. For example, VIP customers can revoke orders while subscribers cannot.</span></p>
<p><img class="aligncenter wp-image-18734000442651 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/1-8.png" alt="Restrict order cancellation to specific users" width="786" height="446" /></p>
<h3><b>Automate acceptance of order cancellation requests</b></h3>
<p><span style="font-weight: 400">Streamline the order cancellation process by enabling automatic cancellation of orders after a request is submitted. This ensures a swift and hassle-free shopping experience. </span></p>
<p><img class="aligncenter wp-image-8656604 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/Automatically-Cancel-Orders.png" alt="Automate acceptance of order cancellation requests" width="817" height="202" /></p>
<h3><b>Easily manage order cancellation requests</b></h3>
<p><span style="font-weight: 400">The wooCommerce cancel order plugin displays all the order cancellation requests in a dashboard for you to review. You can decide which order to approve or disapprove of according to your business policies.</span></p>
<p><img class="aligncenter wp-image-8656608 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/https___woocommerce.com_wp-content_uploads_2021_10_Manage-Cancel-Order-requests-2.png" alt="Easily manage order cancellation requests" width="1174" height="454" /></p>
<h3><b>Display the order cancel button for specific order statuses</b></h3>
<p><span style="font-weight: 400">Display the cancel button for specific order statuses making sure that only eligible customers request order cancellation. For example, you can allow only the pending orders to be canceled and let the processing orders complete.</span></p>
<p><img class="aligncenter wp-image-8656612 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/Cancel-specific-order-statuses-only.png" alt="Display the order cancel button for specific order statuses" width="704" height="362" /></p>
<h3><strong>Impose an order cancellation fee </strong></h3>
<p><span style="font-weight: 400">To discourage a higher rate of order cancellation, you can impose a fee to let the customers know that it is going to cost them. It can be a fixed amount or a percentage of the order amount.</span></p>
<p><img class="aligncenter wp-image-8656614 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/Impose-an-order-cancellation-fee.png" alt="Impose an order cancellation fee" width="665" height="474" /></p>
<h3><b>Refund the full or partial amount of the order</b></h3>
<p><span style="font-weight: 400">Offer complete or partial refunds to customers depending on their order status. The WooCommerce refund order plugin allows store admins to offer complete order refunds and select the specific order statuses for which refunds can be allowed. In this way, you can cover the cost of the operations for processing the order.</span></p>
<p><span style="font-weight: 400">The WooCommerce partial refund plugin also provides store owners with the ability to offer partial refunds to their customers. You can choose to charge the cancellation fee only or deduct the refund amount on top of the cancellation fee.</span></p>
<p><img class="aligncenter wp-image-18734000442653 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/2-5.png" alt="Refund the full or partial amount of the order" width="767" height="249" /></p>
<h3><b>Obtain order cancellation reasons from the customers</b></h3>
<p><span style="font-weight: 400">Gather valuable insights from customers by asking for order cancellation reasons with the WooCommerce customer cancel order plugin. This helps you to improve your product or service based on real-time customer feedback. </span></p>
<p><img class="aligncenter wp-image-8656622 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/Ask-a-reason-for-order-cancellation.png" alt="Obtain order cancellation reasons from the customers" width="763" height="488" /></p>
<h3><b>Create a list of cancellation reasons or allow users to add a custom message</b></h3>
<p><span style="font-weight: 400">Create a list of order cancellation reasons that customers may choose from to make the process user-friendly. You can also allow the customers to write a custom message to state their reason for order cancellation.</span></p>
<p><img class="aligncenter wp-image-18734000442655 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/3-10.png" alt="Create a list of cancellation reasons or allow users to add a custom message" width="665" height="664" /></p>
<h3><b>Email notifications for customers and store owners</b></h3>
<p><span style="font-weight: 400">With the cancel order WooCommerce plugin, you can enable email notifications for the customer and owner of the store. Notifications will keep them informed and enable them to take additional steps when needed.</span></p>
<p><img class="aligncenter wp-image-8656628 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/Email-notification-for-user-and-owner.png" alt="Email notifications for customers and store owners" width="859" height="138" /></p>
<h3><b>Hide the order cancel button after a specific time</b></h3>
<p><span style="font-weight: 400">You can choose to hide the cancel order button when a set period passes after customers place an order. Beyond the time you select, customers will not be able to cancel orders.</span></p>
<p><img class="aligncenter wp-image-18734000442658 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/4-8.png" alt="Hide the order cancel button after a specific time" width="770" height="222" /></p>
<h3><b>Customers can Withdraw Cancellation Requests</b></h3>
<p><span style="font-weight: 400">Allow customers to withdraw their order cancellation requests in case they change their mind. Customers can cancel their requests depending on the order status (on hold or pending), making the purchase process user-friendly.</span></p>
<p><img class="aligncenter wp-image-18734003631954 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/Screenshot-from-2024-04-30-14-22-20.png" alt="Customer can withdraw their order cancellation request" width="810" height="501" /></p>
<h3><b>Allow order cancellation for selected products</b></h3>
<p><span style="font-weight: 400">With the WooCommerce cancel order by customer plugin, you can allow order cancellation of selected products or categories. You can choose to exclude certain products so stock levels, on those products, won’t be disrupted.</span></p>
<p><img class="aligncenter wp-image-8656637 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/Allow-order-cancel-for-selected-products.png" alt="Allow order cancellation for selected products" width="727" height="210" /></p>
<h3><b>Display a reorder button to recover cancellations</b></h3>
<p><span style="font-weight: 400">WooCommerce cancel order adds a reorder button on canceled orders so customers can easily place their orders again. This way you can recover on previously canceled orders and increase your sales.</span></p>
<p><img class="aligncenter wp-image-8656641 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/Reorder-button-to-recover-cancellations.png" alt="Display a reorder button to recover cancellations" width="866" height="455" /></p>
<h3><b>Show/Hide Cancellation Button Based on Payment Method</b></h3>
<p><span style="font-weight: 400">Control order cancellation requests based on various payment methods. Admin can show or hide the order cancellation button for selective payment methods. This allows store owners to streamline cancellation requests by restricting requests for selective payment methods.</span></p>
<p><img class="aligncenter wp-image-18734003631960 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/Screenshot-from-2024-04-30-14-20-22.png" alt="Show/Hide Cancellation Button Based on Payment Method " width="737" height="287" /></p>
<h3><b>Set a minimum amount for order cancellation</b></h3>
<p><span style="font-weight: 400">To prevent recurring order cancellations, you can set a minimum amount for allowing order cancellation with the WooCommerce customer order cancel plugin. This way you will be able to easily manage canceled orders and encourage your customers to make purchases in a particular amount.</span></p>
<p><img class="aligncenter wp-image-18734000442671 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/5-4.png" alt="Set a minimum amount for order cancellation" width="809" height="212" /></p>
<h3><b>Display a Message for non-refundable products</b></h3>
<p><span style="font-weight: 400">WooCommerce refund order enables the admin to set certain products as non-refundable. Display a message with non-refundable products to inform customers beforehand. This way customers will know if a product is refundable or not before they make a purchase, saving you from all the later inconveniences.</span></p>
<p><img class="aligncenter wp-image-18734000442672 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/6-2.png" alt="Display a Message for non-refundable products" width="827" height="574" /></p>
<h3><b>Customize the order cancelation button</b></h3>
<p><span style="font-weight: 400">Admin can customize the cancel order button according to the outlook of your store with the cancel order in WooCommerce plugin. You can change the text of the button, background color, and button text color with the help of the WooCommerce cancel order button.</span></p>
<p><img class="aligncenter wp-image-18734000442677 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/7-1.png" alt="Customize the order cancelation button" width="789" height="217" /></p>
<h3><strong>Benefits</strong></h3>
<ul>
<li>Increases customer confidence</li>
<li>Improves store by gathering helpful customer data</li>
<li>Boosts conversions with improved UX and reorders</li>
</ul>
<h3>Compatibility</h3>
<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>Compatible with</h3>
<ul>
<li>Multi-Site</li>
<li>PHP 8</li>
<li>Mobile Layout</li>
</ul>
<h3><strong>Requirements</strong></h3>
<p>Minimum PHP version: 5.2</p>

Customer Order Cancellation

<p>Allow customers to cancel orders and request partial or full refunds with the Customer Order Cancellation for WooCommerce plugin.</p>

Product Listing Page with List and Grid View vs Customer Order Cancellation