Table of Contents

Overview of Catalog Concepts

Now that you have your store installed and your initial configuration settings established, it’s time to set up the heart of your site: the catalog. The catalog is the most important part of any eCommerce site, and with Magento, you will have complete control over it. So take advantage of this great opportunity!

Creating and Managing Categories

Setting Up Defaults

The first step to creating your catalog is to configure the catalog system settings. To do this, navigate to System > Configuration, and select the Catalog tab.

Frontend

This determines how your products will be shown in the front-end’s catalog pages.

Product Options
Product Alerts

There are two types of product alerts to which you can allow your customers to subscribe via email. Each have their own enable drop-down, and Email Template, but they share the same Email Sender. For more information on how to configure email templates and email sender addresses, refer to Chapter 6: Customers. The Price Alert will create a link in every product page called Sign up for price alert. Clicking this link will subscribe your customer to this alert, and they will receive an email when the product price is changed. This includes adding or changing Special Prices in addition to the regular Price field. The Stock Alert will create a link in every Out of Stock product called Sign up to get notified when this product is back in stock. Clicking this link will subscribe your customer to this alert, and they will receive an email when the product status changes to In Stock. For each product, there is a tab listing all customers subscribed to either of these alerts. There is more information about this in the Products section later in this chapter.

Product Alerts Run Settings

This determines the frequency with which Magento checks both product prices and stock status for changes, so that your subscribed customers can be alerted.

Product Image Placeholders

This is discussed in more detail later in this chapter, under Products.

Recently Viewed/Compared Products

This is discussed in more detail in Chapter 5: Promotions, Marketing and Content Pages, under Customer Personalization.

Price

You can determine the level at which prices are shared in the Catalog Price Scope drop-down. If you select Global, prices will be shared across all websites. If you select Website, prices can differ between websites, although they will still be shared between store views contained in the same website. The price here affects several different areas in Magento. For example, this includes product prices, base currency, price filters in the admin, and catalog/shopping cart price rules.

Search Engine Optimizations

Configure these options to make your site more Search Engine Friendly.

popular_search_terms.jpg

If you want to configure Magento integration of Google Sitemap, navigate to System > Configuration and select Google Sitemap from the left column.

Categories/Products/CMS Pages Options

The sitemap settings for each of these three types of pages can be configured individually.

Generation Settings

Creating Categories

To create and edit categories, navigate to Catalog > Manage Categories. In the center of the page you will have the option to create a new category.

  1. Enter a name for the category. This is how it will appear on the front end of the sites selected.
  2. Select the location in which the category will be created from the Parent Category drop-down. The default is Root, and any category created with this as its parent will be a Root Catalog level category (although the name of that category does not need to be Root Catalog). Having multiple Root Catalog level categories is useful if you want to use different category structures in different Stores. If you are not using a multiple Store structure, multiple Root Catalogs are unnecessary. Refer back to Chapter 2 for more information about Stores and assigning Root Catalogs. Any category created with a Root Catalog level category as its parent category will be a top-level category in the navigation bar on the front end. If you wish, you can allow customers to subscribe to a list of all your top-level categories via RSS feeds. There is more information about RSS Feeds in Chapter 5: Promotions, Marketing, and Content Pages. If an existing top-level category (i.e. not the Root Catalog) is selected as the parent category, the new category will be created as a sub-category of the selected top-level category, and will appear on the front-end in a drop-down menu when the top-level category is rolled over. If a category is created within a second-level category, the category menu will further expand, to the right, when the second-level category is rolled over, and so on. categories_navigation_tabs.jpg Additionally, when a customer is browsing through your site, the category levels will display at the top of the page, below the navigation bar, in a “breadcrumb”. For example, if a customer rolls over the navigation bar, arrives at Apparel > Shoes > Mens and clicks Mens, they will be directed to the Mens category page. The breadcrumb will look like: breadcrumb.jpg The current page will be in plain text, and all the parent categories will be links to the corresponding category pages. The same is true of product pages. In this case, the product name will be last in the breadcrumb, in plain text, and all categories will be linked. This is a dynamic feature, so that the breadcrumb will display the category pages according to the path by which your customer navigated to the product. If you have a product associated to multiple categories, the breadcrumb will detail only the specific path your customer chooses each time they arrive a product page. The breadcrumb improves usability by allowing customers to keep track of their location within your site at all times, with a clear path for how to return to previous pages.
  3. Enter a Description. This is for internal use only, and will not appear on the front end.
  4. Select an Image by clicking the Browse... button and locating the image on your computer. This image will appear on the front end of each category’s page between the category name and content. Once a category has been saved with an image, a small icon of the existing image will appear to the left of the Browse... button, and a Delete Image checkbox will appear to the right.
  5. Enter the meta information for the category in the Page Title, Meta Keywords, and Meta Description fields.
  6. Display Mode and CMS Block refer to using static blocks with categories. For more information about this, refer to the Using static blocks with categories section below.
  7. Select Yes or No from the Is Anchor drop-down. This drop-down has two effects.
    • Anchored categories will display all products associated to all child categories (and child of child, and child of child of child, etc.) on that category’s page, along with the products associated directly to the parent category.
    • Anchored categories will display the filterable attributes of all products that display in the category page (meaning the products associated to that category and to its child categories) in the Layered Navigation menu in the left column. Layered Navigation is discussed in more detail later in the chapter.
  8. Select Yes or No from the Is Active drop-down. Select Yes for this category to be visible on the front end. If you select No, the category cannot be accessed from the navigation bar on the front end, nor can any of its sub-categories, and the category name will display as light gray in the category tree in the left column of the categories page in the admin.
  9. The URL key adds a relative URL path which can be entered in place of the standard Target Path. It is Search Engine Friendly because it can use the name of the category instead of the ID#. For more information about URL Keys, refer to the section about URL Rewrites. If you leave this field blank, it will automatically generate with the name of the category upon creation of the category. If you enter a value here manually, you cannot use spaces in this field.

In the left column will be a drop-down menu called Choose Store View. The default selection in the menu is All Store Views. When this is selected, you will be able to view the “default” options for each category. If you select a specific store view, you will be able to see the options specific to that store view for each category. Only certain options can vary between store views. Options that cannot vary, and will be the same in all store views, are called “global” and will have the label [Global] next to them. Those that can differ between Store Views will be labeled [Store View]. Note: The products assigned to a category, accessed through the Category Products tab, are not global. This way, you can choose to have different products display in each store view.

categories_tree.jpg

Below this drop-down is the category tree, which lists all existing categories and displays their relationship to one another. For example, if one category is a sub-category of another, it will be listed directly below it, and indented one level. Next to each category name in the tree is a number inside parentheses. This number represents the amount of products associated directly to that category. Because the products are associated at the store level, the numbers in parentheses will vary depending upon which store view is selected from the drop-down. To edit any existing categories, select it from the category tree, and its options will appear in the center of the page, replacing the New Category section. When editing a category, the Parent Category drop-down will not be present. In order to move a category to a different Parent Category, simply drag and drop it directly in the category tree.

To return to the new category view, simply select a category from the tree and click the Add New button. This will automatically assign the selected category as the parent category in the drop-down.

Assigning products at the category level

Products can be added to a category while the category is being created, or anytime thereafter. Simply select the desired category, and access the Category Products tab (from the top of the category page). You will notice that the leftmost column in the grid contains a drop-down menu. The default selection will be Yes, meaning that the grid will only display items already associated to the category. Therefore, a brand new category will always have a blank product grid. In order to search for existing products to associate to this category, select either No (which will only display products that are not associated to the category) or Any (which will display associated and unassociated products) from the drop-down, and click the Search button. You can narrow your results further by using the ID, Name, SKU, Price, or Position filters (although the position filter only works for products already associated to the category). Select the checkboxes of all products that you wish to associate the category, and unselect all checkboxes of products you wish to deassociate. After a product is checked the Position field will become active and you’ll be able to enter a sort value, which controls the order in which the products display on the front end, regardless of the order in this grid. Please click the image to see a larger version.

Assigning designs at the category level

You can customize the design of each category individually in the Custom Design tab. This controls the look of the category page, including the objects on the page and the structure of the page.

  1. Select the design you want from the Custom Design drop-down. Magento comes with several different design options out of the box, but you can add your own by... If you leave this drop-down blank, it will automatically use the Current package name design. This can be edited by navigating to System > Configuration and clicking the Design tab. Enter the name of the design you want in the Current package name field, and this design will apply to all categories for which you do not specify a different design.
  2. Select your preference from the Apply To drop-down. This category only means that the design will only apply to this one category page. This category and its products means that the design will apply on this category page, and on the pages of all products associated to this category. If a product is associated to multiple categories, each with a different design, the design displayed on that product page will be determined by the design of the category page from which the user navigates to that product. This category and its child categories means that the design will apply on this category page, and on the pages of all sub-categories, sub-sub-categories, and so on. If a child category has a different design selected than its parent category, then... All mean thats the design will apply to this category, its child categories, and its products.
  3. With the Active From and Active To fields, you can select a time frame in which the category will automatically switch to a design, and then switch back to the blank option when the time frame ends. This is perfect for the holidays, so that you can create a holiday design for you pages, and then have your site automatically switch back to the normal design whenever you want, without having to remember to do it yourself.
  4. The Page Layout drop-down determines the structural aspects of the page. No layout updates uses the default settings that come with the Magento installation. Empty displays the category page without any objects, except for the content (products or static blocks only), category name, and view options (number to display per page, view as grid or list, and sort be options). 1 column displays the contents, category name and view options, as well as the header, footer, search field, and navigation bar. Column on the left adds the left column to the 1 column display, which by default includes the currency selection and layered navigation. Column on the right adds the right column to the 1 column display, which by default includes the shopping cart view, wishlist, compared products list, polls, and newsletter sign-up. 3 columns displays both the left and the right column.
  5. The Custom Layout Update is essentially a static block, with a few differences.
    • Rather than HTML, the structure must be in XML format.
    • The Update will display at the bottom of the page, below the products, whereas a static block will display above the products (if the static block is set to display with products)
    • The Update will display on the page only during the dates specified in the Active date range.

Using static blocks with categories

If you would like customers to be taken to a landing page when they select the category, instead of the standard product listing page, you can do so by enabling static blocks on your category page. This is controlled the in General Information tab.

  1. In the Display Mode drop-down, select what content you want to display in your category page. Products only means that the products associated to the category will display, but not any static blocks. Static block only means that the selected static block will display, but none of the products. This is ideal if you want to get your customers excited about the category before showing them products or if there is specific content you want to show for a certain category (tip: Make this page an anchor category and let your customers use layered navigation to find their products after viewing the landing page). Static block and products means that the static block will display with the products listed directly beneath it. This is useful if you want to have several category pages where the same static block content is needed, but each feature different products.
  2. In the CMS Block drop-down, select which static block you would like to display on your category page. It will include all existing static blocks, which can be created in the static block manager by navigating to CMS > Static Blocks. For more information about creating static blocks, please read the section about them in Chapter 5: Promotions, Marketing, and Content Pages.

Attributes

Creating an Attribute

In Magento, Attributes are quantifiable or descriptive aspects of a product, from the color, to the manufacturer, to the SKU number. There are two kinds of attributes in Magento: Simple Attributes and System Attributes. By default, Magento includes all the necessary System Attributes. These cannot be deleted, and every product must have each of these attributes. Therefore, all Attribute Sets must include these products (more on Attribute sets in the next section). These type of attributes include Name, Price, and SKU, without which a product would not function. Simple Attributes, on the other hand, are attributes created by the Store Owner. These will likely be more specific for individual products, and therefore will not necessarily be included in every Attribute set. For example, if you were to create an attribute for color, with values of blue, green, yellow, etc., you may want to apply this attribute to an Attribute Set for shirts, which you sell in various colors, but you probably would not include it in an Attribute Set for DVDs, for which color is not really an applicable attribute. To create a Simple Attribute, navigate to Catalog > Attributes > Manage Attributes, and click Add New Attribute in the top right of the page.

Properties

Attribute Properties
Frontend Properties

Please click the image to see a larger version.

Manage Label / Options

Please click the image to see a larger version.

Managing Attribute Sets

An Attribute Set is a collection of attributes, customized to fit certain types of products. All Attribute Sets must contain all of Magento’s System Attributes, but you can customize them to include different combinations of Simple Attributes. For example, if you sell several different kinds of T-shirts in your site, you would want to create a “T-shirts” Attribute Set, which includes the Simple Attributes commonly shared by all of your T-shirts. This may include color, size, gender, and brand. Once you have created each of these Simple Attributes (refer back to the previous section for more details), you can associate them to an Attribute Set. A product is then associated to an Attribute Set during product creation, and the Attribute Set’s Simple Attributes will appear in the New Product page so that you can set the various values.

Creating an Attribute Set

To create an Attribute Set, navigate to Catalog > Attributes > Manage Attribute Sets and click Add New Set in the top right of the page. Before configuring the Attribute Set, you must enter a name and import Attributes from an existing Attribute Set. The Name will not be used anywhere on the front-end, and can be edited at any point. Even if you have not created any Attribute Sets previously, you can select the Default Attribute Set from the Based On drop-down, which comes with Magento by default, from which you will import Attributes. This includes all of the System Attributes, organized into Groups according to their function. The Default attribute can be customized just as any Attribute Set that you create. Once you have created additional Attribute Sets, you can choose any of these from the Based On drop-down, which will import the Simple Attributes and Groups from that Attribute Set, saving you time during the configuration process. When you are finished, click Save Attribute Set. The Attribute Set will be created, and you will be directed to the configuration section.

attribute_set_group.jpg

attribute_set_unassiagned_attributes.jpg

When you are finished, click Save Attribute Set again to save the configurations.

Assigning Attribute Sets to Products

When creating a new product, you must first select the product’s Attribute Set. Navigate to Catalog > Manage Products and click Add Product in the top right of the page. choose_attribute_set.jpg

Selecting the Attribute Set will load all of the corresponding Groups (tabs) and attributes into the product creation page. Please click the image to see a larger version. Note: Once the Attribute Set has been selected, it cannot be changed. You can change the attributes in a product by creating a new product and assigning a different Attribute Set. You can also edit the Attribute Set, and add or remove attributes, however this will affect all products associated to this Attribute Set.

Products

Before you begin to create the products that you will be offering in your webstore, let’s take a moment to explore the different product types that Magento offers, and what these differences mean. In Magento, there are three product types that you can create: Simple, Configurable, and Grouped. Let’s begin with Simple, because this is the foundation for both Configurable and Grouped Products. A Simple product is basically what its name indicates. It is the simplest type of product to sell on your website; one individual product, where the attributes are determined by the store owner. It will have system attributes (as all products require), and can have simple attributes as well. One example of a Simple Product would be a suit jacket. It is presented on your website as a standalone item, and as the store owner, you define that it is black, with three buttons on the front. When your customers arrive at the page for this product, they can see what the color and button count are in the product information section, their only option is whether or not to buy this item.

A Configurable product, however, offers much more customer interaction. Let’s stick with the example of the suit jacket, because, as a Simple Product, is the foundation for a Configurable Product. In addition to this one suit jacket, you start to carry slightly different versions of the same jacket: a navy blue version, as well as one with four buttons on the front (in black and navy). You create three new Simple Products (navy/three buttons, black/four buttons, and navy/four buttons), and if you only use the Simple Product feature, you would have four product pages, one for each combination of color and buttons. Using Configurable Products, however, you can combine all four pages into one, so that your customer is guaranteed find the exact suit jacket they desire, while simultaneously making navigating your site as easy as possible. Once you have created the four Simple suit jackets, you can create a Configurable suit jacket, and associated all four simple products to it. You will not set the color or button count of the Configurable Product when you create it, but rather, your customer will set this when they purchase it. It is a Configurable Product because your customers get to configure the attributes themselves. So, you can choose not to display any of the four Simple Products on you site, but rather only display the one Configurable Product. When your customers arrive at this page, instead of seeing the attributes listed in the product information section, they will see a drop-down for color (with options for black or navy) and a drop-down for button count (with options for three or four). The combination of attributes they choose determine which of the four Simple Products they are actually purchasing. The attributes point to the Simple Product, so that Magento knows which Simple Product to place in the order. The Configurable Product is therefore not a product at all, but rather a feature used to display multiple Simple Products on one product page.

In this sense, a Grouped Product is very similar to a Configurable Product. It is also only a feature used to display multiple Simple Products on one product page. However, it displays them in a different fashion. Let’s again stick with the example of the suit jacket. Forget about the three new versions that you began to carry, and let’s go back to the classic black with three buttons design. Along with this suit jacket, you also sell matching slacks and vest, the venerable three-piece suit. Using Simple Products alone, you would have three separate pages, one for each piece. But you feel that these should be sold together, because they are part of a set. This can be easily accomplished using Grouped Products. Simply create a Grouped Product – maybe you want to call it Three-Piece Suit – and associate all three Simple Products to it. On your website, the page for this Grouped Product will list all three Simple Products, each with its own quantity field. This way, your customers are alerted of the presence of the set, and even encouraged to buy the pieces together, however they still have the option to buy the pieces individually (you can actually force them to buy all three pieces together, but we will get into that later on).

Setting up configuration and Attributes

Now that you are ready to start creating products, make sure that you have everything that you need set up. There is one configuration feature that needs addressed. If you haven’t already done so, navigate to System > Configuration and select the Catalog tab. In the Product Options box, select your Default Tax Class. By default Magento comes with one option for this drop-down: Taxable Goods. If you will be selling products on your site which will need to be taxed, select this option. The Tax Class for all new products will automatically be set to Taxable Goods, which will save you the time of having to manually change this option for each new product. You can learn more about setting up the Tax Rates and Tax Rules that apply to the Taxable Goods Tax Class, as well as creating new Tax Classes in Chapter 4: Get Ready for Selling.

In addition to this configuration setting, make sure that you have created Attributes and Attribute Sets, which you can apply to your new products. You cannot change a product’s Attribute Set once the product has been created (although you can add Attributes to the Attribute Set and thereby add them to the product), so make sure that you have the correct Attribute Set set up for your product before creating your product. For more information about Attributes and Attribute Sets, refer back to those sections in this chapter.

Creating a Simple Product

  1. Navigate to Catalog > Manage Products.
  2. In the top right corner, click Add Product.
  3. Select an Attribute Set. Select Default if you haven’t created any attribute sets. This will determine what product data you can enter. You can refer back to the previous section for more information about managing Attribute Sets.
  4. Select Simple Product.
  5. Press Continue.
  6. Enter all product information. Once you’ve set up the product, you’ll be taken to the product’s data entry page. The fields here may change depending on your Attribute Set (you may get rid of weight but add megapixels, for example). If you realize that you want to add an attribute to this product before creating it, there is short cut available. Rather than having to go to the attributes page and create an attribute, and then having to go to the Attribute Sets page and add that attribute to the Set, you can simply click Create New Attribute in the product page. This button exists in all five default Groups (tabs) and any Groups which you have created. Note: Not all tabs correspond to Groups. Groups are folders that exist in the Attribute Set. This opens a pop-up window, which is identical to the New Attribute page. When you enter the attribute information and click Save Attribute, the attribute will be created, and automatically associated to the Attribute Set for the product you are editing, into the Group in which you clicked the Create New Attribute button. You will immediately see the new attribute at the bottom of new product page. If you are managing multiple Websites or Store Views, the attribute Scope will appear next to each attribute in the new product page. This can be either [GLOBAL], [WEBSITE], or [STORE VIEW]. This refers to the level at which this attribute is shared. For example, if the attribute Color had a [WEBSITE] Scope, you would be able to set the color of a product to green in one website, and blue in another website. However, within each website, all the different Store Views would have to have the same color. The Scope can be defined for each attribute. You can refer back to the section about Attributes for more information on this configuration.
General

simple_product_general.jpg

Prices

Please click the image to see a larger version.

Meta Information

simple_product_meta.jpg SEO-related Meta Information is controlled from here. Page Title, Meta Keywords and Meta Description can be entered for this product. The Page Title will display in the browser’s title bar when this product is being viewed. Meta Keywords and Description will show in the tag of the product’s HTML source.

Images

Please click the image to see a larger version. By default, Magento requires you to designate three image types: Thumbnail, Small, and Base. These images each correspond to different locations on the front-end where they will display. When first creating a product, you will not have any custom images uploaded. Therefore, all three image types will be set to No image. This means that they will use your global Product Image Placeholders. To configure these, navigate to System > Configuration, click the Catalog tab in the left column, and upload a placeholder image for each image type. To add custom images to a product, click Browse Files and locate the desired image. Do this multiple times until you have selected all your desired images, then click Upload Files. The images will list vertically in the image page. By default, all images uploaded here will display under MORE VIEWS on the front-end. This is located under the main product image, and clicking any of the images displayed here will open a pop-up window with the ability to browse through all the images associated to the product. For each image in the admin, you can add a Label, which will display above the image in the pop-up window. You can add a Sort Order, which will determine the order in which the images are displayed in the MORE VIEWS section and the order in which they are browsed in the pop-up window. You can designate which of these images is associated to which of the three image types by selecting the radio button in the appropriate column (only one image can be the Thumbnail image, only one can be the Small image, and only one can be the Base image). The images will automatically resize to fit the dimensions of each image type. The Base image, however, works a little bit differently. This is the main image that displays prominently on the product page. It will resize to fit the image window, however, if it is larger than the window, your customers will be able to zoom in on the image, and then double-click the image so that it displays the entire image outside of the original image window at the designated zoom level. If you want and image to only associate to one of the three image types, and not display in the MORE VIEWS section, you can check the Exclude checkbox. To remove an image, check the Remove checkbox before saving the changes.

In addition to these features, Magento allows you to add your own custom watermarks to the images in your site, to hamper visitors from making unwanted copies. If you would like to add watermarks, navigate to System > Configuration, and click the Design tab in the left column. For each image type, you can upload a separate image file that will be used as the watermark, define the size of the watermark, and define the position in which it will be displayed relative to your product images.

Design

There is more about this in the Assigning Designs at the product level section below.

Inventory

Inventory settings can be configured individually per product, however there are also several very important global Inventory configuration settings. Additionally, many of the individual product settings can be set to use the default value (the global setting). Therefore, it is beneficial to discuss the product settings and global settings together. Please refer to the section about Stock Management later in this chapter for more detailed information.

Websites

simple_product_websites.jpg

If you’re managing multiple Websites, you can select the Websites to which this product is associated by checking the checkbox next to the Websites from which you want the product to be available. Each Website will display here with all of the associated Stores and Store Views, so that you know exactly which Website you are viewing.

Categories

simple_product_categories.jpg

This tab will display the global category tree, which a checkbox next to each category name. Selecting a checkbox will associate this product to that category, and you can select as few or as many associated categories as you wish. For the categories to display on the homepage you must make sure to add the product to a category below the root catalog. If you have not created a new category below the root catalog then do so now.

Related Products/Up-sells/Cross-Sells

Each of these tabs contains a product list, from which you can search for and select products in your store which you wish to be related, up-sells or cross-sells of the product being edited. There is more information about these three features later in this chapter.

Product Alerts

Please click the image to see a larger version. If you have either or both product alerts enabled, this tab will appear, showing a list of all subscribers to both Price Alerts and Stock Alerts for this product. For each subscriber, both alert lists show the name, email, the date they subscribed to this alert, the time that the most recent notification was sent to them, and the number of times a notification was sent to them. For the Price Alert, this is also one additional column. For each subscriber, it shows the price that the product had at the time they they described. This includes Special Prices. There is more information on how to configure Product Alerts earlier in this chapter.

Custom Attributes

simple_product_jacket_attributes.jpg

If you have added any custom Simple Attributes, make sure to configure those as well. These can be scattered throughout the existing tabs, or you can create new tabs in which to put them. It all depends on the configuration of your Attribute Set. In this case, the suit jacket Simple Attributes are in a new tab called Jacket Attributes.

These are all of the tabs which appear when creating a new product. If you press Save And Continue Edit, you will see three new tabs appear in the left column.

Product Reviews

You’ll see a list of all reviews that have been added to this product. There is more information about managing Product Reviews in Chapter 9: User-Generated Content.

Product Tags

Shows all tags that this product has been given by users, and the number of times each tag has been used. Chapter 9 also has more information about managing product tags.

Customers Tagged Product

A breakdown of individual customers who have tagged this product - the grid shows their first and last name, email, and tag used.

When you have completed all of your edits, press Save. You have now created a Simple Product.

Creating a Configurable Product

  1. By its nature, a configurable product is not useful unless there are simple products which can be associated to it. Therefore, the first step in creating a Configurable Product is to create two or more simple products, containing different attributes, that your customer will be able to configure on the front-end. Once you have created one Simple Product, use the Duplicate Product feature to create the separate products without having to enter every value several times. Once you have created and saved your first product select the Duplicate button on that product’s page. For the duplicated product, change the attribute values which you are going to allow your customers to configure. Only Simple Products will have a Duplicate button. Note: The values of unique attributes (such as SKU) will not duplicate to the duplicated product, and these will need to be entered manually. The duplicated product will be created with a Status of Disabled. If you have forgotten to create all of the Simple Products prior to creating the Configurable Product, you will have the option to create Simple Products during product creation, in the Associated Products tab (more below).
  2. To create a configurable product, navigate to Catalog > Manage Products.
  3. In the top right corner, click Add Product.
  4. Select an Attribute Set. Select Default if you haven’t created any attribute sets. This will determine what product data you can enter. You can refer back to the previous section for more information about managing Attribute Sets. config_step_1.jpg
  5. Select Configurable Product.
  6. Click Continue.
  7. Select Configurable Attributes. config_step_2.jpg For an attribute to be listed here, it must be associated to the attribute set which you selected in step 4, and it must not be a System Attribute. Also, as described in the message on the page (see image above), The Scope must be Global, the Input Type must be Dropdown, and Use To Create Configurable Product must be Yes. If an attribute is selected, it will not be configurable in the admin (as opposed to Simple Products, for which all attributes are configured in the admin). Instead, a drop-down menu will appear on the front-end for this attribute, and the customer will be able to configure it. config_step_3.jpg The options from which your customer will be able to select will depend on which Simple Products are associated to this Configurable Product (more on this below). If an attribute is not selected in this step, it will be configured in the admin just like is done for a Simple Product, and it will be fixed on the front-end. For example, if you were to select Color to be Configurable and Button Count not to be, then you could select the Button Count to be Three in the admin, and associate one Simple Product suit jacket with a Color black and one with a Color navy. On the front-end, the suit jacket Button Count will be set at three, but your customer will be able to select their preferred Color, black or navy, from the drop-down.
  8. Press Continue.
  9. Enter all product information. This is almost exactly the same process as entering the product information for a simple product. There are, however, three major differences.
Weight

When a customer purchases a Configurable Product, they are not actually purchasing this product, but rather one of the associated Simple Products. Therefore, there is no weight for a Configurable Product, because the weight depends on that of each Simple Product individually.

Inventory

Just like weight, the inventory options for a configurable product depend on those of the individual Simple Products. In the Inventory tab, you can set the configurable product to be In Stock or Out of Stock, but nothing more. If you select In Stock, it will display as In stock on the front-end, but each attribute will only be purchasable if the corresponding simple product is In Stock. If your customer selects an Out of Stock attribute and adds it to the cart, they will receive a message saying “This product is currently out of stock.” If you select Out of Stock, the configurable product will display as Out of Stock on the front-end, and will not be available to add the cart, regardless of the Stock Availability of each Simple Product.

Associated Products

This tab does not exist for Simple Products. At the bottom of the page will be the product list from which you can associate or disassociate Simple Products to the Configurable Product. When first navigating to the page, it will only display currently associated products. Press the Reset Filter button to display all products, associated or not, which belong to the same Attribute Set (a Simple Product must belong to the same Attribute Set as the Configurable Product in order for you to be able to associate it). Select the checkbox of all products you wish to associate. The product list displays certain pertinent information about the Simple Products. To the right of the Inventory column will be a column for each configurable attribute, which you selected in step 7. The value entered for each attribute column will be that product’s Option, which you selected when creating the Simple Product. In order for a Simple Product to display in this list, you must have selected an option for each configurable attribute.

Above the product list will display a list of all configurable attributes. Click and drag the orange arrow next to the attribute name in order to sort the attributes as they will appear on the front-end. The Attribute Name field will be prepopulated with the Label you used when creating the attribute, however it can be changed here so that it displays differently in the front-end. Below each attribute will list all the options that exist for associated products. Each time you associate a new product with a unique option, the option will add to this list. For each option, you can enter a positive or negative Price, which will add or subtract (respectively) from the price of the configurable product, as either a Fixed amount or a Percentage of the Configurable Product price. Please click the image to see a larger version.

If you have not already created all of the Simple Products you wish to associate to this Configurable Product, you will have the option to create Simple Products in this tab. Above the list of configurable attributes is the Create Simple Associated Product section. This contains a button called Create Empty. Clicking this button will generate a pop-up window identical to the New Product page. All of the fields are empty (hence the name of the button), and you will be required to enter values for all configurable attributes (so that this Simple Product can be associated to the Configurable Product). When you click Save, Magento will create a Simple Product, associated to the same Attribute Set as the Configurable product, and Magento will automatically associate the Simple Product to the Configurable Product (you will see this update in the product list at the bottom of the Associated Products tab).

In the front-end, it will look like this:

config_product_front_end.jpg

These are all of the options which appear when creating a new Configurable Product. If you press Save And Continue Edit, you will see two new options in the Associated Products tab (along with the three new tabs in the left column that were mentioned in the Simple Product Section). In the Create Simple Associated Product section, there is a new button called Copy From Configurable. This is similar to the Create Empty button, except that it will prepopulate many of the Simple Product fields with the corresponding fields from the Configurable Product. Many of the fields, however, either must be unique to each product, or are not applicable to the Configurable Product, and must be entered manually. These include SKU, Weight, all configurable attributes, and all Inventory information. Clicking Save will automatically associate the Simple Product to the Configurable Product just as with the Create Empty feature.

The second new option available is Quick simple product creation section. This section includes only some of the attribute fields, all of which are mandatory. In the Name and SKU fields, there is an Autogenerate checkbox. If these are selected, Magento will use the Name and SKU of the Configurable Product to create a new Name and SKU for the Simple Product. It will be in the format [Name/SKU]-[configurable attribute 1]-[configurable attribute 2] and so on. When you click Quick Create, the Simple Product will be created, with all of the attribute information not listed in this section copied from the Configurable Product, and it will automatically associate to the Configurable Product just as with the Create Empty feature. Please click the image to see a larger version.

When you have completed all of your edits, press Save. You have now created a Configurable Product.

Creating a Grouped Product

  1. Like a configurable product, a Grouped Product is not useful unless there are simple products which can be associated to it. Therefore, the first step in creating a Grouped Product is to create two or more simple products that can be purchased together as part of the group.
  2. To create a Grouped Product, navigate to Catalog > Manage Products.
  3. In the top right corner, click Add Product.
  4. Select an Attribute Set. Select Default if you haven’t created any attribute sets. This will determine what product data you can enter. You can refer back to the previous section for more information about managing Attribute Sets.
  5. Select Grouped Product.
  6. Press Continue.
  7. Enter all product information. This is similar to entering the product information for a Simple Product, with four major differences.
Weight

This is the same process as a Configurable Product. When a customer purchases a Grouped Product, they are not actually purchasing this product, but rather one of the associated Simple Products. Therefore, there is no weight for a Grouped Product, because the weight depends on that of each Simple Product individually.

Prices

Unlike Simple or Configurable Products, Grouped Products do not have their own prices. Despite being displayed on the same page, each Simple Product adds to the cart as a separate item. There are no prices that are applied to the items as a group. Therefore, there is no Prices tab for Grouped Products. If you want to give a discount when your customer purchases multiple products within a Grouped Product, you can set up a Shopping Cart Price Rule for this. There is more information about Shopping Cart Price Rules in Chapter 5: Promotions, Marketing and Content Pages.

Inventory

Just like Weight, the stock of the individual Simple Products determine the stock of the Grouped Product. The Stock Availability works like that of a Configurable Product. If you select In Stock, it will display as In Stock on the front-end, but each Simple Product will only be purchasable if that Simple Product is In Stock. If your customer attempts to add one or more of the Out of Stock products to their cart, they will receive a message saying “This product is currently out of stock.” If you select Out of Stock, the Grouped Product will display as Out of Stock on the front-end, and will not be available to add the cart, regardless of the Stock Availability of each Simple Product.

Associated Products

This is much simpler than associating products to a Configurable Product. Grouped Products do not need to be in the same attribute set as their associated products, so there is no attribute functionality tied in with creating Grouped Products. You can associate any product to a Grouped Product in this tab by checking it. When checked, two fields unlock: Default Qty and Position. Please click the image to see a larger version.

Control the sort order of the items in the Position field. As with all sort orders in Magento, the product with the lowest number will have the highest position on the page. You can also enter a Default Quantity which will be a pre-populated value in the front-end quantity box. Please click the image to see a larger version.

When you have completed all of your edits, press Save. You have now created a Grouped Product.

Related Products, Up-sells, Cross-sells

There are three types of product relations in Magento: Related Products, Up-sells and Cross-sells. Shown on a product’s page, Related Products are meant to be purchased in addition to the item the customer is viewing. They will appear in a Related Products menu at the top of the right column. Simple Products will have checkboxes, by which the customer can add them to their Shopping Cart. When they add the main product to their cart, all checked Related Products will be added as well.

related_products_front_end.jpg

Configurable and Grouped Products will not contain this checkbox, because the user must specify the settings of these products before adding them to the cart. Also shown on a product’s page, Up-sells are items that customers would ideally buy instead of the product they’re viewing. These may be better quality, produce a higher profit-margin, be more popular, etc. They will appear in a section labeled You may also be interested in the following product(s), which displays beneath the Additional Information section. The Up-sells will display with a link to that product’s page, navigating the customer away from the product which they are currently viewing. upsells.jpg

Shown in the shopping cart, Cross-sells act a bit like impulse buys, such as magazines and candy at the cash register in grocery stores. Usually, they are items that a customer who is buying the product in question might enjoy. If there are multiple items in the Shopping Cart, each with their own Cross-sells, the Cross-sells will rotate each time the Shopping Cart is refreshed.

cross-sells.jpg

Great For:

Related Products, Up-sells, and Cross-Sells are all associated to a product in the same manner. Navigate to Catalog > Manage Products. Locate the product to which you wish to associate the Related Product/Up-Sell/Cross-sell, and click Edit. Click on the Related Products/Up-Sells/Cross-sells tab in the left column.

  1. From the products grid that appears, check any products to mark as Related Products/Up-Sells/Cross-sells. Click Reset Filter to see all products.
  2. Once a product has been checked, the Position field opens up. This determines the sort order of the Related Products/Up-Sells/Cross-sells in the product’s page/Shopping Cart. Note: For Cross-sells, the Position only applies if there is one item in the cart. When there are multiple items, the Cross-sells will rotate, and not adhere to the Position.
  3. Click Save.

Please click the image to see a larger version.

Product Comparisons

One property of Magento attributes is the ability to make them Comparable on Front-end. If at least one attribute is in a product is Comparable on Front-end, customers will be able to add this product to their Compare Products menu. Both System and Simple Attributes can be set to Comparable. Once added to the Compare Products menu, customers will be able to view the products side by side and make an educated shopping decision. This is very powerful; if customers desire, they can compare a chair, a television, and a pair of running shoes. These types of products may not have very many attributes in common (probably only attributes such as SKU, Price, and Product Name), but that is the power of this feature: to allow your customers to customize their shopping experience. There is more information about Product Comparisons in Chapter 5: Promotions, Marketing and Content Pages.

Great For

You can control which data shows in Product Comparisons. Each product attribute has a flag called Comparable on Front-end, which can be set to Yes or No. To choose this:

  1. Navigate to Catalog > Attributes > Manage Attributes.
  2. In the grid, find the attribute you want to edit. Hint: Change the last column Comparable to Yes or No to see all attributes that can appear in the product comparison chart.
  3. Click the attribute to edit it.
  4. Change the drop-down Comparable on Front-end to Yes or No.
  5. Click Save Attribute.

Layered Navigation

A customer browsing your site needs to find the products that interest them as fast as possible. To prevent them from frustrating experience of encountering a category containing 60 products spread across multiple pages, give them the option to filter products based on their interests. With layered navigation, customers can search by any attribute that you have designated as filterable, more easily showing customers what they want and raising conversions.

Great For

The Layered Navigation menu actually consists of two parts: Category filters and Attribute filters. layered_nav.jpg

Assigning Designs at the product level

You can control the look of each product page individually in from the Design tab in the product page. It is very similar to the individual design options for categories. If your product page has a design separate from the category page to which it is associated, then the product level design will supersede the category level design.

Stock Management

Your ability to manage the details of your products’ inventory is more flexible than ever with Magento’s Inventory Management System. You will have the ability to control not only the quantity and availability, but also the backorder capabilities and the maximum and minimum quantities the consumer is allowed to purchase. Additionally, you can create the settings system-wide, or customize them individually for each product.

Creating stock management default options

  1. Navigate to System > Configuration, and click on the Inventory tab in the left column.

inventory_default.jpg

  1. Enter Minimum Qty Allowed in Shopping Cart. This value requires the customer to purchase a minimum amount of each product in an order.
  2. Enter Notify for Quantity Below. When a stock of any product goes below this level, Magento will automatically notify you via RSS Feed. This ability works in conjunction with the Decrease Stock When Order is Placed drop-down below, because Magento cannot notify you of a low stock unless you also enable it to keep track of stock reduction. In this field, enter the quantity level at which Magento will send a notification. In order to set up the RSS feed, navigate to Catalog > Manage Products, and click the Notify Low Stock RSS link at the top of the page. You will be prompted to enter your User Name and Password. These are the same that you use to access the Magento admin panel. You will be redirected to the RSS page, where you can select which reader you would like to use for receiving this feed.
  3. Enter Minimum Qty for Items’ Status to be In Stock. This value will determine at which quantity the availability of the item will switch from In Stock to Out of Stock. If you set this value to 20, you will always guarantee that you have at least 20 items in stock.
  4. Enter Maximum Qty Allowed in Shopping Cart. This value limits the amount of each product the customer is allowed to purchase in a single order.
  5. Select Decrease Stock When Order is Placed status.
    • If you select Yes, the product’s quantity will automatically decrease when an order is placed.
    • If you select No, the product’s quantity will not automatically decrease, and it can only be edited manually.
  6. Select Backorders status.
    • If you select No Backorders, the customer will not be allowed to purchase more quantity than is available.
    • If you select Allow Qty Below 0, the customer will be allowed to purchase more quantity than is available, but they will not be notified that some of the quantity has been put on backorder.
    • If you select Allow Qty Below 0 and Notify Customer, the customer will be allowed to purchase more quantity than is available, and they will be notified when they are adding the item to the cart that the unavailable quantity has been put on backorder.
  7. Click Save. You have now created the inventory characteristic for all products in your system.

Creating stock management on the product level

To customize the inventory settings for an individual product, whether creating a new product or editing an existing product, navigate to Catalog > Manage Products, and click the Inventory tab in the left column of the product’s page. Note: These settings only exist for Simple Products. Because Configurable and Grouped Products are essentially just a way to display Simple Products, the inventory settings of the Configurable and Grouped Products are completely dependent upon those of the associated Simple Products. Therefore, for Configurable and Grouped Products, only the Stock Availability will be present in the Inventory tab, because this is actually a display setting and not related to the actual inventory of the product. inventory.jpg

  1. Enter Qty, or quantity. This is a required field.
  2. Enter Minimum Qty for Items’ Status to be In Stock or click the Use Config Settings checkbox to use the value you input in the Inventory System Configuration. Clicking the checkbox will deactivate the text field and it will not be editable.
  3. Enter Minimum Qty Allowed in Shopping Cart or click the checkbox.
  4. Enter Maximum Qty Allowed in Shopping Cart or click the checkbox.
  5. Select Qty Uses Decimals status.
    • If you select Yes, the customer can enter a fraction of a whole number into the quantity field in the shopping cart. This is beneficial if items are being sold in alternative units such as weight or length.
    • If you select No, the customer can only purchase quantities in whole numbers.
  6. Select Backorders status, or click the checkbox.
  7. Select Notify for Quantity Below, or click the checkbox.
  8. Select Stock Availability. You can designate the product to be Out of Stock even if you have stock remaining for the product, and it will di