DISPLAYING PRODUCTS ON THE WEBSITE

Products can be displayed several different ways. You can add a product to a category of products or you can add a product to a specific page.

 

Adding product to a specific page.

 

Below it will show how to edit a page and choose products that you want to display on that specific page.

 

Throughout this guide we have been working with Lawn Signs, so I will add the new product to the lawn signs page.

 

You will need to be in the Management section of your website to choose products that you want to display.

 

First you will need the product reference number. Follow the steps below:

 

  • Select Find Product from the Products dropdown located on the navigation toolbar.

 

  • Check the box My Products
  • Click Search
  • Click Details from within the product window

 

 

  • You will find the product number at the top right of the product details page

 

Editing Page Contents

 

  • Select Pages from the Content dropdown

  • Find the page, you can enter the page name in the search box located at the top left of the screen.
  • Click Contents

 

  • Select Product List Module from the module dropdown at the top left of the page
  • Click Insert Module

 

  • Once your select the module, it will open up to edit mode.
  • Choose My Selection from the Product dropdown.
  • Enter the product reference number
  • Click Insert
  • Fill in a Title (this is optional)
  • Choose how many products you want to show at one time.
  • Select how you want the products to be displayed.

 

  • Once you have made your selection, the products will be listed below.
  • Click Save to save your changes.

  • Your changes will be saved
  • Select Publish to make any changes to the page live for customers to see.

 

Linking Page to Overall Layout

 

Once you have added the product to the specific page, you will need to make sure the page is linked to your website.

 

This is done on the overall layout section.

 

  • From the Management Section
  • Select Overall Layout from the Appearance dropdown.
  • Find the Bookmarks module titled Header Tabs Site.
  • Click the pencil icon, located at the left of the module, to edit.

 

  • From the Bookmarks dropdown, select Page
  • Next choose the page you want to link.
  • Click Insert
  • The Page will then appear in the list to the right.
  • To change the order in which it is listed, click on the page name and drag to where you want it.
  • Click Save

 

 

  • Click Publish to make your changes live.
  • Now if you click View Site you will see the page on the header toolbar. 

 

 

  • If you click on that page you will be able to see the product that you added.

 

Congratulations you have successfully created a custom sign template and displayed it on your website for customers to use to design their own custom sign.