I’m trying to find an app that will allow existing product variants to be displayed, with rich text details, in more of a ‘card’ rather than a small text box. Is anyone aware of anything?
1 Like
If you’re looking to display product variants more visually like cards, a few apps might help:
Swatch King, Variant Image Automator, or G:Variants & Product Options
These apps allow for richer layouts and some support card-style or swatch-based views.
If no app gives you exactly what you want, you can loop through the product variants and build a custom card layout using Liquid and metafields for rich text descriptions. Happy to help
Please share your store url and also the example site or screenshot of what you need.
There are two ways you can do this either with apps which I am not very familiar with.
Custom code, which is pretty much what I do. But will need a visual reference for better understanding.
@niceplanmatt you can try this app
https://apps.shopify.com/product-variants
Thanks
They can provide extra customisation specific to store in the app
1 Like
Tried it, and it seemed like it could theoretically do what I wanted, however the app is buggy and has no option for support.
Here is my site, with two subscription options as variants.
What I am looking for is a way to display each variant more like a selectable card, with rich text/dropdown options, etc within each card…like this:
Adding rich text is okay like this
This is on my dev store. We can also style the options to look like cards and match the design with the reference with css but adding dropdown is a bit more tricky and most importantly adding a dropdown would mean that whatever user selects that data needs to be passed along which is a bit advanced stuff. For complexity like this using an app is a much better option particularly subscription apps and payment providers that lets users pay in monthly basis as subscription.