Pre-Filtered Collection Builder

Breadcrumb path: Pages / Page Builders

You can access this page by clicking on Pages from the main menu, and Page Builders from the dropdown menu. Then select the Pre-Filtered Collection Builder module from the available builders.

Pre-Filtered Collection Builder Fundamental

In this section, you will learn how to use the Pre-Filtered Collection Builder module. With this module, you can create a page that displays the desired products based on available filters.

Here’s an example of a finished page made using the Pre-Filtered Collection Builder:

Now that you have learned the fundamental idea and seen an example of the end result, this guide will walk you through the process of using the Pre-Filtered Collection Builder.

● 1 Pre-Filtered Collection Builder. This module allows you to build a Pre-Filtered Collection using a custom interface.

● 2 Page name. In this field, enter a Page name for the page you would like to build using the Pre-Filtered Collection Builder.

● 3 Add Page. Click here to Add Page when you are ready to begin. The following dialog box will appear.

● 1 Manage Page. Click here to open the Pre-Filtered Collection Builder application and continue with the process of creating your page.

● At the top of the Pre-Filtered Collection Builder landing page, the title you entered in the previous window will be displayed as Edit - {Title}.

The Pre-Filtered Collection Builder is then split into 8 sections that will be covered in the guide below:

● 1. Pre-Filter Products

● 2. Choose Filters to Display on This Collection Page

● 3. Select Order and Sorting

● 4. Above the Page Banners

● 5. Main Information

● 6. SEO / Page Content

● 7. Keyword Search

● 8. Sort Options

(1) Pre-Filter Products

In this section, you are able to select the specific filters that can be applied on your page.

● 1 In this area, you’ll find the following buttons:

[On | Off]. This setting controls whether the page is turned On or Off.

View Page. This button allows you to instantly View the Page.

● 2 In this area, you’ll find a group of checkboxes, toggling on or off the following filter criteria.

In Stock. This turns on or off a filter for if an item is In Stock.

On Sale. This turns on or off a filter for if an item is On Sale.

With Price. This turns on or off a filter for if an item is With Price (of a specific value range). Selecting this box will open two more fields allowing you to enter a From and To for the With Price range.

Shopping Cart Ready. This turns on or off a filter for if an item is Shopping Cart Ready.

● 3 In this area, you will find fields where the following filter criteria can be entered:

Brands. In this field, you can enter Brands to add as filters for your page.

Tags. In this field, you can enter Tags to add as filters for your page. You can apply any tag entries that you have already created in Product Tags.

● 4 In this area, you’ll find the following dropdowns, specifying further filter criteria for your page:

Product Type (Select a Product Type). From the dropdown, you can select a Product Type. This will then affect the Specification dropdown below.

Specification. From this dropdown, you can select a Specification that applies to the Product Type selected above.

Specification Value. From this dropdown, you can select a Specification Value that applies to the Specification selected above.

Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have familiarized yourself with the Pre-Filter Products section and learned its functions, you can move down to the next section of the screen (Choose Filters to Display on This Collection Page).

(2) Choose Filters to Display on This Collection Page

In this section, you will be able to select which filters to display on the collection page. The checkboxes in this section will turn on or off the filters that relate to the Product Type selected in the previous section.

● 1 An example is given in the screenshot of filters associated with the Engagement Rings Product Type selected in the previous section.

● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have familiarized yourself with the Choose Filters to Display on This Collection Page section and learned its functions, you can move down to the next section of the screen (Select Order and Sorting).

(3) Select Order and Sorting

In this section, you will be able to select the order and sorting for your Pre-Filter Collection Page.

● 1 In these fields, you can enter values, and then drag and drop boxes containing Brand, Price, Stock, and Shuffle to the desired position where these filters will appear on your page.

● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have familiarized yourself with the Select Order and Sorting section and learned its functions, you can move down to the next section of the screen (Select Order and Sorting).

(4) Above the Page Banners

In this section, you can select Banners to be displayed above the Pre-Filter Collection page you are creating.

● 1 In this area, you can Browse for banner images to be applied to Desktop, Tablet, and Mobile settings. You can also apply the image’s Alt Text in the corresponding field.

● Note: if a Banner image is not selected for any of the above three settings, then no image will display when the page is viewed from the corresponding device.

● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have familiarized yourself with the Above the Page Banners section and learned its functions, you can move down to the next section of the screen (Main Information).

(5) Main Information

In this section, you will enter important Main Information that applies to your page.

● 1 Page Name. In this field, you can enter a descriptive Name for your page.

● 2 Alias. In this field, an Alias is assigned to your page, which is a name that comes after the domain name. You are also free to change the alias manually here. You must choose a unique alias for every page. If an identical one already exists in the system, an error message will result.

● 3 GUID. In this field, the GUID (Global Unique Identifier) is displayed, which is a number automatically assigned to every page and cannot be changed.

● 4 Start/End Dates. This is a scheduler that allows you to pick a Start and End date for your page. This is useful, for example, when considering time-specific pages like Holiday Specials.

● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have entered the desired values into Main Information, you can move on to the next section of the screen (SEO / Page Content).

(6) SEO / Page Content

This section will cover information for your page’s SEO (Search Engine Optimization) and Page Content.

● 1 Meta Title. In this field, you can enter a Meta Title, which the search engine displays in its results and in tabs when linking to your page.

● 2 Meta Keywords. In this field, you can enter Meta Keywords, a type of Tag that labels your site’s content on a basic level for search engine crawling.

● 3 Meta Description. In this field, you can enter a Meta Description, a short description that will be used as a Tag to label your site accurately for search engines.

● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have entered the desired values into SEO, you can move on to Page Content.

Page Content allows you to create content using our editor that can be displayed in three different places on your Pre-Filter Collection Page.

● 1 In this area you will find three buttons linking you to content editors. The first two will bring up an editor that appears basically the same.

Above the Page Content. This enables you to create Content to be displayed Above the Page.

Below the Page Content. This enables you to create Content to be displayed Below the Page.

Clicking on either of the above two buttons will open an editor specific to each, with a window that appears as follows:

● 1 There is also a third button, on the right of the Page Content section:

Structured Content. This enables you to create Content that can be Structured within the page. Clicking on this button brings up a different editor from the others, which allows you to structure the content with images. That editor appears with several rows displayed as follows:

● 1 Title. In this field, you can enter a Title for the Structured Content that will display on your page.

● 2 Description. In this field, you can enter a Description for the Structured Content that will display on your page.

● 3 Browse. In this area, you can select an image for the Structured Content that will display on your page.

● 4 Alt Text. In this field, you can enter Alt Text for the Structured Content that will display on your page.

● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have entered the desired values into Page Content, you can move on to the next section (Keyword Search).

(7) Keyword Search

● 1 Keywords. In this field, you can enter Keywords that will be associated with your page, for Search and Filter functions.

● 2 Image. In this section, you can click on Browse to select an Image. The image will display as a thumbnail in the above window.

● 3 Alt Text. In this field, you can enter Alt Text which describes the image. This is required of all images in compliance with ADA standards. Alt Text assists those with vision disabilities by reading out loud the description of an image.

● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have entered the desired values into Keyword Search, you can move on to the next section of the screen (Sort Options).

(8) Sort Options

This section will cover information for your page’s Sort Options.

● 1 Sort Options. These checkboxes will provide a Sort Options dropdown displayed on the page.

● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have completed the above sections, you have learned how to use the Pre-Filtered Collection Builder and can move on to other modules.