The Catalog tab facilitates six configurations used only by catalog users (except for Variations). They are:
| Table of Contents |
|---|
Attributes
This section is provided for merchants that use the Catalog feature. Here, you can enter attribute for each of your items that will appear on your Catalog page. Until you have created attributes, you'll see the familiar "no attributes have been defined…" notice.
Click the "New Attribute" button to create an attribute. The following screen will appear. 
In the new attribute screen, enter the Name, Value(s) and Type (20 character max). Then click the Save button.
...
Variations are defined in the PARENT ITEM only. Click on the Item ID of the Parent Item. In this example it would be Item ID "Pants". At the Item Editor screen, click on the Catalog tab. The first section at this screen is Variations.
In our example we need to create 3 variations; Color, Length, and Waist. To add (create) our first variation, enter the name in the box provided and click on the "add variation" button. Repeat this step for all variations. Note: give some real thought ahead of time of your variation names. There is no edit button for changing the name. The only way to change a variation name is to delete it and create a new one. If you delete the variation after your complete all values, you will lose all the data for that variation.
Once created, the variation will appear along with it's own "delete" button below it. There will also be an "add item" field and button. We'll use these in the next step. Repeat this step for all the variations for this item.
In our example (below) we created 3 variations; Color, Length, and Waist. Notice again that the variations now appear in 3 separate columns along with Item Id and Description columns.
Add Items
Next you add the applicable child items. Enter the Item ID into the text box to the left of the "add item" button and then click the "add item" button. It must be entered exactly as it appears in the item list. If not, nothing will appear. When correct, the Item will appear in the list and boxes will appear under each variation for the variation values. Repeat adding each item until the entire list is populated with your child items.
It's not necessary to save each entry. Enter the next Item ID in the Add Item Field and click the Add item. Note: UltraCart auto-sorts the list by Item ID.
...
Enter the variation values for the item in each of the columns (Color, Length and Waist in our example). Continue these steps until all attributes have been added. The following shows our completed attribute values on the parent item Pants.
Delete Variations
Use caution here as clicking the "delete" button at the bottom of a variation column will delete the variation and all its values. There is no "confirm delete" dialog.
...
Once you've created your Items, you'll need to upload your exploded image into the Multimedia area [tab] for the PARENT item. In our example it would be the Direct Drive Motor. To do so navigate to Item Management Item and click on your parent item. At the Item Editor screen, click on the "Multimedia" tab. The following screen will appear.
The Multimedia screen will list your uploaded graphics (if any). Click on the "Browse" button and navigate within your system to locate the graphic file you want to upload. Once located, it will be shown in the "Filename" field. You can enter a brief description into the Description Field if desired to help you identify it. Click the "Upload graphic(s)" button to complete the upload. If successful, your image will be listed, showing the Filename, a preview (may be delayed), Description (if you created one), Size, Dimensions and Date of upload.
Each listed image will also be followed by 3 buttons; view, edit and delete.
...
A Hotspot (in UltraCart) is an area that the merchant can define over a "part" in the exploded diagram view. When the customer moves the mouse pointer over that spot, a small window will appear showing; the Item ID, Descriptions, Cost, In Stock (yes/no), a text field to enter the quantity and an "add to cart" button.
Create a Hotspot
You'll use your mouse pointer to draw a square box around the spot you want to be the Hotspot. Don't worry, if you're not happy with the results, you can delete it and draw again. Since our sample diagram has each part already numbered, we will use the numbers as the hot spots. In some cases you may use the actual part as the hot spot.
Using the mouse pointer, draw a square around the number or item you want to be the hotspot. Place the mouse pointer at and above the upper left corner of the item. Press and hold the left mouse button and drag the mouse to and just below the lower right corner. You should see a blue box being drawn enclosing the object as you drag the mouse. Release the mouse button when you have enclosed the object in a box. If you are not happy with your progress, click the "delete" button below the Hotspot Properties field. You can then re-draw the box. If you click off into white space before you associate the Hotspot properties, the box will turn red simply to remind you that it's needs to be associated.
...
While in the Hotspot Editor, you can change any Hotspot properties. Click on the Hotspot and its properties will appear in the Hotspot properties field. Change its properties as desired. Click the "Save" button when finished.
Delete a Hotspot
Click on a Hotspot to select it, and then click on the "delete" button to delete it. Caution! You will not be prompted with a confirmation dialog.
Working with the Diagram
Once you have completely configured your diagram and saved your work, your diagram will be listed on the Item Editor Catalog [tab] screen. In addition to a "new" button, you will see 3 buttons for each Exploded Diagram; edit, link and delete.
...
Click on the "edit" button and you'll be taken back to the Exploded Diagram Editor. There you can edit or delete Hotspots and their properties.
Delete a Diagram
Click on the Delete button to delete the diagram. You will be prompted with a "delete confirmation" dialog window.
...
Clicking the "link" button will take you to the Exploded Diagram Link screen.
Copy the JavaScript (link) displayed on this screen and, using your html editor, paste it onto the web page you've prepared for displaying your Exploded Diagram.
Using the Exploded View
Once you've created your web page and pasted your Exploded Diagram (JavaScript), you'll post the page to your Web Site. The following illustrates our Electric Motor exploded view showing the "mouse over" on Hotspot (#6), the Foot Mounting Bolt.
A customer can set the quantity in the box provided and then click the "Add to Cart" button. Since experience shows that customers browsing exploded views purchase more than one part, UltraCart sends a message to the screen acknowledging that it has indeed been added to the cart. This negates the customer having to move back-and-forth from the cart to the page.
...
When they are finished browsing and adding items (parts) to the cart, they can then click on the "View Cart" button which merchants must place somewhere on the Exploded View web page.