Product Options - Add Selection to Product Card.

Product Options Module allows you to add a selection of options within one product. This way we can add product variants, for example, in terms of color. Each variant can change the price, weight or product photo. Product options can be added through previously defined templates, directly to the product or through the product import/export module.

Table of Contents

In the admin panel, select Applications → Products Products module icon

Product Option Templates

Adding an Option Template

Select Option Templates

List of option templates in the store panel
  1. Press the Add button, Option template adding window
  2. Enter the Option Template Name,
  3. Press the Save button, Option template editing window
  4. Press the Save button.

Editing an Option Template

Adding Options to Template
  1. Right-click on the Name of the option template, How to add a new option to the template
  2. Select Add,
    Newly added option in the template
  3. Enter the Option name,

    Enter the option name (e.g. Color, Size).

  4. Press the Save button.
Adding a filter to the template option
  1. Check the Option, Option editing window in the template
  2. Select the Filter type,

    Option filters must be entered in advance.

  3. Press the Save button.

See how to add option filters.

Adding option values to the template
  1. Right-click on the Name of the option,
    How to add a value to an option in a template
  2. Select Add,
  3. Enter Value, Option value editing window in the template

    Enter the option value (e.g. green, XL).

  4. Enter Net price modifier,
    • +/- amount (e.g. -10.25) - increases or decreases the net price by the specified amount,
    • +/- amount % (e.g. +50%) - increases or decreases the net price by the specified percentage,
    • amount (e.g. 30.99) - sets the specified amount regardless of the product price,
  5. Enter Weight modifier,
    • +/- weight (e.g. -10.25) - increases or decreases the weight by the specified value,
    • +/- weight % (e.g. +50%) - increases or decreases the weight by the specified percentage,
    • weight (e.g. 30.99) - sets the specified weight regardless of the product weight,
  6. Enter Color (HEX code e.g. #ffa500 [orange]) or upload Photo,

    Option available for the Color filter.

  7. Press the Save button.
Adding suboptions to the template
  1. Right-click on the Name of the option,
    Adding Sub-Options to the Template
  2. Select Add, Option Editing Window in Template
  3. Enter the Option Name,

    Enter the name of the option (e.g. Color, Size).

  4. Select the Filter Type,
  5. Press the Save button.
Adding Sub-Option Values to the Template
  1. Right-click on the Name of the option,
    Adding Sub-Option Values to the Template
  2. Select Add, Option Value Editing Window
  3. Enter Value,

    Enter the option value (e.g. green, XL).

  4. Enter Net Price Modifier,
  5. Enter Weight Modifier,
  6. Enter Color (HEX code e.g. #ffa500 [orange]) or upload Image,

    Option available for the Color filter.

  7. Press the Save button.
Setting default value in template
  1. Select the Name of the option, Setting default value of option
  2. Choose the Default value,

    Option values must be entered beforehand.

  3. Press the Save button.
Changing the order of option values in template
  1. Press and hold the mouse button on the option value,
    How to change the order of options
  2. Change the position of the option value,
  3. Release the mouse button.
    Changed order of options
Change nesting of options in template
  1. Press and hold the mouse button on the option,
    How to change nesting of options
  2. Change the position of the option,
  3. Release the mouse button.
    Tree structure of options after changing nesting

Inserting option template into product

  1. Edit the product,
  2. Select Product Options,
  3. Right-click on the Name of the product,
  4. Select Add Template Adding options from template
  5. Select Template, or click Add new template Inserting a product option template
  6. Edit the options and their values. Product option value editing window
Product card view with template options

Product Options

  1. Edit the product,
  2. Select Product Options.

Adding Options to a Product

  1. Right-click on the Name of the product, How to add a product option
  2. Select Add, Product option edit window
  3. Enter Option Name,

    Enter the option name (e.g. Color, Size).

  4. Press the Save button.

Adding a Filter to a Product Option

  1. Select Option, Selecting a product option filter
  2. Select Filter Type,

    Option filters must be entered in advance.

  3. Press the Save button.

See how to add option filters.

Adding Option Values to a Product

  1. Right-click on the Name of the option, How to add a value to an option
  2. Select Add, Editing option values
  3. Enter Value,

    Enter the option value (e.g. green, XL).

  4. Enter Net Price Modifier,
    • +/- amount (e.g. -10.25) - increases or decreases the net price by the given amount,
    • +/- amount % (e.g. +50%) - increases or decreases the net price by the given percentage,
    • amount (e.g. 30.99) - sets the given amount regardless of the product price,
  5. Enter Weight Modifier,
    • +/- weight (e.g. -10.25) - increases or decreases the weight by the given value,
    • +/- weight % (e.g. +50%) - increases or decreases the weight by the given percentage,
    • weight (e.g. 30.99) - sets the given weight regardless of the product weight,
  6. Enter Color (HEX code e.g. #ffa500 [orange]) or upload Image,

    Option available for the Color filter.

  7. Press the Save button.

Adding Suboptions to a Product

  1. Right-click on Value, Adding suboptions to an option
  2. Select Add, Editing Options
  3. Enter Option Name,

    Enter the option name (e.g. Color, Size).

  4. Select Filter Type,
  5. Press the Save button.

Adding Suboption Values to a Product

  1. Right-click on the Name of the option, Adding Values to Suboptions
  2. Select Add, Editing Suboption Values
  3. Enter Value,

    Enter the option value (e.g. green, XL).

  4. Enter Net Price Modifier,
  5. Enter Weight Modifier,
  6. Enter Color (HEX code e.g. #ffa500 [orange]) or upload Image,

    Option available for the Color filter.

  7. Press the Save button.

Setting the Default Option Value

  1. Select the Name option, Setting the default value for the product option
  2. Select the Default Value,

    Option values must be previously entered.

  3. Press the Save button.

Changing the Order of Option Values

  1. Press and hold the mouse button on the option value, How to change the order of options in the option tree
  2. Change the position of the option value,
  3. Release the mouse button.
    Tree structure of options after changing the order of options

Changing the Nesting of Options

  1. Press and hold the mouse button on the option,
    How to change the nesting of options in the option tree
  2. Change the position of the option,
  3. Release the mouse button.
    Tree structure of options after changing the nesting of options

Product Look with Options

Product card look with options

Adding Option Filters

  1. Select Option Filters, Option filters list in the shop panel
  2. Press the Add button, How to add an option filter
  3. Enter the Filter Name,
  4. Select the Filter Type:
    • Regular Filter,
    • Color Filter,

Configuring Product Options

In the admin panel, go to Applications → Products → Configuration

Product options settings in product configuration

Hiding Options with Zero Stock

  1. Check Hide options with 0 stock,
  2. Press the Save button.

Option Stock Display Method on Product Lists

  1. Select Display stock as
    • Maximum

      The highest stock level of all product options is displayed.

    • Total sum

      The total stock level of all product options is displayed.

  2. Press the Save button.

Configuring Option Display and Filtering

  1. Check Disable narrowing filters,

    This option will speed up the store.

  2. Check Display colors on lists,

    Displays available product colors on the full list.

  3. Check Display color names on product card,
  4. Enter Limit the number of colors to,

    The restriction applies to the full list. 0 - no restrictions.

  5. Press the Save button.

Related Documentation

SOTE YouTube

Stay up to date with the latest SOTESHOP program updates. Subscribe to the SOTE YouTube channel.