Child pages
  • A Look inside the Catalog

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • The SEO fields (Title, Meta description, and Meta Keywords): correspond to the same function as the categories.
    You will find a description of the reference fields in the product category management, in the "Create a Category / Search Engine Optimization (SEO) Fields" section of this guide.

Suppliers

Configured in a similar, albeit shorter way as the “Manufacturer” form, configuring “Suppliers” is optional if you already have manufacturers. It all depends on your needs, since your product supplier might not be the same as the product manufacturer.

Image Added

Attributes & Groups

That tab was explained step by step in the "Managing Your Catalog" chapter of this user-guide, in the "Configuring Product Attributes" section. Please refer to that part of the documentation.

Features

That tab was explained step by step in the "Managing Your Catalog" chapter of this user-guide, in the "Configuring Product Features" section.

Image Mapping

Image Mapping assigns multiple clickable zones to an image so that different product pages can be opened by clicking on one single image. This feature makes your site very attractive by easing your customers’ navigation Let ’s look at how to configure this feature.

Create an image map

Click on the “Image Mapping” tab and you will arrive at the following page.

Image Added

The screenshot above shows a list of pre-configured image maps. To create a new one click on the “Add New” button. You will arrive at the following screen:

Image Added

  • Enter a name for the image map in the "Name" field.
  • Next, select the image that you want to represent the image map. Click on “Upload Image” to save it. The page will then reload, with the photo that you uploaded.

Setting up an Image Map

Now we are going to learn how to set up an image map.

  • Click on a corner of your image and drag your mouse over the image to highlight/cut out the part of the image you want to be clickable to the user.

Your selection will be clear and illuminated while the rest of the image will darken. Take good care to align the frame of your image with the zone onto which your customer can click.

Image Added

Once this is done:

  • Type the first few letters of the product associated with this image into the field just underneath the image.
    In our example, we would type “Ipod” and several choices would appear. We would then choose “Ipod Nano”.
  • Confirm your choice by clicking “OK”. Your image map has just been created.
  • Repeat this process for all of the products that you wish to make accessible through your image.

If you have made a mistake on your clickable area, you can resize by grabbing its sides or corners.

If you wish to delete a clickable area, just select the area, and click the "Delete" button within the image.

  • Now you must assign your Image Map to a category. This is done by checking the boxes on the “Categories” table.

Image Added

Once all of the modifications have been done, click on “Save Image Map(s)” in order to save all of your
settings.

Done! Your image map is now available on your store, in the selected categories. See the image below.

Image Added

The clickable zones are visible because of the "+" icon. Hovering over the image with your mouse, you can see a little window that presents the image’s name, default image, short description, and price.