The
Snippet Directory
A curated collection of versatile snippets for Squarespace designers, aimed to help customize client projects in a fraction of the time.
Product item button - Summary block
If you’re working with a Summary Block linked to a product/shop page and you’re wanting to display something like the native “Read More” button to lead to the item’s details, this is the plugin for you!
Expansive cards on hover - Auto Layout Simple List (7.1)
Add a little something something to your project’s Auto Layout Simple List with this cool hover mode expansive effect. You’ll be able to set a custom icon for all the cards to mark them with your site’s brand, continue to modify the settings of the text through the native options, control the thumbnails saturation/opacity levels on both the initial and hover mode, and automatically get a sleek and responsive look on tablets and mobile, regardless of how many cards you set up on desktop!
Alternate announcement bar content for a single page - Announcement Bar (7.1)
Looking to replace the text and URL of your announcement bar for only ONE page of your Squarespace site? Then this snippet is for you.
Alternate logo for open mobile menu - Header nav (7.1)
If you're working with a different color theme for your 7.1 site's overlay menu and you need to change your logo color to make it pop, this is the code snippet for you!
Minimal poster style - Summary Block
Looking to create an Auto Layout-y style for your Grid Summary Blocks in Squarespace? Then get your hands on this poster-inspired code snippet to achieve a clean and minimal look for those blocks on your site. You’ll be able to tweak the title of the summary items to match your brand, adjust the background color of the slides and make the hover mode shadow and shift as subtle or bold as you like!