Dynamic Archive Dropdown Display
What You'll Create
A smart archive dropdown in Squarespace that automatically shows the current category name instead of a generic label. When visitors navigate to filtered blog pages, the dropdown title updates to reflect their selection—creating an intuitive "you are here" indicator.
The Problem It Solves
Squarespace's archive block dropdown shows a static title regardless of which category a visitor has selected. This makes it confusing for users navigating filtered content—they can't tell at a glance which category they're viewing. Manual workarounds require creating separate pages for each category.
Perfect For
Multi-category blogs, Magazine-style content hubs, Recipe category navigation, Portfolio category filters, Resource library organization
What Makes This Different
Detects the current page URL and extracts the category name from the URL structure. The script dynamically updates the dropdown display text to match the active category. No dependencies, no external libraries—just clean code that runs when the page loads.
Details
Section Type: Fluid & Classic
Code Type: JavaScript
Prerequisites: Archive Block with dropdown layout, footer code injection
Toolkit Title: Show the name of active Archive Block Link
Learn This Technique
This is one of 150+ code techniques taught inside Standout Squarespace, where you get:
The complete, copy-paste code
Video walkthrough explaining how it works
The principles behind the technique so you can customize it
Access to our private community for support