Showing cross-sell products based on the selected variant?

Topic summary

A user is seeking a solution to display cross-sell accessory products that update dynamically based on which product variant a customer selects—not just the main product. For example, when a customer chooses a “Grid Panel 2x2 m” variant, the related “Feeder Grid 2x2 m” accessory should appear automatically.

Proposed Solutions:

  • Custom metafield approach: Create variant-level metafields where admins can assign related products, then modify frontend code to display these dynamically when variants change.

  • Easify Product Options app: A no-code solution that uses conditional logic to show specific accessory products based on selected variants. The app allows setting up rules so accessories appear only when their corresponding variant is chosen. Screenshots demonstrate the setup process and resulting dynamic display.

The discussion remains open, with the original poster yet to confirm which approach they’ll pursue.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

Hey everyone,

I’m looking for an app or solution for the following use case:

I have a main product with multiple variants (e.g. a grid panel available in sizes like 2x2 m, 2x3 m, 3x4 m, etc.).
Each variant has its own unique SKU.

What I want to achieve is:
When a customer selects a specific variant, I’d like to display a related accessory product (e.g. “Feeder Grid 2x2 m” when “Grid Panel 2x2 m” is selected).

:backhand_index_pointing_right: Important:
The related product should update dynamically based on the currently selected variant, not just based on the main product.

Question:
Is there any Shopify app that allows setting up cross-sell or related products based on variant selection (not just on the product level)?

I’m also open to a custom code solution if there’s a reliable guide or snippet available.

Thanks a lot in advance :raising_hands:

Hello @jason_077 ,

Not sure for an app or guide and snippets but yes it’s possible.

I think you can create metafields for product variants from where admin can select which products will be visible on change of the variant in the frontend.
Once the meatfield setup will be done then you need to edit the code part and do the necessary changes so it works dynamically on change of variant.

Regards
Guleria

Hi @jason_077

I recommend Easify Product Options. It’s a no-code solution that lets you dynamically display related accessory products based on the selected variant using conditional logic—easy to set up and fully customizable. Here’s how it works:

  • This is the result:

  • This is the app setting:

This is the conditional logic setting, set like this to make sure Feeder Grid 2x2m only show up when the Panel Grid 2x2m is selected, and do the same with other variants.

You’ll find this app easy to use, so I hope you give it a try. If you need assistance, just let me know or reach out to Easify! :blush: