To change the display format of your Product Options when viewing a product
Setting Display Formats Globally (Website-Wide)
To set a default display format for all products:
- Haere ki E-commerce > Product View Options > Display Format.
- Choose the display style you want to use across the site.
These global settings apply to all products unless a specific product overrides them.
Setting Display Formats Per Product
You can control how options display on an individual product:
- Edit the product.
- Open the OPTIONS / SIZES page.
- Find the Product Options – Selection Layout section.
- Choose the display format you want from the dropdown list.
This per-product setting overrides the global default for that product only.
Simply choose the required option you would like to show from the relevant dropdown.
Simple Product Options
- Can use multiple display formats (e.g., button sets, radio buttons).
- Cannot use single display formats (e.g., single dropdown).
- If you assign a single display format to a Simple Option, the product will still show multiple dropdowns or radio buttons.
Product Variations
- Can use all display formats:
- Multiple display formats
- Single display formats
- This includes Single Dropdown (full price) and Single Dropdown (variation pricing).
Display Options examples - Simple Product Options
Default (standard multi-option layout)
Multiple Button Sets (no pricing)
With optional image swatches.
Multiple Radio Buttons (no pricing)
Display Options examples - Product Variations
Product Variations support all formats, including single-selection layouts. Below shows some of the different formats.
Default Layout
Single Drop Down (full price)
Single Drop Down (Variation Pricing)
POS-only Display Options
The POS (Point of Sale) system can use its own product option layout, separate from the website.
To set a POS-specific display format:
- Log in to POS.
- Open the Settings menu (bottom left).
- Choose the display option format you want.
POS display settings override both global and per-product website settings for POS users.
More From This Section
There are three ways of adding additional options to your product. Product Variations with Stock Levels, the less complex (Simple) Product Options, or as Additional Custom Questions
Once the product has been created you can go in and add variations via the OPTIONS/SIZES tab
If you have product variations with Stock / SKU codes here is where you can go to delete or edit and option
Custom questions are a great way to collect additional information from customers that is not tracked as stock.
How do I include colour choices with my shopping products as well as sizes? Or how do i give different styles a different code or stock on hand quantity?
You can set the option layout to be dropdowns, swatches, single price and more
You can rename Colour, Size, and Option via the DESIGN > REWORD TITLES AND PROMPTS area.
No product option is set when a customer views the product, but you can choose to make one to be the default
With Product Variations you can enable a setting which will allow customers to add multiple options at once. Great for B2Bs.
With Product Variations you can choose to show the range of prices available rather than the main product price.
You can add image swatches to your colours, sizes and options to your Product Variations and set them to display in the product area and category list
You can add image swatches to your colours, sizes and options and set them to display in the product area and category list
Simple Product Options: global options allow you to define colours, sizes and styles as reusable options that can be applied to any product. You can centrally manage images, pricing, or removal of those colours/sizes/styles and then apply them across products or categories in bulk.
If you set the Display Stock Level to Quantity number the options will show the stock available.
With Product Varations you can set a product up so that the main product image can change when a swatch or option is selected. If using swatches the swatch can be a different image from the one that replaces the main product image.
If your Ecommerce Store has products with product variations, you can update the pricing for each variation via the Options / Sizing tab when editing the product.
Revert variations back to basic size/colour/style options.
Please see the category management area, as we consider that make/model/year is more about findability, and not an option of a product itself.
If your Ecommerce Store has products with product variations, you can add weight values for each variation via the Options / Sizing tab when editing the product.
Remember a customers choice for size, style or colour, so that it defaults for future purchases.
If you have added a product as a Product Variation, you can covert it to an standard Product if required.
FAQ Topics
Building your site
- Pages
- Content Editor Modes Explained
- - DRAG DROP Editor (Default)
- - CONTENTBOX Editor (Advanced)
- - WORD STYLE Editor (TinyMCE)
- - LIVE Editor (Click to Edit Mode)
- Styling Content
- Images / Backgrounds
- Banners and Sliders
- Uploading content
- Design Templates
- Forms
- More Q & A
- Menus
- Mobile Styling and Optimisation
Advanced Page Types
E-Commerce
- Shopping Basics
- Category Management
- Ngā Hua
- Product Options
- Layout and Formatting
- Ngā Kōwhiringa Utu
- Processing Orders
- Advanced Ecommerce
- Product Pricing, Currencies
- Plugins
- Wholesale
- Bookings Management System
- Freight - Couriers
- Stock & Quantities
- Vouchers, Discounts, Loyalty Points
- Selling Photos / Prints
- Shopping Cart Add-on Page types
- Advanced APIs / Add ons
- Te Wāhi Hoko (POS)
- Reports
- Orders / Invoices
Email & Membership
- Member Management
- Members Pages / Template Customisations
- From Addresses and Reply To Email Notifications
- Global Enquiry form options
- Standard Field Names
- Webmail
- Bulk Email
- CRM Features
- Email Campaigns
- Forums & Blogs
- Pop3/Imap Email Services
- Scams and Hoaxes
- Lead Magnets / Growing Your Customer Database
Promoting your site
Advanced
- Power User Options
- Form Spam Filtering
- Wordpress
- PHP Setup
- [TAGS]
- jQuery snippets
- Search External Links / Import external content
- HTML / CSS Snippets
- Embedding Web Fonts
- Loading additional Material Symbols styles
- FAQ Help Map
- Uploading local font files
- Advanced Template Customisation, CSS, etc
- Languages and Translations
