theme-options theme-options-production-1676958420.css Variable Product Setup

Variable Product Setup

A Variable Product is a product that comes in many colours or many sizes.

STEP 1: PRODUCT DETAILS

  1. Select Variable Product from the product type dropdown
  2. Complete the details on the first section of the screen

variable product screen

Variable products are a product type that lets you offer a set of variations on a product, with control over prices, stock, image and more for each variation. They can be used for a product like a shirt, where you can offer a large, medium and small and in different colors.

Attributes are the definitions for the variables. For example the SIZE is the attribute that we assign set VALUE to the variables (eg SIZE values are Small, Medium, Large)

STEP 2: Set up the ATTRIBUTES & VARIABLE Values

  1. Before you can add the VARIANT details you need to set up what TYPE of variant it is by adding an ATTRIBUTE for this variant
    variants first
  2. Go to the Attributes tab and if creating a NEW attribute click the ADD button (otherwise choose from the dropdown). Complete the fields
  3. Add the Variable Values – using a   |   between each value  (eg Red | White )
  4. SUBMIT to save this Attribute and variable set up
  5. Products can have multiple Attributes – for example a Shirt might come in COLOUR (Red, White) and SIZE (S, M, L) – this way a customer can choose a red shirt in a Large size to buy for that product
  6. We recommend that you keep your Variable products simple. Maybe look at how large ecommerce websites handle similar products to yours
    attributes

STEP 3: CREATE THE VARIABLE PRODUCT DETAILS

  1. Click on the Variations tab and choose “Create variations from all attributes”
  2. Click OK on the screen alert
    create variants from attributes
  3. You will see the Variation Values have loaded – click on the Blue arrow to open the tab and complete the details for each variation
    Variation Values
  4. Make sure you complete the PARENT (Any Pattern) as well as the variants
  5. Here you will be asked to set up the details for the variation (sometimes a variation is a different price)
    set variant details
  6. Complete the details – and add an image for each variation if you have it
  7. Make sure you SUBMIT your edits to save the product

 

And this is how your product looks at the ‘front end’ – the public facing shopfront that the customer sees.

You will see you can edit from the  ‘front end’ (outlined in pink on the left).
Plus note the choose variant dropdown for the variable product.

product frontend view

0
    0
    Your Cart
    Your cart is emptyReturn to Shop