Want visitors to move easily between different parts of a long Project Page, or between different Project Pages altogether? There are two ways to build this kind of navigation: the Section marker, which adds a clickable navigation bar linking to different sections on the same page, and the Grid or Carousel, which displays separate Project Pages as cards visitors can click into. Below are the steps for each option.
Option 1: Section marker
The Section marker is what separates your content into sections. These sections get automatically listed in the navigation bar at the top of your page. The bar is clickable and allows the visitor to move around between all your different subsections. Notice: This feature replaces the old Pages menu -element.
Written instructions
- Open the Project Page in Edit mode.
- Click Add element and add a Section Marker where you want a jump-to point on the page (for example, above a specific block of content).
- Give the Section Marker a name and a color. You can now see the section name appear in the navigation bar at the top.
- Add the content you want to present in this section.
- Preview the page and press on the titles in the navigation bar you created for the different sections. See how you are now able to navigate the Project Page and view the different section contents separately from each other.
Option 2: Grid and Carousel
The Grid is a grid that shows pages as 'cards' with each subsection page's title, description and image. Clicking Read more opens the subsection. The Carousel presents the cards in one row.
Written instructions
Give a tag to each page you want to feature in the element (page's Settings > Publication), e.g. #demos.
Go to the front page and add the Grid or Carousel element. Choose Pages as the type of items and add the tag.