Shopify Liquid

From the Directed Edge Developer Base
Revision as of 02:42, 10 October 2013 by Scott (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. Each group has following properties:

label A formatted label of the group, for example, “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 An array of all of the products in returned for this recommendations 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.