The
Snippet Directory
A curated collection of versatile snippets for Squarespace designers, aimed to help customize client projects in a fraction of the time.
Content overlay on hover - Gallery Block Grid
If you’re using a Gallery Block Grid in your 7.0 or 7.1 client project, and wish you could create a hover content overlay on top of the thumbnails, look no further. This plugin will help you achieve the look you’re going for, while giving you tons of settings to style the title, description and link fonts, as well as spacing and colors, to make sure the design blends in or stands out as much as you want. Plus, you’ll have the option to decide when the stacked mobile layout kicks in (if at all) and what it looks like, separate from the desktop version.
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 snippet for you! You’ll have the ability to choose the text that gets displayed, the color of the button and the style of its font, to make sure everything matches the rest of your site.
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!
Minimal rounded fields style - Newsletter Block
Get a sleek one-line look for your Newsletter Block, with rounded fields, with this code snippet! You’ll be able to copy/paste your way into this minimal look in just a few minutes, and tweak the spacing, roundness and shadow of the fields with a couple of clicks.
Custom font for quantity field - Cart page
Tweak the font style of your Cart Page quantity field text in Squarespace with this quick snippet. You’ll be able to add in your own custom font family, and add in any other styles you want to make it match your brand!