Support :: Modules :: Shopping

Shopping Cart Products

Creating Categories

Quickly Creating Multiple Categories

If you already have multiple categories in mind that you would like to create, you can click the "Add multiple categories" button. If not, then you can skip down to the "Creating a New Category" section.

Now click "Create".

Your new categories will display as an editable Drag and Drop list.

Creating a New Category

Click the "Add Category" button.

  • Name: The name of the category as it will display in both the CMS and on the website.
  • Title: The title for the category that is used for SEO purposes.
  • Description: A description of the product that will display on the website.
  • Active: If the category is active, it will display on the website.
  • Meta Description: The description of the product that will not display on the website, but will instead be used for SEO purposes.
  • Category Image: The image that will be associated with the category on the website.
  • Cat Image Alt Text: The text displayed to users in place of the image when it cannot be displayed.

Adding Products

Click the "Add Product" button.

 Type in your product's name and press "Go".

General Tab

 

  • Name: The name of the product just created
  • Active: If you select "No", the product will no longer display on the website and will not be available in the cart
  • Model/SKU: the model of this particular product (optional)
  • SKU: the code that uniquely identifies this product
  • Manufacturer: who manufactures this product
  • Price: how much you will charge the customer for the product
  • Our Cost: how much the product costs you, or the value subtracted from price in order to determine profit. (Don't worry. This is here for record keeping and is never displayed on the website)
  • Retail/List Price: how much this product retails for
  • Category: select which category or categories this product belongs to
  • Tax Exempt: when checked, this item will be excluded from tax calculations
  • Featured: specify if this is a "featured" item you would like to showcase on your site.  See the section "Managing Your Featured Items" below for more details.
  • Created: when this product was created and by who.

Media/Assets Tab

If you have pictures or videos (or links to videos) you would like to associate with this product, press the "Add" button.

 

Select which type of media you would like to upload.

If you would like to upload an image:

  • File Browse: Will open your computer's file explorer so you can select the file
  • File Title: Here you can define what you would like the picture to called within the CMS
  • Alt Tag: The text to display in place of your picture if it does not load on the webpage.

 

 

If you would like to add an embedded video:

  • Thumbnail Browse: Will open your computer's file explorer so you can select the file
  • File Title: Here you can define what you would like the thumbnail to be called within the CMS
  • Alt Tag: The text to display in place of your picture if it does not load on the webpage.
  • Video Embed Code/URL: the code that allows you to display a video from another website on yours.

Example YouTube Code:

<iframe title="YouTube video player" class="youtube-player" type="text/html" 
width="640" height="390" src="http://www.youtube.com/embed/exampleURL"
frameborder="0" allowFullScreen></iframe>

Details Tab

  • Meta Title: Displays as the title of your product's page in search results and in the browser tab.
  • Meta Keywords: If your potential customers were to search for this item on Google, what would they type in the search? Include all of these terms that will help people find your product.
  • Meta Description: Search engines display preview snippets under the title for each page result. Write a brief description of your product here.
  • Slug URL: the URL of this product's page. Default value is the item's name.

Managing Your Featured Items

In this tutorial, you will learn how to showcase products you have marked as "Featured" on your homepage. (These steps would of course apply to displaying them on any page.)

First, a little bit about the token (or snippet of code) you will need to use in order to take advantage of this feature.  The token follows this format:

  • Number: The number of products to display. Default value: 3
  • Image Size: The image size that is displayed.  Possible values: small, result, med, large. Default value: result.
  • Description Count: The number of characters to display.  Default value: 200
  • Layout: The display layout.  Possible values: default, grid.  Default value: default.

An example of an acceptable token would be:

You must follow this exact pattern, and not include any commas or any other punctuation not used in the examples.

Here is an example of a homepage and a section of a page where someone might want to display some products. (Click image to view larger)

Now go to the Pages area and navigate to the region (or area) of the webpage you would like to showcase your featured products.  In this case, we want to add products to Region 1, or "Col 1" in the regions tab. (For more information on Region Names and how to change them, click here)

Write the token in the window and click "Save".

Using this particular region's space, this is an example of what the featured products would look like on a homepage. (Click image to view larger)

Changing the Order of the Featured Items

On the homepage, you will see that the featured products display in the following order: shirt, ring, and then pants.  This is an easy change you can make on the Products page.

Click the "Order Featured" button in the header bar.

Simply "drag and drop" the items into the desired order and then click "Save Order".

Your featured items are now reordered. (Click image to view larger)

Categories