In the studio theme I have managed to edit the main-collection-product-grid.liquid to make clones of each product based on how many colour variants there are for each product, I have also created a clone of card-product.liquid called card-product.variant.liquid but I dont know how to change this so the product card displays the correct variant information, I tried using variant.image on lines 57- 65 but it didnt work.
Check the variant settings: Ensure that the product variants are properly configured in your Shopify admin. Go to the product editing page and verify that the variants have correct options, such as sizes, colors, or any other variations specific to your products.
Check the collection template: Review the collection template file in your theme's code editor. Look for the code that renders the product variants on the collection page. It might be using a loop or snippet to display the product information. Make sure the code is correctly implemented and fetching the variant data.
Verify the variant display settings: In your Shopify admin, go to the theme customization options or settings related to collections. Check if there are any specific settings for how the product variants should be displayed on the collection page. Ensure that these settings are correctly configured to show the desired variant information.