JSON-T Helpers

Helpers are custom-made JSON-T Formatters that expand into a pre-formatted section of code specifically for a Squarespace site.

These tags are used in collection template files (.list, .item). The @ symbol in the code samples refers to the local scope, so these code samples can be used inside of a {.section item} or {.repeated section items}. Alternatively, if you're working on an item page the @ symbols can be replaced by the word item.

Item Classes

{@|item-classes}

Adds useful item-specific classes (ex. author, category, tag, etc.).

Share Button

{@|social-button}

Includes pre-built share button that can be configured in the 'Share Button' tab.

Comments

{@|comments}

Includes pre-built comments that can be configured in 'General' settings tab.

Comment Link

{@|comment-link}

Injects <a href="link-to-comments" class="sqs-comment-link" data-id="itemId">[X] Comments</a> or Disqus comment text

Comment Count

{@|comment-count}

Generates pluralized comments message (ex. '3 Comments'), or 'No Comments'.

Squarespace Simple Like Button

{@|like-button}

Includes pre-built simple like button that can be configured in 'General' settings tab.

Image Attributes

{@|image-meta}

Used to add attributes to an image tag (focal point data, image source, original image dimensions).

Product Price

{@|product-price}

Injects the price of an item in a products collection. This tag also formats the price into a currency format.

Product Variants, Quantity, Add to Cart Button

{@|product-checkout}

Pulls in the variants, quantity, and add to cart button for products.