E-junkie Help

Products with buyer-selectable options

First, bear in mind the buyer's name and email address (and shipping address if you enable Shipping) will be collected automatically during checkout, so you shouldn't need to request those details with your Cart buttons. You can create products with dropdown menus for buyer-selectable options like size, color etc., and you can also provide text-input fields for buyers to enter details required for the product (e.g., t-shirt slogan, software machine code, etc.). We have two ways of going about this, which can even be combined and used together for even greater flexibility.

Variations which tell more about the product

This is the simplest method of setting up Options for the buyer to specify, but it cannot be used to alter the product's price, shipping weight, or inventory stock (if you need that, please see Variants below). Here's how to set up Variations when adding/editing a product:

  1. Enable Variations describing item options;
  2. This will reveal fields where you can provide an Option Name for up to 3 categories (e.g., Color, Size, Style, etc., each up to 60 characters long);
  3. Below that, do one of the following for each Option category that you named:
    • Provide a list of Values (e.g., colors, sizes, etc.) that the buyer can select from a dropdown menu (one value per line);
      ...OR...
    • Leave the list blank if you want the buyer to type something into a text field for that option.
    If you need a combination of menu-based and text-field options, define the menu-based option(s) first and the text-field option(s) last. If you will have multiple text fields, define these in order from most likely to least likely to be filled (i.e., fields likely to be left blank should come last). Option 1 Values can each be up to 200 characters long; Option 2 & 3 Values can each be up to 98 characters.
  4. Click Submit to apply changes;
  5. Copy the Add to Cart button code provided;
  6. Paste the button code into your page's HTML source, wherever you want it to appear among your own text, images and layout.

The button code we provide will automatically include the proper menus/text fields according to what you set up for your Variations option names/values. The button code changes whenever you change those settings, in which case you would want to recopy-paste fresh button codes into your page that would include those changes.

Pro-tip: You can also just change the Variations menu/field code in your page's HTML source manually; the option name/value settings for Variations are only used to auto-generate the proper menu/field tags in the button code we provide, but the code in your page doesn't actually need to match what's in the product's settings (note this flexibility does NOT apply to Variants, as described below).

Variants affecting item SKU/price/weight/stock

This is a bit more complex to set up than Variations described above, but it allows you to define a different unit price, shipping weight, inventory stock and SKU (stock-keeping unit, aka product sub-ID) for every possible combination of Option Values. (If you just want to let buyers name their own price, use our editable price feature.) Here's how you set up Variants when adding/editing a product:

  1. Enable Variants affecting item SKU/price/weight/stock;
  2. This will reveal fields where you can specify an Option Name for up to 3 categories (e.g., Color, Size, Style, etc., each up to 60 characters long);
  3. Below that, provide lines defining every possible combination of buyer-selectable Values for those Options, with each line giving settings in the order shown:

    SKU,Price,Weight,Stock,Option1Value,Option2Value,Option3Value

    Option Values can each be up to 60 characters long. If you're not using a given setting, you can just leave its position empty on every line, but keep the comma that separates each position from the next. For instance, suppose you have a product that comes in 2 sizes, 2 colors, and 2 styles, each with a different price and inventory stock, but you're not using weight-based shipping calculation, your Variants lines might look like this example:

    SRP,10.00,,23,Small,Red,Plain
    SRF,11.00,,12,Small,Red,Fancy
    SBP,10.00,,21,Small,Blue,Plain
    SBF,11.00,,11,Small,Blue,Fancy
    LRP,15.00,,9,Large,Red,Plain
    LRF,17.00,,5,Large,Red,Fancy
    LBP,15.00,,7,Large,Blue,Plain
    LBF,17.00,,6,Large,Blue,Fancy

    Tip: To specify inches in any option value, do not use the double-quote character "; instead, you can spell it out in full or abbreviated, or just use two single-quotes -- e.g., use 12 inch, 12 in., or 12'' instead of 12".
  4. Click Submit to apply changes;
  5. Copy the Add to Cart button code provided;
  6. Paste the button code into your page's HTML source, wherever you want it to appear among your own text, images and layout.

All of the values you provided in the Option1Value position for every line will appear in the first dropdown menu provided in your button code, all Option2Values given will appear in the second menu we provide, and Option3Values in the third menu. If you change these values in your Variants configuration lines, you must recopy-paste fresh button code into your page for that product, as the option values listed in your page menus must match up to the values for those options in your Variants configuration. If a buyer selects any combination of option values that don't match up to a corresponding line in your Variants configuration, when they click Add to Cart they would see the error, "This product combination does not exist."

NOTE: If your product has some Options that affect the product's price/weight/stock and other Options that don't, you would probably want to set up those that don't by using Variations, and only use Variants for those that do, which will keep your product settings simpler and easier to maintain.

Combining Variations with Variants

By setting up both Variations and Variants, this gives you a potential of up to 6 different Option categories: up to 3 Options for Variations, plus up to 3 Options for Variants. This would also give you the ability to combine the advantages of Variants (which can only show menus), together with a text-entry option using Variations (e.g., to sell a T-shirt with varying prices according to size/style/etc. but also let buyers enter a custom slogan to print on their shirt).

If your product has some Options that affect the product's price/weight/stock and other Options that don't, then you would want to set up those that don't by using Variations, and only use Variants for those that do, which will keep your product settings simpler and easier to maintain (vs. using Variants for all Options whether or not they affect the price/etc.).

This page added by E-junkieChef on July 16th, 2008 @ 5:38 pm GMT -7
Updated by E-junkieGuru on February 10th, 2016 @ 3:08 pm GMT -7