Resize Products in Shop

We are showing products in a list view (so only one column), but this leads to the products taking too much vertical space.
Is there a way to resize the products, so we can fit 3-4 products on screen using list view?

Link to the site: https://intimico.nl/product-categorie/voor-jullie/toys-voor-jullie/erotische-speeltjes-set-toys-voor-jullie/?orderby=popularity&shop_view=list

Hello,

Please try to use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Global CSS section:

.product-list-item:not(:last-child) .product-wrapper {
    margin-bottom: 0px;
}
.product-list-item:not(:last-child) .product-wrapper {
    padding-bottom: 0px;
}

Best Regards.

Thank you, however this solution leads to 1,5 products being visible (screenshot is attached).

Is there any solution that gives 3-4 products on screen?

Kind regards,
Patrick

Attachments:

You must be logged in to view attached files.

Hello,

Do you want to show the 3-4 products on a single page when you scroll the page?

Best Regards.

Hi,

No, were are fine with the 12 products per page. We are only concerned with the (high) amount of vertical space an individual item takes. We would like all items in the list to use less vertical space so that more items are shown in a single screen, rather than having to scroll down.
Is this possible?

Kind regards,
Patrick

Hello,

Sorry, but there is no such option in our theme and WooCommerce by default. It may require additional code customization or extra plugin but we don’t have an instruction for this. It is out of our theme support scope.

Best Regards

[Author]

Posts