Ghost Plugins

View Original

Snappy Page Sections (Preview Guide)


Super Plugin Info

  • Works with Squarespace 7.1

  • Requires Business Plan or Higher

  • Uses Code Injection


Step 1 (a). Add this code to Header Code Injection - Apply Site Wide

To apply to the entire site, add this code to Header Code Injection.

See this content in the original post

Step 1 (b). Add this code to the Page’s Header Code Injection - Apply To Single Page

To apply to a single page, add this code to Page Settings > Advanced > Header Code Injection.

See this content in the original post

Step 2. Turn Snappy Off On Mobile (Optional)

To turn Snappy off on mobile, add this code to Footer Code Injection.

See this content in the original post

Step 3. Exclude Snappy From The Footer (Optional)

To exclude the Footer from being full height, add this code to a Code Block in the Footer.

See this content in the original post

Plugin Notes

  • Only compatible with page sections.

  • The snap behavior cannot be changed.

  • Page sections will be set to 100% height so each section snaps properly based on screen size.

  • We recommend removing the header code if making big changes to your site such as adding new blocks, redesigning layouts, etc. Then simply add it back it when done.