How can I adapt a text element based on product variant in HTML?

Store Design
, ,
1

Hallo an alle.

Ich habe über meinem Kaufpreis ein Element (Sprechblase) hinzugefügt und würde den Text innerhalb dieses Elements gerne auf die jeweilige Produktvariante anpassen.

Es ist jedoch egal, welche If Verknüpfung ich nutze, es passiert einfach nichts und es wird immer der selbe Text angezeigt. Kann mir da jemand helfen? Dies wäre der Code:

.speech-bubble { position: relative; background-color: #9CC288; color: #FFFFFF; /* Schwarzer Text */ padding: 0px 6px; /* Verringere die Polsterung für die Höhe des Containers (oben und unten) */ border-radius: 0px; /* Ändere den Radius für abgerundete Ecken */ display: inline-block; font-weight: lighter; /* Dünner Text */ margin-bottom: 10px; /* Ändere den Abstand nach unten */ }

.speech-bubble::before {
content: ‘’;
position: absolute;
top: 100%;
left: 16%; /* Hier die Position des Pfeils anpassen /
border-width: 10px; / Ändere die Breite des Pfeils /
border-style: solid;
border-color: #9CC288 transparent transparent transparent; / Transparent mit schwarzem Rand */
}

{% if product.price < 30 %}
TextA
{% else %}
TextB
{% endif %}

Vielen Dank im Voraus.

2

Hi @lisa1109

Please try to update your code like this to check

{% if product.price < 3000 %}

TextA
{% else %}
TextB
{% endif %}