Shopify Liquid

From the Directed Edge Developer Base
Revision as of 00:20, 10 October 2013 by Lucijan (talk | contribs)
Jump to: navigation, search

Liquid Variables supported by Directed Edge


The liquid variable groups contain all recommendation types that are available for the requested page.

{% for group in groups %}
  {{ group.label }}
{% 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 %}
  {% for product in group.products %}
    <b>{{ product.title }}</b><br />
    {{ product.price | money }}
  {% endfor %}
{% 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 %}


The bundle variable is used to access supplementary information about bundles

text Bundle's buy message (e.g. 'Buy both for 20$') which can be adjusted in the Directed Edge for Shopify Bundle Settings page.
price 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 }}
buy_link A link that will add both products to the shopping cart and will present the user a product variant chooser if necessary.


Simple example