Skip to main content
Tutorial

Overview

Build a wholesale order entry page on my StoreFront using the Elements theme (version 0.98)

info

Main Menu > Storefronts > Storefronts host > (Storefronts menu) > Pages

Steps

Create New Page

Let's begin by navigating your storefront menu, then clicking on Pages Tab.

SF-Pages.PNG

Next, click the Create page button from the home page:

SF-Pages-add-button.PNG

Let's name our Wholesale order page "Wholesale Orders", with a page URI of "wholesale_orders"

SF-Pages-add-pafe-editor.PNG

Like this:

SF-Pages-add-page-editor-2.PNG

Make sure to click the "save page" or "save and preview"buttons.

SF-Pages-add-page-editor-3.PNG

Making sure to select the "template_catalog_wholesale.vm" template for the "Page Template" drop-down list, otherwise your'll encounter the validation error message below:

Select-template_catalog_wholesale.vm.PNG

Upon successfuly saving the wholesale orders page, we can then navigate to the menus page to update the menu to include our new page:

![Menus tab.png](pathname:///confluence/67895300/Menus tab.png)

Create Menu Item

From the menu's page we scroll down to the "header" menu then we click the on the Add page icon "New-Menu-Item_WholesaleOrders-icon.PNG " then configure the new menu item like so:

New-Menu-Item_WholesaleOrders.PNG

FieldConfigured as
TitleWholesale Orders
Link TypePage
Page"/wholesale_orders/" from dowp-down list

Click the "Save Menu Item" button to save your changes.

Menu-Saved.PNG

If we browse to our storefront we see our new wholesale orders page appearing in our header menu:

New-Menu-View-1.PNG

Assign Items

Now that we have the "Wholesale Order" page we need to assign items to the page. Navigate back to the pages menu option from the storefronts menu. Then after editing the "Wholesale Orders" page, click the "Items" tab. From there you can either add items manually or, in this case we'll use the "Automatically Based on Conditions", Item Assignment option.

Wholesale-items-tab.PNG

Automatically Based on Conditions:

item-assignment-options.PNG

Let's add the following condition:

Conditions-based-assignment-saved.PNG

Be sure to select the "template_item.vm" from the Item Template drop-down list:

Conditions-based-assignment-saved-validationmessage.PNG

Adding Wholesale Pricing Tier Restriction

Finally, let's apply the Pricing Tier restriction to the Wholesale Orders page to make sure its only available to the Wholesale Customers.

Restrictions.PNG

Edit the page then from the "Settings" tab, select the checkbox for "Wholesale" in the restrictions section.

View Finished Page

Upon saving and previewing we see how the wholesale orders page provides a list of items to order!

2017-09-11_12-18-09.mp4

Was this page helpful?