Squarespace - Multi conditional JSONT .equal statement

Question

I have custom HTML code on /collections/products.list that I only want to show up on the Homepage, and two other specific collection pages of my website.

I was wondering if there is some sort of query I can wrap my HTML in to only show it on select pages.

Maybe target each page with {squarespace.page-id}?

EDIT

I was able to do {.equal?:squarespace.page-id:"collection-12345"} but I am trying to figure out how to check against multiple pages.

I'd rather use Squarespaces JSON-T tags but thanks @evan.stoddard — bryan, Nov 03 '18 at 21:50
Conditionals with json-t: https://stackoverflow.com/questions/22568931/how-to-make-an-if-statement-with-jsont — evan.stoddard, Nov 03 '18 at 21:53
@evan.stoddard check my edit, I'm trying to do multiple condition equal statement — bryan, Nov 03 '18 at 21:54

Brandon · Accepted Answer · 2018-11-12T18:02:56.237

No, there's no way to test equality against multiple values within a single equal predicate using JSON-T in Squarespace. However, there are a couple alternatives that minimize duplicate code and improve maintainability.

Option 1:

You could use the following (I'm demonstrating how you could use different values [i.e. using urlID instead of page-id], but you don't have to do that):

{.equal? collection.urlId "home"}
  {@|apply mycustomblock.block}

{.or equal? squarespace.page-id "collection-12345"}
  {@|apply mycustomblock.block}

{.or equal? squarespace.page-id "collection-54321"}
  {@|apply mycustomblock.block}

{.or}
  <!-- all the rest -->

{.end}

That's not exactly what you want, but it's more maintainable than, say, nested {.equal}{.or}'s or keeping duplicate code within the .list file.

Option 2:

Or another approach is to add an additional layout via your template.conf file. This will reference the same regions as your other layouts, but will have a distinct region name.

...
"layouts" : {
  "default" : {
    "name" : "Standard Page Layout",
    "regions" : [ "site" ]
  },
  "productsAlt" : {
    "name" : "Products Enhanced",
    "regions" : [ "site" ]
  }
},
...

You'll then get a "Layout" dropdown in the settings panel for collections where you can distinguish between layouts. For the three pages you want to have the alternative products layout, select the alternative layout from the dropdown.

Then, via JSON-T, you can do something like:

{.equal? collection.regionName "productsAlt"}
  <!-- Alt layout. -->
{.or}
  <!-- Std./Non-Alt layout. -->
{.end}

That's not exactly the intended use of "layouts" (typically you'd use them to actually utilize a different set/sequence of region files), but it allows you to have a modifiable, collection-specific property that can then be accessed via server-side JSON-T. Nothing says you have to use different region files, after all.

Squarespace - Multi conditional JSONT .equal statement

EDIT

1 Answers1