Jump to content

How to find which template is being used?

Recommended Posts

  • 2 weeks later...
  • Replies 26
  • Views 87.7k
  • Created
  • Last Reply

Well, there is a (non-visual way) to sniff out what Squarespace template is in use. Seems like every template has an unique ID. Search the page source for "template" and you will find a string that looks something like this:


"templateId":"51e6b9e4e4b062dafa7099b9"

In this case the string identifes the template as a "Forte" template.

Other examples:

  • Momentum – 50130f5be4b00a22f5c5a82a
  • Avenue – 4fd11f32c4aad9b01c9e624c
  • Shift – 515c7bd0e4b054dae3fcf003

And so on.

The reference templates can be found at http://squarespace.com/templates/

/rodvaldr

100% Squarespace since 2014. Expertise in design, typography and communications. Based in Stockholm, Sweden. Check my portfolio at rodvaldr.se

Link to comment

Of course you can use the template ID the other way around – when looking for Squarespace sites that have implemented a certain template.

Example: Search for the Forte template string "51e6b9e4e4b062dafa7099b9" with this search engine:

https://search.nerdydata.com/code

and, voliá, you have some 400+ pages listed with sites using that very template. It is very inspirational.

/rodvaldr

100% Squarespace since 2014. Expertise in design, typography and communications. Based in Stockholm, Sweden. Check my portfolio at rodvaldr.se

Link to comment
  • 1 month later...

And do you happen to know where I can find a list with all the ID s and correspondent template? Or would I have to look one by one?

That nerdy data thing is awesome, and it might help if we're lucky enough to find the own squarespace template's site within its search, but I couldn't.

If you need support building your website, talk to me! <-- Check the link on the side.

Link to comment

Here's the full list of IDs for live templates.

Looking through the list it seems that there are 21 core templates.

  • Montauk has one variant - Om
  • Aviator has 2 variants - Aubrey and Encore
  • Marquee has 3 variants - Adversary, Alex and Shift
  • Bedford has 3 variants - Anya, Bryant and Hayden
  • Pacific has 2 variants - Fulton and Horizon

The rest are unique.

More: How to find out which Squarespace template a site is using

Template templateId
Adirondack 5093f261e4b0979eac7cb299
Adversary 515c7bd0e4b054dae3fcf003
Alex 515c7bd0e4b054dae3fcf003
Anya 52a74dafe4b073a80cd253c5
Aubrey 507c1fdf84ae362b5e7be44e
Avenue 4fd11f32c4aad9b01c9e624c
Aviator 507c1fdf84ae362b5e7be44e
Bedford 52a74dafe4b073a80cd253c5
Boutique 4fdf4f21c4aad4a72790bd9b
Bryant 52a74dafe4b073a80cd253c5
Dovetail 4fef25bbe4b0ea9df05ac51e
Encore 507c1fdf84ae362b5e7be44e
Five 503ba86de4b04953d0f49846
Flatiron 4fba57fde4b0f79d428daa8b
Forte 51e6b9e4e4b062dafa7099b9
Frontrow 4fb6ba24e4b000ba644d8298
Fulton 52e96934e4b0ea14d0f64568
Galapagos 5230da18e4b0a637f7e627c5
Hayden 52a74dafe4b073a80cd253c5
Horizon 52e96934e4b0ea14d0f64568
Ishimoto 4fb7a14224ac99c5fee12515
Marquee 515c7bd0e4b054dae3fcf003
Momentum 50130f5be4b00a22f5c5a82a
Montauk 50521cf884aeb45fa5cfdb80
Native 4f6a1392e4b07090d46e7ec9
Om 50521cf884aeb45fa5cfdb80
Pacific 52e96934e4b0ea14d0f64568
Peak 500589fc84aed5ec11c2b672
Shift 515c7bd0e4b054dae3fcf003
Supply 5253022fe4b0d0363260861e
Wells 4f9adc1524ac5df956fdf98f
Wexley 4fbff70b84aeca67fb3a3c56
Link to comment
  • 2 months later...

In the code of a Squarespace website:

rgba(0, 0, 0, .7)","galleryThumbnailSize":"100px","grid-aspect-ratio":"1:1 (Square)","gridSize":"350px","gridSpacing":"20px","headerPadding":"15px","homepage-index-nav":"Show On Scroll","logoWidth":"140px","product-gallery-auto-crop":"false","product-image-auto-crop":"false","siteTitleContainerWidth":"300px","slideshow-aspect-ratio":"16:9 (Widescreen)","slideshow-autoplay":"true","slideshow-transition":"Fade"},"templateId":"551a47f2e4b01bf4ad7e07a3"

I also found this:

<class="touch-styles squarespace-damask">

Could it be Aviator?

Link to comment

Nope - there's a full searchable list of current and retired templates here - http://www.silvabokis.com/squarespace-tips/how-to-find-out-which-squarespace-template-a-site-is-using

Link to comment
  • 2 weeks later...

This is absolutely awesome! Beautiful. :)

You don't even need to open the console. You could simply use a "javascript:" on the url like this:

javascript: var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://squarefront.squarespace.com/scripts/template-info.js'; document.head.appendChild(script);

And then you can also select this and move into as a bookmark. There, we now have a simple "button"! :D

If you need support building your website, talk to me! <-- Check the link on the side.

Link to comment

@neeklamy not at all. That's not to say you couldn't find a similar tool for each other platform. I doubt one for wordpress would be this simple to build, though.

If you need support building your website, talk to me! <-- Check the link on the side.

Link to comment
  • 1 month later...

The reason it's not on the list is that it's had developer mode turned on. When a template has been modified by developer mode it has it's given a unique template ID.

I've worked on zestcoffee.com.au in developer mode and because of this it now longer has a matching template ID to the template Five.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.