Toggle Squarespace Product Page Layout

Layout.png
Layout.png

Toggle Squarespace Product Page Layout

$50.00

Let users toggle your Squarespace Product Page Column Layout or Summary Block Column Layout with a click of a button.

Toggle and change Squarespace Product Columns between List view, single column, two columns, three columns, four columns, or five columns. Code can easily be modified to allow 6 for columns. Works with or without Universal Filter / Lazy Summaries. Separate code which works with Summary Blocks is included.

This code can easily be modified to change the button styles, layouts, and sizes with CSS.

If you need installation assistance or additional stylizations (additional costs), please use the form at the bottom of the page to get in touch.

Add To Cart
 
 
 

How the Product Grid and Summary Block Layout Toggle works:

 
 
 

Inserting CSS

1. WEBSITE
2. PAGES
3. CUSTOM CSS (at the bottom)

 

Inserting Javascript into the Header Injection

1. WEBSITE
2. PAGES
3. Hover over the page you want to install and click the settings gear.
4. Click Advanced and Page Header Injection.

Can also be injected into the Main Site Header.

 

Inserting HTML into a Code Block

1. Click Edit on any page.
2. Add a block.
3. Choose Code Block