How to use Swift Page Builer – WooCommerce Products Shortcode to Mimic Shop Page

[oleymediagroup]

When I am on the shop page I have the option at the top which changes the display of products: Standard Vs List Vs Grid

When I use “Grid” – the shop displays 2 columns of products on mobile (portrait view)

I have inserted the SWift Page Builder WooCommerce Products shortcode into my homepage to display “Latest Products”

When I view the home page, it shows the products in a single column.

How can I use the grid display to show 2 products per row (instead of one)

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Try this custom css:

@media only screen and (max-width: 479px) {
.woocommerce .products .product {
float: left!important;
width: 50%!important;
}
}

– Kyle

[oleymediagroup]

Thanks for that – it works fine in the shop but how do I configure it to work on the Swift Page Builder “Products” Element?

I have inserted a “Latest Products” on the home page and I want it to share the same layout – I don’t want it to be one single product column

[Kyle – SUPPORT]

Unfortunately it’s not possible with the product carousel, will consider for a future update

– Kyle