Best App for Displaying Product Variants on Collection Page Without Interfering with Hover Functiona

[Omar1994]

Hi Shopify Community,

I’m looking for recommendations on the best app to display different product variants directly on the collection page. My main requirements are:

1. The app should allow displaying multiple variants of a product on the collection page without disrupting the hover functionality. I need the hover effect to work smoothly for all variants.

2. I’ve noticed an issue with the main product image on the collection page when using swatch images on the product page. When I select a different image for a variant in the swatch, it sometimes overrides the main product image on the collection page.

I’m using the Kalles theme, and would really appreciate any suggestions for apps that work well with this theme to display variants correctly without affecting hover or the main image display.

Thanks in advance for your help!

[Shadab_dev]

Hi @Omar1994, I was able to implement something like this on the dawn theme and it is applicable in almost all the free theme out there. This is entirely from code, no apps used. Please see reference site below.

Reference site: www.kpsclothing.in

If you are looking for something similar, please reach out via mail for a convenient conversation and solution. Please also attach your store url with the mail.

Thanks

Shadab Ali

[PageFly-Kate]

Hi @Omar1994 ,

This is Kate from PageFly Landing Page Builder. I have some recommendations for you here:
1. Globo Product Options, Variant

This app helps you easily manage complex product variations and integrates seamlessly with Shopify, updating automatically to match store themes.

- Variant Options: Create multiple variants for each product, with different prices, SKUs, and images
- Image and Color Swatches: Display visual options for customers to choose from

2. Product Options & Customizer

This app lets you control how variants display on the collection page without impacting hover effects or the main image. It integrates smoothly with many themes, including Kalles, and offers a lot of flexibility for image display settings. By using this app, you can:

- Conditional Options Display: Options can be dynamically shown based on customer selections, simplifying the customization process and helping customers find exactly what they want without overwhelming them with too many options.

- Combine Variants Across Products: Allows variants from different products to be mixed and matched, providing more flexibility in customization.

It’s also a good idea to test these apps’ compatibility with the Kalles theme on a few collection pages to make sure they work seamlessly with your hover effects

Good luck, and hope this helps! 😊

[Omar1994]

Hi Kate,

Thank you so much for your recommendations and for taking the time to respond!

The main feature I’m looking for is the ability to display each product variant as an individual product on the collection page. Unfortunately, I haven’t been able to find this specific feature in the apps you suggested. Is there any other solution or workaround you could recommend to achieve this? Or perhaps a way to configure one of these apps to display variants as separate products?

Thanks again for your help, and I look forward to hearing from you!

Best regards,

Omar