Use CSS/JS to hide parts of upsell page based on purchase history

Hello, we have a funnel that has a variant selector on the main checkout page for ‘white’ or ‘black’ color. Depending on what color they purchase we would like to show a different upsell offer. I realize this is not currently possible, so a work around could be to use some CSS/JS to dynamically hide certain parts of the upsell page based on what the customer ordered in step 1. Is this possible? I’m not sure how to implement this.

1 Like

Hello,
I am interested in such solution.
If someone purchases a certain variant, like L size, is it possible to propose the same variant as an upsell? Idea is to have a one click upsell, and not select the variant again.

Hi all :hand_with_fingers_splayed: great thread!

If you use a custom solution that provides embeddable JS, you could potentially pass the selected variant and then use that to dynamically show/hide parts of your upsell page.

So yes, technically possible via custom JS/CSS, but it would require some custom implementation on your end.

For anyone still looking into a custom solution for hiding parts of the upsell page based on the checkout purchase, :backhand_index_pointing_right: I found a great solution for implementing conditional upsells here.