How to Configure the Way Sizes Display on a Website

DecoNetwork gives you flexibility in how product sizes are displayed on your websites. You can either show all available sizes at once, which is ideal for bulk or team orders, or use a drop-down style where customers add one size at a time. This article explains how to configure global size display, ensure products are enabled for multiple sizes, and adjust additional display preferences to optimize the customer shopping experience.

In this article

• Prerequisites
• Why Configure Product Size Display
• Configure Global Size Display
• Check Product and Group Settings
• Configure Additional Display Options
• Best-Practice Tips
• Troubleshooting
• FAQs
• Additional Resources

Why Configure Product Size Display

Configuring size display impacts how customers interact with your product catalog. Benefits include:

• Efficiency for multi-size orders – “Show all available sizes” allows customers to order multiple sizes in one view.
• Simplified interface – the “Add size” drop-down keeps product pages cleaner for single-size purchases.
• Consistency across sites – global settings ensure the same experience for every website.

Step 1: Configure Global Size Display

1. In the Admin, go to Products → Blank Product Display.
2. Scroll to the bottom to find the Size Display options.
3. Select one of the following:
   • Show "Add size" option – displays one size at a time with the option to add more.
   • Show all available sizes – displays all sizes in a grid or row format.
4. Click Save.

Step 2: Check Product and Group Settings

To display all sizes at once, products must support multiple sizes.

1. In Admin, go to Products and select a product.
2. Open the Sizing section.
3. Ensure Multiple Sizes is turned on.

You can also enable this at the group level:

1. Go to Products → Product Groups.
2. Edit the group and open the Sizing section.
3. Turn on Multiple Sizes.

Step 3: Configure Additional Display Options

In Blank Product Display, you can also configure:

• Display format: show sizes in a table or in rows.
• Default size: pre-select a size or set to No Default to force customers to choose.
• Size naming style:
  • Code (e.g., S, M, L).
  • Name (e.g., Small, Medium, Large).

Best-Practice Tips

• Set No Default Size to avoid incorrect orders caused by overlooked defaults.
• Enable Multiple Sizes for apparel groups to simplify team or bulk orders.
• Use the size Code when customers are used to shorthand (S, M, L); use Name for clarity.

Troubleshooting

• Sizes not displaying as expected: Verify that Multiple Sizes is enabled on the product or group.
• Size display differs between websites: Not possible — settings are global.
• Default size causing errors: Switch to No Default so customers must choose.

FAQs

• Can I configure size display differently for each website?
  No. Settings are global only.
• Why don’t I see the “Show all available sizes” option?
  Because Multiple Sizes is not enabled for the product or group.

Additional Resources

• Configuring Blank Product Display
• Managing Product Groups