Creating a page folder

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 2 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 and Women). 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 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. (New arrivals, Clothing, and Shoes), and the Women page folder also 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 (New arrivals, Clothing, and Shoes).

You can see when the burger menu is clicked on the preview on the right of the screen, that the 2 items (plus Sales which is in the 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. screen but just out of focus on the list) that 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 and Women) 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, it must be set up in a navigation 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..

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)

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

  1. Add a data sourcedata source - The data provided from an API to display products, content, or anything from an integration or extension. A data source filter is created and can be selected for a Frontastic component that will display the data source filter on your commerce site. if you need to (this depends on which Frontastic components you'll be adding to your 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. within your 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. (don't worry if you're not sure at this stage, you can update this later if you need to), add the data source filter and click the back arrow
  1. Add any other info you'd like to (you can come back and change it later) and click Save

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?