Skip to main content

Creating a Collection Page

Updated

Collection Pages allow you to create a visual navigation that links to any page type within your site, including Collections to Collections!

Video overview

Create your pages before trying to add to a Collection Page

create a collection page

  1. From the left sidebar navigate to Portfolio and click 'Pages'
  2. Click 'Create'
  3. Click 'Collection'

02_title_given_for_collection_page.jpeg

A dialogue panel will be displayed. 

  1. Enter a name for your collection
  2. Click 'Add Collection' or 'Cancel' to exit

Page visibility

02a_Collection_Online_Visibility.png

Your new Collection Page will appear in the Pages > NOT IN MENU area.

  1. The 'Visibility' will be shown as 'Online'. There are three visibility 'states' possible: Online, Private and Offline.

Click to activate dropdown and change.

See our Page Visibility guide for more information

Add Item – Page

03_collection_page_add_item_dropdown.png

  1. Collection panel where you can Add Items +
  2. Settings panel
  3. Edit Design options for how your Collection Page will display
  4. 'Add Item +' to add your Page Link, Header Text or Header Image
  5. Another option is to click 'Add Pages to this Collection'

Select from any available page within your site.

08_add_collection_to_collection.png

You can include Gallery, Custom, Client Galleries, Store Products or your main Blog Page (not individual blog posts).

  1. Hide or Show Filters
  2. Search by name
  3. Order by
  4. Select pages you want to add
  5. Shows number of pages selected
  6. 'Add to Collection'

05_pages_added_to_Collection.png

When adding to a new Collection Page you will be asked if you want to add to the Site Menu.

Your Collection Page now shows thumbnail links based on the Cover Image set to the pages you selected.

  1. Add to Site Menu
  2. Thumbnails showing Cover Image and 'Remove' link
  3. Count number of items on Collection Page

Add Cover Image thumbnail

09_add_cover_image_for_collection_link.png

If the page you have added does not have a Cover Image already, you can add one.

  1. Click 'Add Cover Image'
  2. Remove link

10_change_cover_image_module.png

  1. Click 'Change Cover Image' locate and add the image you want to appear
  2. Slider to resize
  3. Click 'Done' when finished

Change order of items

11_move_thumbnail_to_new_position.jpg

  1. You can change the order your items appear by click-and-dragging on the lower panel
  2. Move to new position. A blue-colored vertical 'line' will show the new start position

Add a Collection to a Collection

04_collection_page_add_item_with_filters_on.png

This option is great if you are wanting to add extra layers or nest your pages deeper.

  1. From your existing Collection 'Add Item +'
  2. Scroll down to the 'Collections' area and select your Collection Page
  3. Click 'Add to Collection'

Collection Page in Menu

06_collection_page_in_menu_with_preview.jpg

  1. Collection Page shown In Menu
  2. Set as 'HOME' (if you want this to be the first page seen)
  3. Preview for different browser widths

Settings

07_collection_page_settings_overview.png

  1. Settings Panel for Collection Page
  2. Title: the title of your page how it will appear in your site menu.
  3. Page Visibility: (Online, Private or Offline)
  4. Collection URL: will follow your site in your url. eg: www.example.com/collection-page Best practice is to use lower-case characters and a hyphen '-' between words.
  5. SEO Optimization: how your page will appear in search results
  6. SEO Page Title (can be more description than the Title)
  7. SEO Page Description important to write meaningful content here
  8. Delete Page
  9. Save Change

The actual 'Collection Page' Design options that are available for your theme may differ from what is shown in the example above as they are theme dependent (some themes may not have the same options).

Still have questions? Reach us on our live chat or email us at info@format.com We’re here to help!

Related to

Related articles