Replacing the main image on swatch click or option select
With Product Varations, you can set a product up so that the 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.
To replace Product images on Swatch click
- Add the required product variation
- Add an image to the variation via the blue image icon.
When the variation is selected, the image will be replaced with that assigned to the variation.
The variation image will also appear under the main image as a thumbnail.
If your Product Variation has more than one value e.g. Size and Colour, both options must be selected for the required variation image to show.
Display Issue with Variation Images
(when Product Image Preference set to SELECTED COLOUR SWATCH)
If using Product Variation Images you should look not use the Display Setting > Product Image Preference to Selected Colour Swatch.
This will cause a conflict where the system to try and replace the main product image with the Product Variation Image AND the Colour Swatch.
You should look to use one approach or the other.
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.
FAQ Topics
The Basics
Building your site
Advanced Page Types
E-Commerce
- Shopping Basics
- Category Management
- Produkte
- Product Options
- Layout and Formatting
- Zahlungsoptionen
- 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
- Kassensystem (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
- API - EDI
- FAQ Help Map
- Uploading local font files
- Advanced Template Customisation, CSS, etc
- Languages and Translations
