Ready-to-use code snippets for your Shopify Booster theme. Download and paste into a Custom Liquid section.
⚠️ Important: Use "Custom Liquid" — not "Custom HTML". The Custom HTML block will show an error because the CSS contains characters that Shopify mistakes for Liquid code.
The kangaroo hops from the left side of the screen to the center, stops and turns to face the viewer, then hops off to the right. Triggered on scroll or after 6 seconds.
📋 Where to paste: Add a "Custom Liquid" section at the bottom of any page. Works as a fixed overlay — won't affect your page layout.
A kangaroo peeks up from the bottom-right corner of the page with a "Proudly Australian Made" speech bubble. Appears when scrolling or after 4 seconds.
📋 Where to paste: Add a "Custom Liquid" section at the bottom of any page. The kangaroo appears in the bottom-right corner.
A small kangaroo follows your scroll position on the left side of the page, bouncing as you scroll. Acts as a fun scroll indicator.
📋 Where to paste: Add a "Custom Liquid" section at the bottom of any page. The kangaroo appears on the left side as you scroll.
An animated scene with a countryside background — the kangaroo hops across to a shed, stops to peek inside, then hops away. Great for product or about pages.
📋 Where to paste: Add a "Custom Liquid" section wherever you want the scene. It's a block element, not a fixed overlay.
A beautiful green & gold banner with an animated hopping kangaroo and "Proudly Australian Made" messaging. Professional and eye-catching.
📋 Where to paste: Add a "Custom Liquid" section on product pages, landing pages, or about pages. It's a block-level banner.
A compact pill-shaped badge with an animated kangaroo icon and "Australian Made" text. Subtle shine animation. Great for product cards and headers.
📋 Where to paste: Add a "Custom Liquid" section next to product titles, in headers, or anywhere you want a compact indicator.
Shopify's "Custom HTML" block will show an error like: "Setting 'html' can't include Liquid syntax". This happens because the CSS keyframe animations contain {} characters that Shopify mistakes for Liquid template code.
The snippets include {% raw %} tags that tell Shopify to treat the code as plain HTML — but this only works in "Custom Liquid" sections.