In the second tab of the list settings, you will be able to set the list Display options.
Show the “Add to Cart” button for each product: enable to show the “Add to Cart” button for each product.
“Add all to cart” button: this button allows your users to add all the products in the list to the cart in just one click. Choose whether to show it or not and its position related to the table:
Show below and above
Do not show
Products per page: if in the option above you have set up “Do not show“, you will see this additional option appear that allows setting the number of products per page. If the products are more, the plugin will automatically paginate them.
Products sorting: choose how the products in the list will be ordered:
By listed: newest to oldest
By listed: oldest to newest
By price: low to high
By price: high to low
By SKU: low to high
By SKU: high to low
Product info to show: choose which product elements to show in the product table:
Quantity and “Add to Cart” style (only available for Table style): choose the style for the quantity selector and the “add to cart” button in the list:
Traditional quantity and “Add to cart” button
Theme quantity and “Add to cart” button
Modern quantity and “Add to cart” button
Modern quantity and “Add to cart” in “+” style
Show filters: enable to show filters above the products list; your users will be able to filter the products based on what they are looking for.
From this Style tab, you can customize all colors and some more style options. Let’s check them all one by one.
Product images width (px) in table view: set the width for all product images in the list. The image height will be scaled automatically. This option only applies if you’ve selected the Horizontal table view in the Display options.
Pagination style: choose whether lists with pagination will have to show a Load more button or will show more products by infinite scroll.
Cart widget colors:
“Pay now” text
“Pay now” background
Badge (counter for products in cart) text
“Pay now” text hover
“Pay now” background hover
Cart widget icon:
Use the default icon
Upload a custom icon
More colors for all the other sections of the list.
“Add to Cart” style colors: these are the colors of the “+” button when you choose Grid mode (Product on the left in the screenshot below).
Add to cart “+” icon alternative colors: when you select the Grid display mode, you can highlight the cart buttons of those products that have already been added to the cart with different colors, the alternative colors.
In the screenshot below, the product on the right is showing the alternative colors:
“Add to cart” button style: these are the colors of the traditional “Add to cart” button
“Total” section colors: colors of the box where the total price of products added to the cart is displayed. “Proceed to Checkout” button colors “Proceed to Checkout” label: enter here a custom text for this button.
“Load more” button:
Product wrapper: you can customize the colors of both the border and the shadow
The plugin includes a custom Gutenberg block called Product list that you can add on any page of your site also multiple times and choose the list from the dedicated option in the block settings.
Additionally, for every product list that you create, the plugin generates a custom shortcode that you can use to display that specific list wherever you need to. You can find it on the Product lists main page.