Custom product grid

Hello team, how can you create a custom product grid with a different number of products per row, e.g. one row with 1 product, 1 row with 2 products, 1 row with 3 products, like in the demo attached? Thank you in advance!

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the demo URL so I can check and give you the Element name after checking this?

Best Regards,

Unfortunately, the demo is just a screenshot – there’s no URL, that’s why I’m asking if this is possible with your theme.

Hello,

To create a custom product grid layout with different numbers of products per row (1 in the first row, 2 in the second, 3 in the third), you can use the Products Grid or Carousel element in Elementor or WPBakery (depending on the builder you’re using).

Use Separate Rows: Add multiple Products Grid or Carousel elements, each in its own row/section.

Set Columns Individually: For each Products Grid element, set the number of columns to 1, 2, or 3, depending on how many products you want in that row.

Limit Product Count: Set the number of products to match the column count so each row stays consistent (1 product for 1 column).

Use Manual Product Selection: To avoid repeating products, use data source”List if IDs” source and manually choose the products for each row.

See Screenshots for a better understanding:
https://ibb.co/84tnhD5L
https://ibb.co/KpWwTKFc

Best Regards,

[Author]

Posts