diff --git a/_docs/_user_guide/personalization_and_dynamic_content/liquid.md b/_docs/_user_guide/personalization_and_dynamic_content/liquid.md index 642127b7410..53a84080836 100644 --- a/_docs/_user_guide/personalization_and_dynamic_content/liquid.md +++ b/_docs/_user_guide/personalization_and_dynamic_content/liquid.md @@ -73,12 +73,17 @@ The following new array and math filters are available for use in your Liquid as Refer to our [Filters]({{site.baseurl}}/user_guide/personalization_and_dynamic_content/liquid/filters/) article for definitions. -### Liquid highlights +### Liquid updates -Each Liquid element corresponds to a color, allowing you to differentiate your Liquid at-a-glance as your build your personalized messages. This appears in any Liquid editor. +Each Liquid element corresponds to a color, allowing you to differentiate your Liquid at-a-glance in your Liquid editor. ![]({% image_buster /assets/img/liquid_color_code.png %}) +You can also leverage predicative Liquid for custom attributes, attribute names, and more as you build your personalized messages. + +![]({% image_buster /assets/img/liquid_auto_complete.gif %}){: style="max-width:70%;"} + + ## Terms to know These terms are reinterpreted from [**Shopify's documentation**](https://shopify.github.io/liquid/basics/introduction/) based on our level of support. diff --git a/assets/img/liquid_auto_complete.gif b/assets/img/liquid_auto_complete.gif new file mode 100644 index 00000000000..bff0cf868e8 Binary files /dev/null and b/assets/img/liquid_auto_complete.gif differ