How To: Create Several Similar Products

There are situations where one product has many similar variants, usually differing in properties such as color or size. For example, you can offer t-shirts in different sizes and colors or smartphones that have different memory capacity.

Similar products on the storefront.

In CS-Cart this is achieved using features. Similar products grouped by one or more features are called product variations. Each product variation have its own SKU, price, image, shipping properties, etc.

Step 1. Create a Reference Product

When we create new variations, firstly we create a reference product, also called a parent product. It will be the base for variants which are referred to as product variations.

Note

Features have a Purpose property, which determines the way the similar products are displayed on the catalogue - as one product or separately.

  1. Create a product. In this example, we will create a bike.

  2. Go to the Features tab. Here you can add features to your product. For our bike, we’ll add “Color”, “Wheel Size”, and “Frame Size”.

  3. Be sure to click the Advanced feature creation button when you create each feature. There you need to set some properties for the features to later create variations based on them.

    • For the “Color” feature, set the Purpose to Variations as separate products. Then the customer will see bikes of all colors as separate products in the catalog and in the search results. To select features through pictures, set Feature style to Images.

    • For the “Wheel size” and “Frame size”, set the Purpose to Variations as one product. Then the customer will choose feature variants on the product page. That way, the catalog and the search results won’t contain many similar products with the same picture. It is better to select these features through the drop-down list. For this, set the Feature style to Drop-down list.

      Features on the storefront.

      Note

      To make product search easier for buyers, add filters by the created features.

Step 2. Generate Variants

When you have created the reference product and its features, the rest of the feature combinations (called variations in CS-Cart) will be created automatically. Create variations for the bike:

  1. On the created product page, go to the Variations tab and click Add variations.

  2. This page shows three created features, which are the base for bike variations. To add all combinations of colors and sizes, use the Add all variants button.

  3. In the list of variations to be created, set an own price and quantity for each of these products.

  4. Click the Create X variations button.

    We have created 18 different bikes. Go to any of its pages and edit the price, weight, or some other properties.

    Created variations.

Big CS-Cart Update is Here Experience the New Admin Panel with Dark Theme