Please note that this Support article contains frontend customizations via modifying the legacy Algolia template files, which are deprecated and unsupported by the Algolia Support Team.
For more information, please review this Support article - "Why is modifying Algolia template files for customizations not supported?"
There are two steps to follow in order to set up a rule and display a banner:
1. Configuring the rule
2. Configuring the queryRuleCustomData widget
Once you have set up a rule to return custom data, you will need to add a custom queryRuleCustomData widget, which displays custom data from rules. Please make sure to configure the queryRuleCustomData widget and complete the setup of your banner display.
Please note that the queryRuleCustomData widget is not pre-bundled in Shopify, Please make sure that the queryRuleCustomData widget is properly imported following all steps in this guide documentation.