Squarespace 7.1Commerce & Store

Updated 2.0 Style (Product Add Ons)

By Ghost Plugins

Free
Updated 2.0 Style (Product Add Ons) – Squarespace Commerce & Store on SquareLocator
Fit check
Great for
Retail Brands
Small Businesses
Food & Drink Brands
Know before you buy
  • Squarespace 7.1 only.
  • Keep a copy of your Custom CSS before adding new snippets.
Version7.1
SetupEasy

Overview

Updated 2.0 Style (Product Add Ons) is a free CSS plugin from Ghost Plugins for Squarespace 7.1. Use it to customise the style of product add ons with a different 2.0 style. It changes the store and product pages with a short snippet pasted into Custom CSS, so there is no script to load and nothing to sign up for.

What you get

  • A copy and paste CSS snippet for Squarespace's Custom CSS panel
  • Settings you can adjust in the code: product add on (button and title order), button first, title/price second, spacing between, product add on (card), background colour, border style and radius, padding, product add on (thumbnail)
  • Free use on unlimited personal and client sites under Ghost's licence

Who it suits

Squarespace Commerce stores that want product pages, add ons or the cart to look a little more considered.

Honest limits

  • Built for Squarespace 7.1; Ghost does not list 7.0 support.
  • It targets Squarespace's own class names, so a future platform update could change how it looks. Re-check it if something shifts.
  • Free plugins are provided as is; there is no paid support plan attached to them.

How it is delivered

Open the plugin page on Ghost Plugins, copy the CSS and paste it into Custom CSS in your Squarespace site, then save. There is no download, account or checkout. Ghost's licence allows free plugins on unlimited personal and commercial projects, but they cannot be resold, redistributed or bundled into products you sell.

Related guide: Free Squarespace plugins and the Squarespace plugins hub.

Updated 2.0 Style (Product Add Ons) is a free CSS plugin from Ghost Plugins for Squarespace 7.1. Use it to customise the style of product add ons with a different 2.0 style. It changes the store and product pages with a short snippet pasted into Custom CSS, so there is no script to load and nothing to sign up for.

What you get: a copy and paste CSS snippet for Squarespace's Custom CSS panel; settings you can adjust in the code: product add on (button and title order), button first, title/price second, spacing between, product add on (card), background colour, border style and radius, padding, product add on (thumbnail); free use on unlimited personal and client sites under Ghost's licence.

Who it suits: Squarespace Commerce stores that want product pages, add ons or the cart to look a little more considered.

Honest limits: Built for Squarespace 7.1; Ghost does not list 7.0 support. It targets Squarespace's own class names, so a future platform update could change how it looks. Re-check it if something shifts. Free plugins are provided as is; there is no paid support plan attached to them.

How it is delivered: copy the CSS from the Ghost Plugins page into Custom CSS and save. It is free, with Ghost's licence covering unlimited personal and client sites but not resale.
What it does
  • Customise the style of product add ons with a different 2.0 style
Full specifications

FAQs

FAQs

What does Updated 2.0 Style (Product Add Ons) do?
It lets you customise the style of product add ons with a different 2.0 style. It is a free CSS plugin from Ghost Plugins for Squarespace 7.1.
Is it free?
Yes. It sits in Ghost Plugins' free plugin library, and Ghost's licence lets you use free plugins on unlimited personal and client sites. You cannot resell or redistribute the code.
How do I install it?
Copy the CSS from the Ghost Plugins page and paste it into your site's Custom CSS panel, then save. There is no JavaScript and nothing to add to Code Injection.
What can I change?
The code exposes these settings: product add on (button and title order), button first, title/price second, spacing between, product add on (card), background colour, border style and radius, padding, product add on (thumbnail). You edit the values directly in the CSS.
Does it work on Squarespace 7.0?
Ghost lists it for Squarespace 7.1 only, so do not expect it to work on a 7.0 template.
Anything to know before I add it?
Ghost lists no special notes. Check the result on desktop and mobile after saving, and keep a copy of your Custom CSS before you paste anything new.