Shopify Liquid
From the Directed Edge Developer Base
Liquid Variables supported by Directed Edge
groups
The liquid variable groups contain all recommendation types that are available for the requested page.
{% for group in groups %}
{{ group.label }}
<ul></ul>
{% endfor %}
Each group has following properties:
label | A formatted label of the group. E.g. 'Recommended Items', 'Recently Viewed', etc. Those labels can be customized in the Directed Edge for Shopify Appearance Settings page. |
handle | A machine friendly identifier for the group (e.g. bundle, recommended_product, etc.) |
products | A list of products that are recommended for this group.
The following example would print title and price of all products in all available groups: {% for group in groups %}
<ul>
{% for product in group.products %}
<li>
<b>{{ product.title }}</b><br />
{{ product.price | money }}
{% endfor %}
</ul>
{% endfor %} A detailed description of all product's properties can be found here. |
bundle | A boolean field that indicates if this group is a bundle. This is useful to render custom content for that particular group. The following snippet would display both product images separated by a plus sign and followed by a equals sign and the bundle price:
{% for group in groups %}
{% if group.bundle %}
{{ group.products.first.featured_image | product_img_url: 'small' }}
+
{{ group.products.last.featured_image | product_img_url: 'small' }}
=
{{ bundle.price }}
{% else %}
<!-- render other content here -->
{% endif %}
{% endfor %} |
bundle
The bundle variable is used to access supplementary information about bundles
Bundle's buy message (e.g. 'Buy both for 20$') which can be adjusted in the Directed Edge for Shopify Bundle Settings page. |
The total price of a bundle calculated using the method specified in the Directed Edge for Shopify Bundle Settings page. As any price it can be formatted with the price filter (e.g. {{ bundle.price | money }} |
A link that will add both products to the shopping cart and will present the user a product variant chooser if necessary. |
Examples
Simple example