Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Using the Adirondack template

Adirondack is a great choice for self-starters and savvy entrepreneurs. Its minimal navigation and full-bleed banner images provide a bold framework for your brand's vision.

See the left navigation sidebar for information on building and customizing specific parts of your site. If you haven't yet picked a template, you can get help with initial installation at Getting started with Squarespace. You can also visit our general tips on getting started with Commerce.

Note: Visit the Adirondack Live Preview page for examples of real customer sites using this template. If you've already created a site, you can switch your template at any time.

Special features

Scrolling header effects

Adirondack’s page banners and header both respond to scrolling. As the visitor scrolls, the page banner fades away, and the header shrinks to an unobtrusive bar.

Multiple navigation bars

Adirondack features a Main Navigation, folder navigation, product category navigation, and footer navigation, giving you fine-tuned control over your visitor’s journey through your site. Learn more at Adirondack structure and style.

Interactive header

Adirondack’s minimalistic header features a navigation link and unique information drop-downs.

Quick start

Certain tweaks and settings can make a big impact on how your site looks and behaves. Play with the following options until you settle on a design you love.

To open any panel, press the ? key and search for its name.

Site

Open the Style Editor panel. These are some key tweaks that affect the whole site:

  • Site Wide > Site Background Image or Site Background Color (Ensure that your browser is wider than 1118 pixels to see this effect)
  • Site Header > Background Color
  • Site Header > Contact, Location, or Search Dropdown and Header Icons
  • Navigation > Background Color

Products Page style

In the Pages panel, click + to add a Products Page. Hover over the page in the Pages panel and click the to add a thumbnail banner image and page title and description.

Then go to your Products Page and open the Style Editor. Here are some key tweaks:

Page header and banner

  • Banner image > Height
  • Page Titles & Descriptions > Show Page Titles & Descriptions and Title Decoration

Products landing page 

  • Products > Products Per Row and Product Item Size
  • Products > Show Product Price

Products Page organization

Open the Pages panel, click +, and add a Folder. To get a feel for how your template works, add three Products Pages to the folder by clicking Add Pages or by dragging existing pages into the folder.

Click on one of the Products Pages and add at least three products. Give each product its own category label, like Shoes or Ceramics.

Then click the Pages arrow in the top-left corner to go back to preview mode. Open the Style Editor and try these key tweaks:

  • Products > Show Category Navigation
  • Navigation > Background Color
  • Navigation > Always Show Nav 
Tip: Folders can contain any page type.

Next step

To get started building your site, visit Adirondack structure and style.

Was this article helpful?
3 out of 15 found this helpful
Using the Adirondack template