I was looking to make something similar to this. How did they put the products on a “card” style and not the traditional grid look.
Topic summary
Goal: Achieve a “card-style” product display on a Shopify collection page instead of the default grid, using the Empire theme.
Key context:
- Store uses the Empire theme and seeks a design similar to examples from Crutchfield and SpinLife.
- “Card-style” here aligns with a list-style layout (products displayed in stacked cards rather than a multi-column grid).
Latest guidance:
- Empire supports a built-in List View for collections. This can be enabled in the collection template settings within the theme editor (a screenshot was shared showing where to switch views).
- If the built-in List View doesn’t fully match the desired card design, further customization is possible via Liquid, HTML, and CSS.
Notes on terms:
- Collection page: the product listing page for a category.
- List View: vertically stacked product entries that can resemble cards.
Status and next steps:
- Actionable path: enable List View in the collection template; evaluate the result.
- If additional styling is needed, proceed with custom code.
- Awaiting confirmation that the built-in option meets requirements; discussion remains open.
1 Like
Hi @lowrystore ,
The card-style layout you’re referring to depends heavily on the theme you’re using. Some themes come with built-in options for a card-style product display, while others may follow a more traditional grid layout. If your current theme doesn’t support this feature, you may need to build it from scratch using custom code.
Could you let me know which theme you’re currently using? That way, I can provide more specific guidance.
Thank you
Welcome to the Shopify community!
and Thanks for your Good question. 
Please share your site URL,
So I will check and provide a solution here.
I understand. I am using the empire theme. Do you think it is built in?
See what you think about the card style product display. Is that the correct terminology for this design style? Is it called something different.
I have see this style on electric sites like this: https://www.crutchfield.com/g_356350/Stereo-Receivers.html
and other sites like this : https://www.spinlife.com/mobility-scooters/travel-portable-scooters/critpath/match.cfm?categoryID=420
1 Like
Hi @lowrystore
The theme you are using “empire”, does support the list view.
You can update it from the collection section. Please go to the collection template and make the below chanegs.
Thank you
@lowrystore thanks for share all details yes it possible to make more customization code liquid, html and css