smootify-consent
Cookie banner and preferences panel built over Shopify's Customer Privacy API: shown while Shopify asks for consent and the visitor has not answered, the preferences while open. With button[data-is="preferences-button"] inside (one component, e.g. in the Footer, the banner in a [popover] or [consent-panel]) it stays for the button wherever the consent applies, the banner closed until asked; elsewhere it is hidden whole (2.0).
Where it can go
- Anywhere on the page.
- Out of place, it stays in the page and does nothing.
What it requires
Nothing beyond Smootify: it works on every plan.
Fields in the form
Each field’s name attribute tells Smootify what the field holds.
| Name | Field | What it does |
|---|---|---|
analytics, marketing, preferences, sale_of_data (or saleOfData) | input type="checkbox" (name exactly) | Checked: that kind of tracking is allowed, saved by [data-action="save"]; the boxes follow the stored consent. |
Attributes on the element
- Smootify writes
is-loaded,is-required,is-open,is-sale-of-data-region,is-applicableon it: do not set them yourself.
Attributes inside it
| Group | Attribute name | Values |
|---|---|---|
| Cookie consent | data-action | 11 |
| Cookie banner (condition) | consent-condition | 1 |
Loading
Its code loads only on pages that have smootify-consent.