Creating a page folder

Page folderspage folders - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code. can be used to create the structure of your website. So they need to be created when setting up your site or when you want to add a new section to it.

Let's look at an example of how they work. Below is the site buildersite builder - An interface that you work with to build your commerce site. Previously known as `stage`., if you look at the structure on the left of the image, you'll see a page folderpage folder - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code. called Main. Within that, there are 3 more page folderspage folders - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code. (Men, Women, and Sales). Within the Men page folderpage folder - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code., there are 2 page folderspage folders - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code. (Shoes and Clothing). Sales doesn't have any sub-folders. The Women page folder has 3 page folderspage folders - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code. within it (Accessories, Clothing, and Shoes).

When the burger menu is clicked on the quick preview, 3 items appear at the top are the same as the page folderspage folders - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code. (Men, Women, and Sale), and when these are selected, the page folderspage folders - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code. within them are displayed.

🚧

Not all page folderspage folders - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code. go into the navigation, and they're not necessarily in the same order shown in the site builder. In our example, our navigation is set up using a Frontastic componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code. and we've defined the order there.

To create a new page folderpage folder - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code. within your website:

  1. Click New and select Create page folder
  1. Input a Page name (this will be displayed to you and your customers), the Relative path (the URL), and the Parent page folder (where your new page folder will sit within your structure), then click Save

👍

Tip

If you leave the relative path empty, this will be automatically added using the page name.

In the below example, we're creating a new Accessories page folder that'll be within the Men page folder:

👍

Tip

Click on the page folder name where you want the page folder to go, and the parent page folder will automatically be selected. Select the blank item in the dropdown list if you want the new page folder at the top level of your structure.

For this example, we'll only input this information, for now, so we'll click Save. You can come back and edit it at any time.

❗️

We recommend creating new page folders in the staging environment unless you know it's in a folder that won't affect your navigation.

This page folderpage folder - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code. will now be in your list and you can add a page versionpage version - A page can have multiple versions and in different states within a page folder, such as draft, scheduled, live, and so on. to it. But first, let's look at how to edit an existing page folderpage folder - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code..


Did this page help you?