Using dynamic pages
You can use Dynamic pages to build your dynamic pages.
A dynamic page is a page you link to from your standard pages, but it also determines the template layout of global pages. For example, you'd use a dynamic page for your Product Details Pages, search, checkout, and so on.
Click Dynamic pages on the dashboard to open the dynamic page area.
When you first open Dynamic pages, it might be empty. A schema must be uploaded first to get a dynamic page. See the developing a dynamic page extension article for more information.
Once a schema has been added, you'll see a screen similar to the below with the list of dynamic pages on the left:
Then when you click on a dynamic page, the middle and right sections open.
The middle section is where you can set up rules that your pages follow. For example, you can set up a rule on a product details dynamic page to show if a product is above a specific price, then have the default page for all products below that price. See the using FECL article for how to do this.
The section on the right is where you create the page versions like you would on a standard page. See the creating a page version, duplicating page versions, scheduling page versions, and using the page builder articles for more information.
When working in the page builder, you can start a discussion by using the comment feature on the top menu bar. You can also assign a team member to review your changes before publishing to production. To learn more about collaborating in the studio, see Collaboration.
Creating a dynamic page
We'll now go through creating a dynamic page if a schema has already been uploaded. Once you've opened the Dynamic pages area, follow the steps below:
- Select the folder where you want to add your new dynamic page
You can either edit an existing page rule, such as the Default page or create a new rule. For this example, we'll create a new rule. So our 2nd step is to click + New rule
You'll only see the + New rule button if the schema has isMultiple
flag set to true
. See the developing a dynamic page extension article for more information.
- Update the Name, add the Entity criterion (see using FECL), click + Add data source, then select a data source
- Select which data source you want to use
This opens the data source filter editor.
If you create 2 rules where, for example, a single product can match the criteria, you can't control which page version will be shown.
- Input a Name, then click Save
This closes the data source filter editor.
- Click Save
- Click + New page version at the top of the Page versions column
- Input a name and click Save
This opens the page builder.
- Add layout elements and Frontend components to your dynamic page (see using the page builder for more information), then click Save
The preview won't work at this stage, you'll need to add a data source. We'll show you how to do this later in the article.
This closes the page builder.
- Hover on your page version, click the more icon, then select Make default
Editing a dynamic page
Once you've saved a dynamic page, you can edit it at any time.
To edit the settings of your rule, click the settings icon in the middle section:
To edit the page version, click the edit icon on the name of your dynamic page version:
Duplicating dynamic pages
You can duplicate a dynamic page rule, including all its page versions, by clicking on the duplicate icon in the middle section:
Once duplicated, all Archived page versions will be copied to the Archived section, while all other page versions (live, scheduled, default, draft) will be copied to the Draft section in the new page rule.
Deleting dynamic pages
You can delete dynamic page rules by clicking the trash can icon:
You won't be able to access the rule or the page versions attached to it again.
You can also delete the page versions attached to the rule by hovering over the name of the page version and clicking the trash can icon. You won't be able to access it again.
If you'd like to keep the page version for reference, you can hover on the page version, click the more icon, select Duplicate version, and then select Archive on the duplicated version. You'll then find your page version in the Archived section.
If you want your rule to show to your customers, you should always have a Live page version.
Previewing dynamic pages
To preview a dynamic page, you need to add a data source. To do this, select the dynamic page type and click Add data source.
The data source filter editor will then open. You can either click Save directly or add filters to the data source, then click Save.
To change the data source, click Edit data source.
If you change the data source with the preview open, the preview won't update with the new data source until you open the page builder.
You can also delete the data source by clicking the trash can icon. But you won't be able to preview your dynamic pages until you add another one.
Searching dynamic page rules
If you have more than 5 dynamic page rules, you can search for the name of a rule to find it more easily.
The default page will always show in your search results.