Controlling Data Bindings

With components on the page, Bookshop will create CloudCannon's Visual Data Bindings automatically if the data for that component can be found in your page's front matter.

By default, Bookshop will add bindings for any components on the page, but will not add bindings for shared helper files. This prevents Bookshop from rendering data bindings around our shared page helper, so that the components within are immediately accessible.

This behavior can be customized by including a flag in the component's data. Bookshop will look for any of the following keys:

• data_binding
• dataBinding
• _data_binding
• _dataBinding

For example:

<!-- Components -->
{% bookshop 'item' props: props %} 
{% bookshop 'item' data_binding: false props: props %} 

<!-- Includes -->
{% bookshop_include 'page' props: props %} 
{% bookshop_include 'page' data_binding: true props: props %}