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

Collection page sections in version 7.1

In Squarespace version 7.1, each collection page includes a unique collection page section, where you manage the collection items. For example, when you add a Blog Page, it includes a blog section, which is where you manage your blog posts.

Use this guide to learn how to manage and style different collection page sections in version 7.1.

Tip: This guide is for version 7.1. You can add collection pages in version 7.0, but they won't be made up of different sections.

Add a collection section

To add a collection section, you have to add its corresponding collection page. In version 7.1, there are four collection page types: 

  • Blog Pages
  • Products Pages
  • Portfolio Pages
  • Events Pages

To add a collection page:

  1. In the Home Menu, click Pages, then click +.
  2. In the page menu, click Blog, Store, Portfolio, or Events.
  3. Choose a layout.
  4. Enter a page title in the text field and press Enter.

When you add a collection page, it automatically includes its respective section. It’s not possible to delete this section or add other collection sections to this page.

To learn more about collection pages in general, visit Collection pages.

Blog sections

Blog Pages include a blog section, where you’ll manage all your blog posts. To add posts, click + in the Blog Page panel. For detailed steps, visit Blogging with Squarespace.

Style blog sections

To style the blog section:

  1. On your Blog Page, click Edit.
  2. Hover over the blog section and click the pencil icon next to Manage Posts.
  3. After making changes, hover over Done and click Save.

In the blog section styles, you can change the layout, spacing, and colors. You can also set how excerpts, read more links, and metadata display. These settings apply to all Blog Pages with the same layout.

Style blog posts

To style blog posts:

  1. Hover over a post in the Blog Page panel and click Edit.
  2. Hover over the post content and click the pencil icon.
  3. After making changes, hover over Done and click Save.

In the blog post styles, you can change alignment, spacing, and metadata display on your blog posts. These style settings apply to all blog posts on your site, including those on other Blog Pages.

Edit blog post settings

In blog post settings, you can add categories and tags, upload a thumbnail image, and more.

To edit blog post settings:

  1. In the Home Menu, click Pages, then click your Blog Page.
  2. Hover over the blog post you want to edit and click Edit.
  3. In the top-right corner, click the-gear-icon to open the blog post settings.
  4. After making changes, click Apply.

Store sections

When you select Store, you add a Products Page with a store section, where you’ll manage all your products. To add products, click + in the store panel. For in-depth steps, visit Adding products to your store.

Category navigation

When you add categories to your product items, category navigation automatically displays at the top of the store section. It’s not possible to hide this.

On mobile devices, when the category navigation can’t fit on one line, it displays as a horizontal scrolling list visitors can swipe through.

Style store sections

To style the store section:

  1. On your Products Page, click Edit.
  2. Hover over the store section and click the pencil icon next to Manage Items.
  3. After making changes, hover over Done and click Save.

In the store section styles, you can change spacing, colors, and image aspect ratio. You can also set whether the price displays on the Products Page. These style settings apply to all Products Pages on your site.

Style product items

To style the product item pages:

  1. In the Home Menu, click Design.
  2. Click Product Items.
  3. After making changes, click Save.

In the Product Items panel, you can change the layout, spacing, alignment and other elements of the product details.

  • These style settings apply to all product item pages on your site.
  • On mobile, product detail images always appear in a slideshow. 

Events sections

Events Pages include an events section, where you’ll manage all your events. To add events, click + in the Events Page panel. For in-depth steps, visit Events Pages.

Style events sections

To style the events section:

  1. On your Events Page, click Edit.
  2. Hover over the events section and click the pencil icon next to Manage Events.
  3. After making changes, hover over Done and click Save.

In the events section styles, you can change spacing and colors. You can also set what elements display in the events section, like past events, thumbnails, export links, and excerpts.

Style events

The font and color styling of individual events matches the style settings for the rest of your site. It’s not possible to edit the layout of events or what information displays.

Portfolio sections

Portfolio Pages include a portfolio section that creates a unique layout out of sub-pages. Portfolio sub-pages are made up of block and gallery sections like any Layout Page. To learn more, visit Portfolio Pages.

Add and edit additional sections

To add more content to the page, you can add block and gallery sections above or below the collection page sections. Depending on the layout you selected, your collection page may already include additional sections.

To add block or gallery sections:

  1. Click Edit on the collection page.
  2. Click + above or below the collection page section.
  3. Select a section type, then select a layout.
  4. After editing the new section’s content, hover over Done and click Save.

Manage collection sections

If you’re editing content or section styles on a collection page, you can hover over the collection section and click the Manage... button to open the side panel and add or edit collection items. The button's full text depends on the collection type. For example, blog sections have a Manage posts button.

Was this article helpful?
6 out of 14 found this helpful
Collection page sections in version 7.1