custom product card in "products, carousel, shop page, ..." elements

[fnp]

I’d like to use my own custom product card (including the product image, title, price, button, etc.) wherever products are displayed, such as the Products element, Carousel, Shop page, and any other Bricks element that shows products.

The only way I’ve found is to enable a query on a Container and place my custom component inside it. That works, but the built-in product elements always use their default product card/template, and I can’t completely replace its layout.

I also checked the Templates section, but I couldn’t find a way to set my custom component as the default product card.

Is there a way to use a custom product card across all product-related elements in Bricks, or is this only possible when using a queried Container?

[timmse]

Hi,
Welcome to the forum!

@fnp

Is there a way to use a custom product card across all product-related elements in Bricks

No.

All native product elements are ready to use right away and are sufficient for simple or standard setups. They allow for certain styling and partially content adjustments, but not comprehensive/fundamental changes.

That’s exactly where custom layouts and loops come into play—they let you create the layout exactly the way you want it. However, the loop should be applied to the product card itself, not to the container that holds the card.

I’d recommend checking out the “Getting Started” series, which explains all of these things:

Getting Started