# Miscellaneous
## li-attribute
The `li-attribute` tag allows you to assign reserved HTML attributes — such as `class`, `src`, or `href` — to any element. This is particularly useful in Webflow, where certain attributes are restricted or automatically managed by the designer.
Example:
{% columns %}
{% column %}
{% code title="Webflow" fullWidth="false" %}
```
li-attribute:class = {% if product.available %} tex-color-green {% endif %}
```
{% endcode %}
{% endcolumn %}
{% column %}
{% code title="Shopify" fullWidth="false" %}
```liquid
```
{% endcode %}
{% endcolumn %}
{% endcolumns %}
Another example:
{% columns %}
{% column %}
{% code title="Webflow" fullWidth="false" %}
```
li-attribute:id = {{ product.id }}
```
{% endcode %}
{% endcolumn %}
{% column %}
{% code title="Shopify" fullWidth="false" %}
```liquid
```
{% endcode %}
{% endcolumn %}
{% endcolumns %}
## li-liquid
When using Liquid code directly in Shopify, Webflow may alter the formatting of certain characters —especially double quotes — within Custom Code elements or \