free shipping over $40
✺
new: crinkle fish for cats
✺
every toy squeak-tested
✺
30-day chew guarantee
✺
edit me
make Squeak yours.
Everything you need to swap in your brand, your toys and your Shopify store. Delete this page before you publish.
1 · brand
1 · brand
Colours live in Assets › Colors (Cream, Ink, Gum, Sticker and six pastel pairs). Fonts live in the text styles: Bricolage Grotesque for headings, DM Sans for body. The wordmark is plain text in the Nav, plus the Wordmark control on the Footer Toy Box.
Colours live in Assets › Colors (Cream, Ink, Gum, Sticker and six pastel pairs). Fonts live in the text styles: Bricolage Grotesque for headings, DM Sans for body. The wordmark is plain text in the Nav, plus the Wordmark control on the Footer Toy Box.
2 · toys (CMS › Toys)
2 · toys (CMS › Toys)
Each toy has a Render (square image of the toy on its ground colour, about 1000 px), a Cutout (the same toy as a transparent PNG, used in the cart, the box builder and the footer), a Pet Photo (4:5, shown on hover), a Ground and a Toy Colour. Name, Tagline, Price, Badge, Description and Details fill the cards and the toy page. For decides which tab the toy shows on.
Each toy has a Render (square image of the toy on its ground colour, about 1000 px), a Cutout (the same toy as a transparent PNG, used in the cart, the box builder and the footer), a Pet Photo (4:5, shown on hover), a Ground and a Toy Colour. Name, Tagline, Price, Badge, Description and Details fill the cards and the toy page. For decides which tab the toy shows on.
3 · connect Shopify (no plugin needed)
3 · connect Shopify (no plugin needed)
In Shopify admin, open a product and its variant: the number at the end of the URL is the Variant ID. Paste it into the toy’s Shopify Variant ID field. Then select the Squeak Cart inside the Nav component and type your store domain (your-store.myshopify.com) into Shopify store. Add to cart then Check out opens Shopify checkout with the cart filled in. No Shopify? Leave Variant ID empty and paste any checkout link into Buy Link instead.
In Shopify admin, open a product and its variant: the number at the end of the URL is the Variant ID. Paste it into the toy’s Shopify Variant ID field. Then select the Squeak Cart inside the Nav component and type your store domain (your-store.myshopify.com) into Shopify store. Add to cart then Check out opens Shopify checkout with the cart filled in. No Shopify? Leave Variant ID empty and paste any checkout link into Buy Link instead.
4 · build a box
4 · build a box
The Box Builder on Home has its own controls: six toys with name, price, variant ID, image and ground, plus the discount it shows. Create the same discount in Shopify (an automatic discount or a code you add in the Squeak Cart’s Discount code control).
The Box Builder on Home has its own controls: six toys with name, price, variant ID, image and ground, plus the discount it shows. Create the same discount in Shopify (an automatic discount or a code you add in the Squeak Cart’s Discount code control).
5 · motion
5 · motion
Movement comes from code overrides in SqueakMotion (select a layer, see Code Override): withToy drops, bobs and squeaks; withRail drags; withSlides runs the hero; withProgress, withStretch and withReadReveal follow the scroll; withPolaroids tilts the pack club wall. Clear an override to switch that effect off. Without scripts every layer shows its finished state.
Movement comes from code overrides in SqueakMotion (select a layer, see Code Override): withToy drops, bobs and squeaks; withRail drags; withSlides runs the hero; withProgress, withStretch and withReadReveal follow the scroll; withPolaroids tilts the pack club wall. Clear an override to switch that effect off. Without scripts every layer shows its finished state.
6 · forms and footer
6 · forms and footer
Set where the newsletter, club and contact forms send submissions in each form’s settings. The Footer Toy Box takes up to eight toy images (Toy 1 to Toy 8), a wordmark and colours.
Set where the newsletter, club and contact forms send submissions in each form’s settings. The Footer Toy Box takes up to eight toy images (Toy 1 to Toy 8), a wordmark and colours.
7 · photos and renders
7 · photos and renders
Pet photos and videos are from Pexels (free licence). The toy renders were made for this template and are yours to use. Replace everything with your own products before you sell.
Pet photos and videos are from Pexels (free licence). The toy renders were made for this template and are yours to use. Replace everything with your own products before you sell.