Support InnovativeWP Support InnovativeWP
  • Home 
  • Forum 
    • Forums 
    • Ask Question 
  • Blog 
  • Important 
    • About Us 
    • Contact 
    • Sign in 
    • Sign up 
Pricing
Support InnovativeWP Support InnovativeWP
Pricing
Support InnovativeWP
  • Home 
  • Forum 
    • Forums 
    • Ask Question 
  • Blog 
  • Important 
    • About Us 
    • Contact 
    • Sign in 
    • Sign up 

Swatches & Images

  • rc6About Plugin
  • rc16Demo
    • Product Demo
    • Video Demo
    • Additional Gallery Images
    • Variation Swatches
    • Gallery Settings
  • rc9Installation
    • WordPress Manual Installation
    • FTP Installation
  • rc12Setup
    • Basic Settings
    • More Basic Settings
    • Designs
  • rc10Gallery Images
  • rc13Global Setup
    • Attribute Setup
    • Image Variation
    • Color Variation
    • Label / Button Variation
    • Dual Color Variation
    • Radio Button Variation
  • rc14Custom Setup
    • Attribute Setup
    • Image Variation
    • Color Variation
    • Label / Button Variation
    • Dual Color Variation
    • Radio Button Variation
  • rc5SEO setup
    • Site Speed Settings
    • Sharable Links
  • rc15Additional Features
    • Enlarging Variations
    • Tooltips
    • Stock Notice
    • Limiter
    • Filter
    • Variation Names
    • Shop / Archives Page
  • cloud1Common Mistakes
    • Not setting up images
    • Infinite Scroll & AJAX
    • Caching
  • SupportFAQs
  • fun fact 5CodeCanyon
    • Button Swatches
    • Color Swatches
    • Dual Color Swatches
    • Image Swatches
    • Quick View Support
    • Dropdown Swatches
    • Vertical Product Gallery
    • Horizontal Gallery
    • Gallery Size
    • Gallery Sizes based on Devices
    • Thumbnail Image Numbers
    • Animated Preloaders
    • Auto-Playing Gallery
    • Arrows On Gallery
    • Zoom Images
    • Zoom Button
    • Product Type Disabler
    • Images on Archives
    • Swatches Shape
    • Automatic Dropdowns
    • AJAX Variation Loader
    • Out of stock disabler
    • Stock Info
    • Stock Info on Archives
    • Attribute Name
    • Animations For Not Available
    • Swatches Dimensions
    • Swatches Colors
    • Transient Caching Control
    • Swatches on Archives Page
    • Add to Cart Button Customizers
    • Swatches Alignment
    • Swatches Sizes
    • Single Variation Visibility
    • Single Variation Images
    • Dropdowns Mixing
    • Dropdowns on Archives
    • Text Tooltips
    • Image Tooltip
    • Sharable Links
    • Archives Pages
    • Filters
    • Caching
    • Migration From Other Plugins
    • Global Settings VS Custom Settings
    • Compatibility
    • Change Prize Range On Variation Selection
    • Tooltip Text Customizing
    • Image Flip Archives
    • Import / Export Variation Swatches
    • Hidden Clear Variations Button
    • Gallery Slider
    • Product Video (Youtube, Vimeo, Self Hosted)
    • Limiter

Swatches & Images

  • rc6About Plugin
  • rc16Demo
    • Product Demo
    • Video Demo
    • Additional Gallery Images
    • Variation Swatches
    • Gallery Settings
  • rc9Installation
    • WordPress Manual Installation
    • FTP Installation
  • rc12Setup
    • Basic Settings
    • More Basic Settings
    • Designs
  • rc10Gallery Images
  • rc13Global Setup
    • Attribute Setup
    • Image Variation
    • Color Variation
    • Label / Button Variation
    • Dual Color Variation
    • Radio Button Variation
  • rc14Custom Setup
    • Attribute Setup
    • Image Variation
    • Color Variation
    • Label / Button Variation
    • Dual Color Variation
    • Radio Button Variation
  • rc5SEO setup
    • Site Speed Settings
    • Sharable Links
  • rc15Additional Features
    • Enlarging Variations
    • Tooltips
    • Stock Notice
    • Limiter
    • Filter
    • Variation Names
    • Shop / Archives Page
  • cloud1Common Mistakes
    • Not setting up images
    • Infinite Scroll & AJAX
    • Caching
  • SupportFAQs
  • fun fact 5CodeCanyon
    • Button Swatches
    • Color Swatches
    • Dual Color Swatches
    • Image Swatches
    • Quick View Support
    • Dropdown Swatches
    • Vertical Product Gallery
    • Horizontal Gallery
    • Gallery Size
    • Gallery Sizes based on Devices
    • Thumbnail Image Numbers
    • Animated Preloaders
    • Auto-Playing Gallery
    • Arrows On Gallery
    • Zoom Images
    • Zoom Button
    • Product Type Disabler
    • Images on Archives
    • Swatches Shape
    • Automatic Dropdowns
    • AJAX Variation Loader
    • Out of stock disabler
    • Stock Info
    • Stock Info on Archives
    • Attribute Name
    • Animations For Not Available
    • Swatches Dimensions
    • Swatches Colors
    • Transient Caching Control
    • Swatches on Archives Page
    • Add to Cart Button Customizers
    • Swatches Alignment
    • Swatches Sizes
    • Single Variation Visibility
    • Single Variation Images
    • Dropdowns Mixing
    • Dropdowns on Archives
    • Text Tooltips
    • Image Tooltip
    • Sharable Links
    • Archives Pages
    • Filters
    • Caching
    • Migration From Other Plugins
    • Global Settings VS Custom Settings
    • Compatibility
    • Change Prize Range On Variation Selection
    • Tooltip Text Customizing
    • Image Flip Archives
    • Import / Export Variation Swatches
    • Hidden Clear Variations Button
    • Gallery Slider
    • Product Video (Youtube, Vimeo, Self Hosted)
    • Limiter

Color Variation

Estimated reading: 1 minute

How To Create Color Variation Swatches For Manually Created Attributes?


Change Manual Attribute Type

Access Attributes tab  from product data inside your product edit mode, and found variations are separated by pipe sign like the following screen. It means you have created  variation manually.

To Convert these manually created attribute variations, head to Swatches Settings tab, and select Color type from Select (Default) Dropdown.

After selecting attribute type,  the frontend of the product would look like the following screenshot. Don’t be panic, if you find your attribute variations are white. It happens because you haven’t defined any color for variations yet.

Select Color For Variations

After selecting attribute type, press the Color attribute accordion, it will reveal setting to add colors for its available variations.

If you can successfully add variation color. You can see the following swatches in your product frontend.

Video Guide:


How can we help?

A premium WordPress theme with integrated Knowledge Base,
providing 24/7 community based support.

  • Documentations
  • Support Forum
  • Contact Us

© 2022 All Rights Reserved by InnovativeWP