Collection item editing BEFORE Squeegee.
Collection item editing AFTER Squeegee.
Collection item editing BEFORE Squeegee.
Collection item editing AFTER Squeegee.
sold out

Squeegee v.1.0.1

50.00
Configure Squeegee to hide unnecessary fields and tabs, remove clutter and make the Squarespace site editor easier to use. Then simply add it via sitewide code injection. Learn More.
Add To Cart
Checkout

Overview

Squeegee is all about making content editing simpler: hide unnecessary tabs and inputs, make tags easier to use, and more. Squeegee tailors the UI to match your data set. It makes Squarespace easier to use while reducing cognitive load, frustration and mistakes.

Features
License
Limitations
Usage
Tips

Features

The full list of features can be viewed in the example code in the usage section below, but here's an overview of Squeegee's most notable features. All of these features can be enabled or disabled as desired.

Basic Features/Options:

  • UI-to-Data matching - Match collection item editing UI with the clients data.
    • Show relevant tabs only (and hide others).
    • Show relevant fields only (and hide others).
  • "New Page" Menu Control:
    • Hide/Show page types from the "New Page" menu bsed on the page types your client needs.
  • Usability improvements:
    • Make tag editing UI larger and easier to users
    • Allow click-and-drag on item titles, great for wide, short thumbnail images.
    • Hide irrelevant 'post-type' icons.
  • Toggle Squeegee on or off via CTRL+ALT+SHIFT+G (or the Mac equivalent) at any time.

Advanced Features:

  • Full-width items, used to make index-page-style layouts from custom post types. Note that Squeegee only handles the stacking of item thumbnails - it's up to you as the developer to create the custom .list collection files and build your page section code.
  • For developer-mode users, add group headings to your custom post type custom fields
  • Set custom icons for custom post types, or standard post types.
  • Hide problematic item uploader on user-orderable custom post types.
  • Hide, show or rename the "Not Linked" navigation section.
  • Disable Squeegee for certain users.

License

Limitations

  • Each copy of Squint is customized to work only with the built-in .squarespace.com domain you specify when you order. It won't work on another site, nor will it work if you change the built-in domain of your current site.
  • Squint requires Sitewide Code Injection, a premium feature available only on Squarespace "Commerce" and "Business" plans.
  • Currently, the visibility of page/collection settings cannot be controlled via Squeegee, but may be in later versions.
  • Item tab and field visibility is set at the collection-level, so if you have a collection that accepts multiple different types of items, they will all share the same visibility settings.
  • That also means that, for users not using Developer mode with custom collections, all blog-based collections will share settings, all gallery-based collections will share settings, etc.
  • If in developer mode, custom post types need to be referenced by a sluggified (lower-case, hyphens for spaces) version of the 'title' attribute within the collection's .conf file. Collection file names (.conf, .list, .item) must also be named that way as well.

Usage

  1. Your copy of Squeegee will be delivered to you as a text file, via email, within 48 hours of submitting your order.
  2. Simply copy and paste the code into the sitewide code injection of the site, save, and refresh. You may choose to use either Footer or Header injection areas (you might, for example, put the script in whatever area you aren't using for your other custom code, to help maintainability).
  3. For Developer Mode, strip the unnecessary HTML from the script and include it with your scripts (always set "combo='false'" if using <squarespace:script>).
  4. Configure the settings to your liking using the example settings below as a reference.

A basic example of Squeegee settings, showing how unnecessary icons, tabs and fields can be hidden per-collection. For a full list of features, click the "All Features" tab above.

"products": {
    menuIcon: false
},
"coverpage": {
    menuIcon: false
},
"gallery": {
    items: {
        easyTags: true,
        tabs: {
            location: false,
            social: false
        },
        inputs: {
            commenting: false,
            author: false,
            sourceUrl: false,
            passthrough: false
        }
    }
},
"events": {
    items: {
        easyTags: true,
        tabs: {
            social: false
        },
        inputs: {
            commenting: false,
            author: false,
            sourceUrl: false,
            passthrough: false,
            country: false
        }
    }
},
"etc..."

A comprehensive list of all the features of Squeegee. These are not realistic settings, and the "gallery" collection type is used for demonstration.

Squeegee.init({
    // Settings for how Squeegee itself operates.
    root: {
        togglerKeyCode: 71,                 // Num: Set to the keycode of the key you want to use to toggle Squeegee on/off. Must be used with CTRL + SHIFT + ALT/OPTION. Default is the 'g' key.
        disabledFor: [                      // Arr: Add email addresses as strings for which you want Squeegee to be DISABLED by DEFAULT (it can still be toggled on/enabled using the keyboard shortcut however). For example, maybe you want it activated for some clients but not yourself or not others.
            "user@domain.com"
        ]
    },

    // Settings for type-specific item editing options.
    //  - "gallery" used here as an example only.
    //  - If in developer mode, custom post types need to be referenced by a sluggified (lower-case, hyphens for spaces) version of the 'title' attribute within the collection's .conf file. Collection file names (.conf, .list, .item) must also be named that way as well.
    pageTypes: {
        gallery: {
            navIcon: true,                  // Set to a file path to set a custom icon (16x16) for the icon to the left of the page in the navigation. Set to false to hide it.
            menuIcon: true,                 // Set to a file path to set a cutom icon (32x32) for the "New Page" menu. Set to false to hide it.
            items: {
                dragOnItemTitle: true,      // User-orderable collections only. Set true to allow click-n-drag on collection item titles. By default, SQS doesn't allow users to drag-n-drop items by clicking on an item's title makeing it impossible to drag items when the image is a narrow and wide aspect ratio.
                lowerTitleHeight: true,     // User-orderable collections only. Set true to lower the line height of titles on collection items. This is particularly useful when short/wide images are used for thumbnails, and/or when <br>'s are inserted into titles.
                hidePostTypeIcon: true,     // User-orderable collections only. Set true to hide the "a" icon over top of collection item thumbnails. This icon may be useless or add confusion.
                hideUploader: true,         // Set true to hide the drag-and-drop uploader icon within user-orderable collections. This is useful for custom collections with "image" base types, because otherwise non-custom types can be uploaded using the uploader icon (either click-drag or click-select).
                fullWidthItems: true,       // Set true to create a page-section/stacked-index type of approach. Items will be full-width in the sidebar, each item in the list stacking one underneath the other. Useful for collection-based page-building.
                easyTags: true,             // Set true to enable larger, easier-to-remove item tags.
                tabs: {                     // Set object properties to control individual tabs.
                    content: true,          // Set false to hide tab, set to string to rename the tab.
                    options: true,
                    location: true,
                    social: true,
                    custom: true,
                    item: true,
                    pricing: true,
                    additionalInfo: true,
                    form: true,
                    defaultIndex: [         // Array of default collection tab names. Case-insensitive. Used to override in case Squarespace changes the order.
                        "content",
                        "options",
                        "location",
                        "social"
                    ]
                },
                inputs: {
                    title: true,            // Set to false to hide specific inputs in the collection item editing dialog window. String/Renaming not supported, except for "thumbnailImage" which can be renamed.
                    body: true,
                    tags: true,
                    setCategories: true,
                    addCategories: true,
                    commenting: true,
                    status: true,
                    thumbnailImage: true,
                    galleryImages: true,
                    url: true,
                    author: true,
                    sourceUrl: true,
                    passthrough: true,
                    excerpt: true,
                    featured: false,
                    clickthroughUrl: false,
                    country: false,
                },
                customFieldHeadings: {      // For custom post type collections, add a heading/title above an input. Creates groupings of related custom fields.
                    sectionId: "Meta Info.",
                    id: "Meta",
                    fullScreenBackground: "Style & Layout"
                }
            }
        }
    },

    // Settings for other misc. features.
    misc: {
        notLinked: "Other",                 // Set to a string to rename the "Not Linked" section. Set to false to hide it.
        navIcons: true,                     // Set to false to hide all icons in the "Pages" menu.
        menuIcons: true,                    // Set to false to hide the Add-New "+" icon, effectively disabling the addition of new pages/collections/etc. except via duplication.
        resizeNewPageMenu: true             // Set to true to enable the auto-resizing of the Add-New menu.
    }
});

Tips

  • Remember, if you need to get something that you've hidden using Squeegee, you can use CTRL+SHIFT+G (or CMD+OPT+G) to toggle it on and off.
  • The collection type reference in your Squeegee settings needs to match the name of the collection type, not the name of the collection itself. For example, you may create a blog-type collection which you name "News". Settings would be set using "blog": {...} since that is the collection type.
  • For Developer Mode, strip the unnecessary HTML from the script and include it with your scripts (always set "combo='false'" if using <squarespace:script>).
  • If in developer mode, custom post types need to be referenced by a sluggified (lower-case, hyphens for spaces) version of the 'title' attribute within the collection's .conf file. Collection file names (.conf, .list, .item) must also be named that way as well.
  • The "fullWidthItems" feature allows you to use items as page sections, similar to an index page, but more powerful in that you can add custom fields.

!Thanks for visiting our website. You're using a very old browser and it's preventing this website from displaying correctly. To view this website, please upgrade your browser.