Variables available for Rivo Theme Extensions

variables.md

How to use these variables

Our theme extensions are built using liquid and a very small javascript framework called Alpine.js.

Here is how to display variables anywhere on the html displayed.

1. Pick any element
2. Add x-data to the element
3. Add x-text to display text
4. Add x-html if your text has html included.

Example

You have <strong><span x-data x-text="$store.customer.pretty_points_tally"></span></strong> Points

Variables available

You have all of the window.Rivo variables available inside of the $store object.

$store.customer =>

Eg:

• $store.customer.first_name
• $store.customer.last_name
• $store.customer.email
• $store.customer.current_vip_tier_info

Others:

• $store.loy_config
• $store.translations
• $store.icons