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. 
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. 
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.
<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 <a href="https://woocommerce.com/products/product-per-page-for-woocommerce/">WooCommerce product per page plugin</a>.</div>
<h2>Key Features of the List View Plugin for WooCommerce</h2>
<ul>
<li style="font-weight: 400">Users can see products in a List, or Grid view with a toggle button.</li>
<li style="font-weight: 400">Order multiple products and variations with a single click.</li>
<li style="font-weight: 400">Show product listing separately on selected pages.</li>
<li style="font-weight: 400">Display specific products or categories on the listing page.</li>
<li style="font-weight: 400">Use a shortcode to display the listing page and cart widget.</li>
<li style="font-weight: 400">Quickly find products with the instant search bar.</li>
<li style="font-weight: 400">Display listings based on categories in the grid view.</li>
<li style="font-weight: 400">Load list upon scroll, load more button, or pagination.</li>
<li style="font-weight: 400">Select custom colors for table components.</li>
<li style="font-weight: 400">Add multiple headings on the listing page and sort their order</li>
<li style="font-weight: 400">Personalize the load more button.</li>
<li style="font-weight: 400">Mobile Responsive.</li>
</ul>
<h3>Enable Product Listings for Better UX</h3>
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.
List View:
<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" />
Grid View:
<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" />
<h3>Display products in a list or grid view</h3>
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.
<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" />
<h3>Enlist Products Based on Categories in the Grid View</h3>
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.
<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" />
<h3>Add listing & cart widgets anywhere using a shortcode</h3>
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.
<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" />
<h3>Find products with the search bar</h3>
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.
<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" />
<h3>Multiple Product loading options</h3>
The wooCommerce product listing page template plugin has three different product loading choices. You can display additional products through:
<ul>
<li style="font-weight: 400">Scroll down </li>
<li style="font-weight: 400">Load more button</li>
<li style="font-weight: 400">Pagination</li>
</ul>
<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" />
<h3>Customize the product listing table</h3>
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.
<div class="woo-sc-box normal">If you want to easily display, filter, and sort product varations, install the <a href="https://woocommerce.com/products/product-variations-table-for-woocommerce/">WooCommerce variations table plugin</a> on your store.</div>
<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" />
<h3>Add multiple headings on the listing page</h3>
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.
<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" />
<h3>Hide out-of-stock products from the listing page</h3>
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.
<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" />
<h3>Customize listing page headings by sorting the order</h3>
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.
<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" />
<h3>Create separate listing pages for each category using shortcodes</h3>
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)
<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" />
<h3>Configure the load more button</h3>
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.
<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" />
 
<h2>Compatibility</h2>
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:
<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 Product Listing Page with List & Grid View from WooCommerce.com.</li>
<li>Download and install the extension.</li>
<li>Activate the extension.</li>
<li>Go to WooCommerce > Product Listing Page  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

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

<h1>Add A Wallet Function To Your Store</h1>
Wallet for WooCommerce adds a wallet function to your store.
<h2>Features</h2>
Wallet Top-up
<ul>
<li>Users can top-up the funds to their wallet & make use of it on future purchases.</li>
<li>In addition, you can award Bonus Funds when your users top-up the funds & meet the configured criteria[i.e. Min – Max Top-up Amount].</li>
</ul>
Wallet Redeeming Usage 

Your users can make use of their funds available in the wallet using following 2 ways,
i Wallet partial usage
<ul>
<li class="western">Wallet redeeming field can be displayed in cart & checkout using which users can get a discount by applying the available funds.</li>
<li class="western">Funds will be applied only to the cart subtotal. Hence, users should pay the balance amount using available payment methods in checkout.</li>
<li class="western">Also, it supports for Manual Orders.</li>
</ul>
ii Wallet payment gateway
<ul>
<li>A separate payment gateway for using the wallet funds for placing the order.</li>
<li>Can be used for manual orders</li>
</ul>
Fund transfer and request
Your users can transfer/request funds to other users on your site. You have the option of charging your users a fund transfer fee.
Wallet Withdrawal 

<ul>
<li>You can allow your users to withdraw their funds from the wallet by submitting a request.</li>
<li>Supported Payment Methods are,
<ul>
<li>Bank Transfer</li>
<li>PayPal</li>
</ul>
</li>
<li>You have an option to charge a withdrawal fee from your users.</li>
</ul>
Wallet auto top-up
Your users can set up to automatically add funds to their wallets if their wallet balances fall below a specified threshold.
Product Purchase
<ul>
<li>Your users can receive the funds in their wallet for purchasing on your site. You can set the funds type based on Product Total/Order Total/Order Total Range.</li>
<li>Also, as a site admin you can award the product purchase funds for manual orders.</li>
</ul>
Gift vouchers
The Gift Voucher module allows you to generate gift vouchers that contain wallet balances. You can issue gift vouchers to your users and they can redeem the gift vouchers to add to their wallet balances.
Wallet balance with expiration dates
You can set up an expiration date for your user’s wallet balance.
Wallet actions
You can award wallet balances to your users for the following actions,
<ul>
<li>Account Signup</li>
<li>Daily Login</li>
<li>Product Review</li>
</ul>
Email Notifications
You can send email notifications to your users for their wallet activity.
Refunds
As a site admin, you can send the refund amount of the order[i.e. orders placed through any payment method] to your user’s wallet.
Reset
Site admin can reset the Wallet Balance & Transaction Log of their users.
Compatibility
<ul>
<li>Compatibility given with the “Woo Subscriptions” plugin</li>
<li>Compatibility given with “Cart and Checkout Blocks”</li>
<li>Compatible given with the “YayCurrency & WooCommerce Multi-Currency Switcher” plugin</li>
</ul>
<h2>Benefits</h2>
Offer convenience to your users
Your customers can plan their purchases and add sufficient funds to their accounts to complete them later.
Faster checkout
When your users place their orders through their wallet, they can quickly complete their purchase which reduces cart abandonment.
Insights on future sales
You can get insights on future sales on your site based on the wallet balance of your users.
<h2>How does it Work? 
</h2>
Wallet funds top-up
<ul>
<li>To add funds to the user’s account, the user will have to access the Top-up form from the wallet dashboard.</li>
<li>Within the section, your users can enter the amount they wish to add to their account and proceed to Top-up.</li>
</ul>
<figure id="attachment_18734003468109" aria-describedby="caption-attachment-18734003468109" style="width: 980px" class="wp-caption alignnone"><img class="wp-image-18734003468109 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/wallet-topup.png" alt="" width="980" height="552" /><figcaption id="caption-attachment-18734003468109" class="wp-caption-text">Adding funds to the wallet</figcaption></figure>
<ul>
<li>Once the top-up button is clicked, a product will be added to the cart. Once the user completes the purchase and the payment is received, the funds will be added to the user’s account.</li>
</ul>
<figure id="attachment_18734003468115" aria-describedby="caption-attachment-18734003468115" style="width: 980px" class="wp-caption alignnone"><img class="wp-image-18734003468115 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/wallet-account-balance.png" alt="" width="980" height="552" /><figcaption id="caption-attachment-18734003468115" class="wp-caption-text">Wallet balance reflecting in user’s account</figcaption></figure>
Wallet funds – partial usage
<ul>
<li>A user adds a few products to their cart and they wish to use some of their wallet balance in the current order.</li>
<li>An option to partially redeem the wallet balance will be available in the cart and on the checkout page. The site admin can restrict Partial Funds Usage based on Order Total.</li>
</ul>
<figure id="attachment_18734003468120" aria-describedby="caption-attachment-18734003468120" style="width: 980px" class="wp-caption alignnone"><img class="wp-image-18734003468120 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/wallet-partial-usage.png" alt="" width="980" height="552" /><figcaption id="caption-attachment-18734003468120" class="wp-caption-text">Wallet redeem field on cart page</figcaption></figure>
<ul>
<li>Users can enter the amount they wish to redeem and redeem it. Once the wallet balance is partially redeemed, the user can use other payment methods on the site and place the order.</li>
<li>Once the order is placed, the used Wallet balance will be debited from the user’s account.</li>
</ul>
Wallet funds – usage via payment gateway
<ul>
<li>A user adds few products to their cart and proceeds to the checkout page to make a payment.</li>
<li>On the checkout page, if the user has a sufficient wallet balance, to place the order, the wallet payment gateway will be visible to the user.</li>
</ul>
<figure id="attachment_18734003468124" aria-describedby="caption-attachment-18734003468124" style="width: 1080px" class="wp-caption alignnone"><img class="wp-image-18734003468124 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/wallet-payment-gateway.png" alt="" width="1080" height="608" /><figcaption id="caption-attachment-18734003468124" class="wp-caption-text">Wallet payment gateway</figcaption></figure>
<ul>
<li>If the user chooses to pay with their wallet balance, they will have to select the wallet payment gateway to place their order.</li>
<li>Once the order is placed, the used wallet balance will be debited from the user’s account.</li>
</ul>
Wallet fund transfer and request
Fund Transfer module provides the following features,
<ol>
<li>Users can transfer their wallet balance to other users on the site (Direct Fund Transfer).</li>
<li>Users can request wallet funds from other users on the site (Fund Request).</li>
</ol>
Direct fund transfer
<ul>
<li>To transfer funds to another user, the user will have to access the Fund Transfer menu from the wallet dashboard. It can be found in Fund Transfer Details > Fund Transfer.</li>
<li>Once the request form is accessed, the user must search and identify the user to whom the fund request has to be sent.</li>
<li>The user will have to fill in the amount for transfer and submit the form.</li>
</ul>
<figure id="attachment_18734003468126" aria-describedby="caption-attachment-18734003468126" style="width: 1080px" class="wp-caption alignnone"><img class="wp-image-18734003468126 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/wallet-fund-transfer.png" alt="" width="1080" height="608" /><figcaption id="caption-attachment-18734003468126" class="wp-caption-text">Wallet fund transfer form</figcaption></figure>
<ul>
<li>You can optionally enable OTP based authentication for additional security.</li>
<li>The OTP will be sent via email. When OTP authentication is enabled, the user will have to fill in the OTP to complete the fund transfer.</li>
</ul>
Fund request
<ul>
<li>Any user who wishes to request wallet funds should access the Fund Transfer menu from the wallet dashboard. It can be found in Fund Transfer Details > Fund Transfer.</li>
<li>Once the request form is accessed, the user must search and identify the user to whom the funds will be requested.</li>
<li>The user will have to fill in the amount needed and submit the form.</li>
</ul>
 
<figure id="attachment_18734003468136" aria-describedby="caption-attachment-18734003468136" style="width: 1080px" class="wp-caption alignnone"><img class="wp-image-18734003468136 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/wallet-fund-request.png" alt="" width="1080" height="608" /><figcaption id="caption-attachment-18734003468136" class="wp-caption-text">Wallet fund request form</figcaption></figure>
<ul>
<li>Once the request is submitted, the other user will be notified about a new request.</li>
<li>The user can respond to the request directly from their dashboard.</li>
</ul>
<figure id="attachment_18734003468139" aria-describedby="caption-attachment-18734003468139" style="width: 980px" class="wp-caption alignnone"><img class="wp-image-18734003468139 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/wallet-fund-request-processing.png" alt="" width="980" height="552" /><figcaption id="caption-attachment-18734003468139" class="wp-caption-text">Fund request response</figcaption></figure>
<ul>
<li>If the request is approved, the requested amount will be credited to the user’s wallet.</li>
</ul>
Wallet Withdrawal
<ul>
<li>At first users should select the payment method to receive the withdraw funds from their Wallet Dashboard[Wallet Withdrawal -> Payments].</li>
</ul>
<figure id="attachment_18734003466924" aria-describedby="caption-attachment-18734003466924" style="width: 1038px" class="wp-caption alignnone"><img class="wp-image-18734003466924 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/Withdrawal-Payments.png" alt="" width="1038" height="584" /><figcaption id="caption-attachment-18734003466924" class="wp-caption-text">Wallet withdrawal payment selection</figcaption></figure>
<ul>
<li>After that, they can submit the withdrawal request[Wallet Withdrawal -> Withdrawal Request] which is a 2 step form. First they should enter the funds to withdraw & then need to confirm the details.</li>
</ul>
<figure id="attachment_18734003466926" aria-describedby="caption-attachment-18734003466926" style="width: 1034px" class="wp-caption alignnone"><img class="wp-image-18734003466926 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/Withdrawal-Request-Submit.png" alt="" width="1034" height="706" /><figcaption id="caption-attachment-18734003466926" class="wp-caption-text">Wallet balance withdrawal form</figcaption></figure>
<figure id="attachment_18734003466928" aria-describedby="caption-attachment-18734003466928" style="width: 1065px" class="wp-caption alignnone"><img class="wp-image-18734003466928 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/Withdrawal-Confirm.png" alt="" width="1065" height="792" /><figcaption id="caption-attachment-18734003466928" class="wp-caption-text">Wallet balance withdrawal confirmation</figcaption></figure>
<ul>
<li>Once the request is submitted successfully, the requested funds will be deducted from the users wallet.</li>
</ul>
<figure id="attachment_18734003466934" aria-describedby="caption-attachment-18734003466934" style="width: 1062px" class="wp-caption alignnone"><img class="wp-image-18734003466934 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/Withdrawal-Wallet-Activity.png" alt="" width="1062" height="855" /><figcaption id="caption-attachment-18734003466934" class="wp-caption-text">Wallet withdrawal request submitted</figcaption></figure>
<ul>
<li>If a user chooses the payment method as Bank Transfer, then the site admin has to manually pay the amount to users account by using the details given by them.</li>
<li>If a user chooses the payment method as PayPal[supports Payout Integration], then the requested amount will be transferred to user’s PayPal ID immediately after admin’s approval.</li>
<li>If the admin rejects the submitted request, then the deducted funds will be added back to the users wallet.</li>
</ul>
<figure id="attachment_18734003466940" aria-describedby="caption-attachment-18734003466940" style="width: 1897px" class="wp-caption alignnone"><img class="wp-image-18734003466940 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/Withdrawal-Admin.png" alt="" width="1897" height="917" /><figcaption id="caption-attachment-18734003466940" class="wp-caption-text">Admin processing withdrawal requests</figcaption></figure>
Product Purchase 

<ul>
<li>Users can see the funds they will receive for purchasing the products in shop page, product page, cart page & checkout page.</li>
</ul>
<figure id="attachment_18734003468141" aria-describedby="caption-attachment-18734003468141" style="width: 1046px" class="wp-caption alignnone"><img class="wp-image-18734003468141 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/Product-Purchase-Product-Page-1.png" alt="" width="1046" height="666" /><figcaption id="caption-attachment-18734003468141" class="wp-caption-text">Product purchase wallet reward notice</figcaption></figure>
<ul>
<li>Once they placed the order, the funds will be added to the wallet when the order status reaches either processing/completed.</li>
</ul>
<figure id="attachment_18734003466944" aria-describedby="caption-attachment-18734003466944" style="width: 1070px" class="wp-caption alignnone"><img class="wp-image-18734003466944 size-full" src="https://woocommerce.com/wp-content/uploads/2021/07/Product-Purchase-Wallet-Activity.png" alt="" width="1070" height="791" /><figcaption id="caption-attachment-18734003466944" class="wp-caption-text">Product purchase reward credited to wallet</figcaption></figure>
Wallet Auto Top-up
Wallet Auto Top-up Module allows your users to automatically top-up their wallet when their wallet balance falls below a specified threshold value.
<ul>
<li>To set up Auto Top-up, the user will have to access the Auto Top-up menu from the wallet dashboard.</li>
<li>Within the section, based on the configuration, the user will have to select the amount for Auto Top-up and the threshold amount.</li>
<li>After entering the amount, the user will have two options,
<ul>
<li>They can pay the Top-up amount and authorize future Auto Top-up</li>
<li>Authorize future Auto Top-up without making any payment</li>
</ul>
</li>
</ul>
<ul>
<li>Once the authorization is complete, funds will be added to the user’s account whenever the wallet balance falls below a specified threshold.</li>
</ul>
Unique features offered in this plugin
<ul>
<li>Subscription Auto Renewal using wallet balance (Requires WooCommerce Subscriptions)</li>
<li>Wallet Auto Top-up using WooCommerce Stripe payment gateway</li>
<li>Gift Vouchers module for generating Gift Vouchers in bulk</li>
<li>Wallet balance with unlimited validity(optional)</li>
<li>Wallet Actions module for issuing wallet balances to users for account signup</li>
<li>Tax will not be charged for Wallet Top-up</li>
<li>Wallet balance expiration email reminder</li>
<li>Wallet balance credit for daily login</li>
<li>Wallet balance credit for product review</li>
<li>Widget support</li>
<li>Frontend dashboard presentation improvements</li>
<li>Transaction log presentation improvements</li>
<li>Displaying Cron Information[Cron Name and Last Updated] info to the user.</li>
<li>Wallet balance displayed in the user’s table</li>
</ul>
Wallet for WooCommerce helps your users to quickly complete a purchase by adding funds to the site and using them for future purchases.
Requirements
Minimum PHP version: 5.6

Wallet

Wallet for WooCommerce helps your users to quickly complete a purchase by adding funds to the site and using them for future purchases.

Product Listing Page with List and Grid View vs Wallet