1
Advanced
Custom placement, styling and setups for teams that want more control.
- Atomato storefront reference for developersHow Atomato loads on the storefront, where each element lives, its data attributes, storage keys, cart data and events.
- Set up Atomato for a team or agencyWho can do what in Atomato, the one Shopify permission it checks, who last saved each campaign and a handover checklist.
- Use Atomato on several themes or a staging themeWhat Atomato saves per theme and per store, how to test on a staging theme, and what to check before you publish it.
- Use your own SVG bell iconPaste your own SVG as the bell, set its colors first, and see how Atomato sizes and animates it.
- Run your own JavaScript when a shopper clicks a messageWhen your code runs on NotiFeed, NotiPop and NotiSell buttons, what it can reach, and examples such as staying on the page.
- Place the bell with a CSS selector or a theme snippetHow Atomato reads bell selectors, falls back when nothing matches, handles a header redraw, and what changes with the snippet.
- Style the bell, feed and NotiSell cards with custom CSSWhat Atomato's Custom CSS can reach, the element names to target, and short examples you can copy.