Does anyone know how to display variant options (mainly color options) on product tiles on collection pages? For Example: on a product tile, you see the product image, title, price and vendor (on Shopify). There is no option to display that the product is available in multiple colors. I know I'd probably have to download a "swatch" app to be able to feature visible colors, but all I really need is interactive product tiles / tiles that let the customer know that the product is available in other colors.
I've also seen 'hover' features, where users can hover over product images and see different variant option images fade in and out to give the user a 'preview' of what the product can look like in different colors / variants. There are also "Quick View" options that can be clicked to show the customer alternative options / information without completely navigating to a different page.
Below are 3 different websites that feature an area that lets the customer know that the products are available in different colors.
Is there anyone out there who can direct me to the right place to edit this; either Guru, App, liquid or code sequence?
If you want to implement option on collection product grid then you have to edit in snippet->product-grid.liquid or product-card.liquid file.
May be you need to code knowledge for that because is all about to liquid and Js code.
If you need any help let me know or text me on mail or private.
The functionality you need is possible to done via custom coding, it is about 2 hours work to implement it. It is too hard to send via this forum.
I have a similar doubt but its much simpler.
Each of my products have variants and they are displayed as a drop-down list on their respective product pages. I would like that same drop-down list to also appear in the collection page under each product below the add to cart button.
Also, as a note none of the variant have different images, they are merely different weights. I also have coding knowledge
If anyone can help it would be appreciated
Need more custom code for that, cant you done by any given step.