# Markets and consent

> Countries, currencies, locations, the market suggestion and the cookie banner.

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/reference/elements/markets-and-consent  
Updated: 2026-10-13

| Element | What it does |
|---|---|
| [`[consent-condition="sale-of-data"]`](https://www.smootify.io/docs/reference/elements/consent-condition-sale-of-data) (template) | Shown only in sale-of-data regions (CSS only). |
| [`[consent-panel="banner"]`](https://www.smootify.io/docs/reference/elements/consent-panel-banner) (template) | Shown while the banner is required, hidden while the preferences panel is open (CSS only). |
| [`[consent-panel="preferences"]`](https://www.smootify.io/docs/reference/elements/consent-panel-preferences) (template) | Shown only while the preferences panel is open (CSS only). |
| [`[popover][data-is="market-dialog"]`](https://www.smootify.io/docs/reference/elements/popover-data-is-market-dialog) | Suggests the visitor’s market once per browser, opening after a delay and after the cookie banner closes. |
| [`[popover][data-is="market-dialog"] button[data-action="continue"]`](https://www.smootify.io/docs/reference/elements/popover-data-is-market-dialog-button-data-action-continue) (template) | Switches to the suggested market when it is not the current one, closes the suggestion and remembers it was seen; with a country-switcher inside the dialog it only closes (the visitor chooses there). Closing the dialog any other way stays on the market. (1.x: only closed) |
| [`button[data-is="preferences-button"]`](https://www.smootify.io/docs/reference/elements/button-data-is-preferences-button) | Opens the preferences panel of the page’s cookie banner; shown only where the consent applies (2.0). |
| [`country-switcher`](https://www.smootify.io/docs/reference/elements/country-switcher) | Lists the market’s countries in a Webflow dropdown or a popover and changes country on a pick; when Shopify has a language with the country’s ISO code (IT → Italian) it changes language too. With Webflow Localization (a Webflow locale switcher, or the page’s hreflang alternate links) the language goes through Webflow: the page moves to that language’s locale (it-IT before it when the site has both), and without a locale for that language only the country changes. |
| [`currency-code`](https://www.smootify.io/docs/reference/elements/currency-code) (template) | Text set to the current currency ISO code, anywhere in the document. With one country the switcher goes; a currency-code outside it still gets the currency (2.0). |
| [`location-switcher`](https://www.smootify.io/docs/reference/elements/location-switcher) | Lists the shop’s pickup locations in a Webflow dropdown or a popover and changes location on a pick. |
| [`smootify-consent`](https://www.smootify.io/docs/reference/elements/smootify-consent) | Cookie banner and preferences panel built in Webflow 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). |
| [`smootify-consent [data-action]`](https://www.smootify.io/docs/reference/elements/smootify-consent-data-action) (template) | Consent buttons (accept all, decline all, save choices, open preferences, close). |
| [`smootify-consent [popover]`](https://www.smootify.io/docs/reference/elements/smootify-consent-popover) (template) | Opened and closed with the banner; closed from outside it hides the banner for the page. |
| [`smootify-consent input[type="checkbox"][name]`](https://www.smootify.io/docs/reference/elements/smootify-consent-input-type-checkbox-name) (template) | Consent category checkboxes, mirrored from and saved to the current consent. |