Currently I’m using dawn theme and customizing that theme and in dawn theme there is a global setting for the Card style of Product for standard and Card, So my question is , is it possible to use more than one card layout ? Like in this I can use only one card layout and if I make three types of layout for card then is it possible to make this? Is this a good practice? If it is possible then how can i make this ?
Topic summary
A user working with Shopify’s Dawn theme wants to implement multiple product card layouts instead of being limited to the theme’s global setting (which offers only “standard” or “card” styles).
Proposed Solutions:
-
Advanced customization approach: Requires theme coding knowledge and understanding of Shopify theme architecture. One responder offers paid consultation services for this implementation.
-
CSS-based workaround: Add conditional classes to product card parent elements based on the theme’s style setting (e.g.,
product-cart-style-standard,product-cart-style-card), then use CSS selectors to create different card designs.
Status: The discussion remains open with no definitive answer on whether this is considered “good practice” or a detailed implementation guide. The solutions require custom coding beyond Dawn’s built-in capabilities.
@amisha-29 you need to know how to code themes as it’s an advanced theme customization
https://shopify.dev/docs/storefronts/themes/architecture
If you need this customization created or consulted on to learn it then contact me for services.
Contact info in forum signature below
.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Hi @amisha-29
You can add a class on the parent of product card based on style theme setting using liquid
and then style the card layout based on that style
like there can be class like product-cart-style-standard or product-cart-style-card and then you can CSS using these selectors to change the card design
Thanks!
