Product Options & Features

Collections

Product Options, Features, Variations & Image Measurements

This guide explains how to manage product options, define product features, create product variations, and upload images using the dimensions required by the store's theme.

1. Managing Product Options

Product options allow customers to select from available choices when purchasing a product.

Example: Abaya

An abaya may have the following options:

  • Size: Select a size from the available choices.
  • Color: Select a color, if configured as a product option.

Step 1: Open an existing product or select Add Product.

Open Product

Step 2: Locate the Options section.

Options Section

Step 3: Add or configure the available options and their values.

Configure Options

Step 4: Save the changes and verify the options on the storefront.

Product Options Section

2. Managing Product Features

Product features describe product attributes such as size, color, material, and other specifications. They can be created and configured before being assigned to products.

A. Creating a Product Feature

Step 1: Open the Features section in the Administration Panel, then click Add feature.

Features Section Add Feature

Step 2: Under the General tab, configure the main fields:

  • Name: Enter an internal name to identify the feature in the Administration Panel.
  • Storefront name: Enter the name customers will see, such as Material or Color.
  • Purpose: Select how the feature will be used, such as product filtering or product variations.
  • Feature style / Filter type: Choose the appropriate display style and filter type, where applicable.
  • Categories: Select the categories where the feature can be used. If no category is selected, it may be available across all categories.
  • Description: Add a description if needed.
General Tab with Main Feature Fields
img src="https://bazaralward.com/images/promo/3/feature3.png" alt="General Tab with Main Feature Fields">

Step 3: Open the Variants tab, if the feature uses predefined values.

Variants Tab

Step 4: Add the available values, such as Cotton, Linen, and Polyester for a Material feature. Then Save the feature

Add Feature Variants

B. Assigning a Feature to a Product

After creating the feature, you can assign it to a product.

Step 1: Navigate to Products in the Vendor Panel.

Products Section

Step 2: Open an existing product or click Add Product.

Open or Add Product

Step 3: Open the Features tab.

Features Tab

Step 4: Find the required feature and select the appropriate value.

Assigning Features to a Product

Step 5: Save the product and verify the feature information on the storefront.

Verify Feature on Storefront

Example:

For an abaya, you might configure the following features:

Feature Example Value
Material Cotton
Color Black
Size Large

Important Notes:

  • Choose the feature's Purpose according to its intended use. For example, product filtering and product variations serve different purposes.
  • Add predefined values through the Variants tab when applicable.
  • If you cannot access the Features section or create features, contact the store administrator to check your permissions.
  • Available fields and options may vary depending on the CS-Cart configuration.

3. Managing Product Variations

Product variations are used to group similar products that differ by features such as size or color. This allows customers to switch between available product variations on the product page.

Example: Abaya

An abaya is available in two colors, Black and Beige, and three sizes, Small, Medium, and Large. These combinations can be created as product variations, depending on the store configuration.

C. Creating New Variations

Step 1: Navigate to Products in the Vendor Panel.

Products Section

Step 2: Open the product you want to create variations for.

Open Product

Step 3: Under Create new products, select the required features, such as Color or Size.

Variations are based on product features, so make sure the required features have already been created and configured with the appropriate Purpose.

Variations Tab

Step 4: Go to the Variations tab.

Variations Tab and Add Variations Button

Step 5: Click Add variations.

Selecting Features and Their Variants

Step 6: Select the available feature values, such as Black and Beige for Color, or Small, Medium, and Large for Size.

Add Feature Values
Add Feature Values

D. Adding Existing Products to a Variation Group

If the products already exist in the store:

Step 1: Open one of the products and navigate to the Variations tab.

Product Variations Tab

Step 2: Click Add variations.

Add Variations Button

Step 3: Select Use existing products.

Use Existing Products Tab

Step 4: Choose the eligible products you want to group together.

Choose Eligible Products

Step 5: Click Add variations to complete the process.

Complete Variation Group

Important Notes:

  • Products must meet CS-Cart's requirements to be grouped as variations, including compatible categories and feature settings.
  • Configure the feature purposes correctly before creating variations.
  • Review the generated products and verify that the available combinations appear correctly on the storefront.
  • The Variations tab and available actions depend on the Product Variations add-on and the permissions enabled for your account.

4. Product Image Measurements

Upload product images using the dimensions specified for the store's theme to ensure consistent display across the storefront.

Required image dimensions:

  • Main Product Image: [486 × 486 in pixels]
  • Additional Product Images: [486 × 486 in pixels]

Step 1: Open the product edit page and navigate to the images section.

Images Section

Step 2: Upload images that meet the required dimensions.

Upload Images

Step 3: Verify the image display on the storefront to ensure proper formatting.

Product Image Upload Section

Tip: Using images with the correct dimensions ensures your products display consistently and professionally across all devices.

← Back to Vendor Guide