Liquid: Show Text for specific Product Variant

Liquidishard 0
Viewed 14

can you help me figure out how to show a notification for specific variants? If customer selected "IPhone 14" show notification "Thats a Pre-order" and hide this message if the customer changes to "IPhone 13".

{% if selected variant.name contains '14' %}
    {p} Thats a Pre-order {/p}
  {% endif %}

The main Problem is, that the URL does not change by selecting the variant. Otherwise i could simply check the URL. But in my Case the URL is always the same..

variant product liquid shopify
1 Answers

You have a misunderstanding on how liquid works.

Liquid finish executing before the DOM is loaded. (a.k.a the moment you see the page liquid is finished and no code will be processed after that).

What you are describing is interacting with the DOM elements (select or radio buttons) and expecting liquid to execute some code after the variant is changed, which is not possible.

Long story short you need to use Javascript to handle this logic, not liquid.

drip0
Related