If you're using Style/Colour/Size functionality for product codes in your ERP, you might integrate your variant data (rather than maintain it online).

However, in the CMS you can still associate tags with your variants, allowing you to take advantage of image switching on your website. 


On this page:


Integrated Variant Settings

Because every business is a little different in the way they build stock codes, we'll configure the Variant settings for you on implementation of your BPD site. 


If you'd like to see what your settings look like (or to update them if there's an error), follow the steps below.  

  1. in the CMS, go to SettingsSettingsFeature Management.
  2. Configure the Product Variants feature. 
  3. Review settings as required:
    1. Product Variant Mode = Integrated
    2. Number of Variants Used - the number of variants in use across your product range. Products with Style, Colour, and Size options would require 3 variants.  
    3. Variant X Code - the code from your ERP table for that part of the stockcode ('SZ' for example)
    4. Variant X Description - the description from your ERP table for that part of the stockcode ('Size' for example)



  4. If you've made any changes here, don't forget to Save & Exit


Variant Tags

When you assign tags to your product images, you'll need matching tags against your product variant options in order for the image to switch on change of selection.  

To add tags to your integrated variants: 

  1. In the CMS, go to Products & Categories → Variant Tags.

  2. Select a variant from the dropdown to see all data for that type (Colour or Size, for example). 

  3. Use the search to find your variant, then click Edit


  4. Enter a tag against the option, ensuring it's the same tag you've entered (or will enter) against the corresponding image in Product Maintenance.


  5. Click Update to save changes.



Example of use

You can see in the screenshot above, we added the tag 'Blue' to the 'Bright Blue' variant.

Now, any products with "Bright Blue" as an option just need an image tagged 'Blue'. When the user selects Bright Blue, the system matches the tags and the image switches accordingly. 

 


Related help