Modifier For Color Label Variations For Woocomerce

March 30, 2018

Modifier For Color Label Variations For Woocomerce Plugin

Beautiful Color, Image For WooCommerce Product Attributes

Beautiful Color, Image For WooCommerce Product Attributes

Modifier For Color Label Variations For Woocomerce plugin provides a much nicer way to display variations of variable products. This plugin will help you select style for each attribute as color, image or label. With this plugin, you can present product colors, sizes, styles and anything else in the better way which is not support by WooCommerce.
This plugin only add more options to show product variations with swatches. It doesn’t touch the default dropdown style from WooCommerce.

With a friendly and easy-to-use interface, you can add default color, image or label to each attribute in the attribute management page.

In the Modifier For Color Label Variations plugin, besides creating image, color, and label variation swatches, you can choose the swatches shape style Square or Circle. On top of that, it allows you beautiful tooltips on variation swatch hover with the name. It is also possible to output attribute in the column together with their names.

  • Work on variable product.
  • Enable attributes into images swatches.
  • Enable attributes into color swatches.
  • Enable attributes into label swatches.
  • Ability to add two color attributes.
  • Option to select Square or Circle variation shape.
  • Output of attributes along with their name.
  • Tooltip insert and display settings.
  • No extra option and no conclusion.

For contribution

Join Project in Github

Installation

Automatic Install From WordPress Dashboard

  1. Login to your the admin panel
  2. Navigate to Plugins -> Add New
  3. Search Modifier For Color Label Variations For Woocomerce
  4. Click install and activate respectively.

Manual Install From WordPress Dashboard

If your server is not connected to the Internet, then you can use this method ->

  1. Download the plugin by clicking on the blue button above. A ZIP file will be downloaded.
  2. Login to your site’s admin panel and navigate to Plugins -> Add New -> Upload.
  3. Click choose file, select the plugin file and click install

Install Using FTP

If you are unable to use any of the methods due to internet connectivity and file permission issues, then you can use this method ->

  1. Download the plugin by clicking on the blue button above. A ZIP file will be downloaded.
  2. Unzip the file.
  3. Launch your favorite FTP client. Such as FileZilla, FireFTP, CyberDuck etc. If you are a more advanced user, then you can use SSH too.
  4. Upload the folder to wp-content/plugins/
  5. Log in to your WordPress dashboard.
  6. Navigate to Plugins -> Installed
  7. Activate the plugin

Screenshots

  1. Single Product variation page - Colorpicker

    Single Product variation page - Colorpicker

  2. Single Product variation page - Colorpicker in circular

    Single Product variation page - Colorpicker in circular

  3. Single Product variation page - Two colorpicker in circular

    Single Product variation page - Two colorpicker in circular

  4. Single Product variation page - Image

    Single Product variation page - Image

  5. Single Product variation page - Tooltip above colorpicker

    Single Product variation page - Tooltip above colorpicker

  6. Single Product variation page - Description after colorpicker

    Single Product variation page - Description after colorpicker

  7. Available Attribute Options

    Available Attribute Options

  8. Attribute 'Two colorpicker in circular' Type Preview

    Attribute 'Two colorpicker in circular' Type Preview

  9. Add new attributes in product

    Add new attributes in product

  10. Add values -> Check 'Used for variations' -> Save -> Go to Varation

    Add values -> Check 'Used for variations' -> Save -> Go to Varation

  11. Variation Product Edit view

    Variation Product Edit view

FAQ

Installation Instructions

Automatic Install From WordPress Dashboard

  1. Login to your the admin panel
  2. Navigate to Plugins -> Add New
  3. Search Modifier For Color Label Variations For Woocomerce
  4. Click install and activate respectively.
Manual Install From WordPress Dashboard

If your server is not connected to the Internet, then you can use this method ->

  1. Download the plugin by clicking on the blue button above. A ZIP file will be downloaded.
  2. Login to your site’s admin panel and navigate to Plugins -> Add New -> Upload.
  3. Click choose file, select the plugin file and click install
Install Using FTP

If you are unable to use any of the methods due to internet connectivity and file permission issues, then you can use this method ->

  1. Download the plugin by clicking on the blue button above. A ZIP file will be downloaded.
  2. Unzip the file.
  3. Launch your favorite FTP client. Such as FileZilla, FireFTP, CyberDuck etc. If you are a more advanced user, then you can use SSH too.
  4. Upload the folder to wp-content/plugins/
  5. Log in to your WordPress dashboard.
  6. Navigate to Plugins -> Installed
  7. Activate the plugin

How can I configure attributes?

Even this plugin has been installed and activated on your site, variable products will still show dropdowns if you’ve not configured product attributes.

  1. Log in to your WordPress dashboard, navigate to the Products menu and click Attributes.
  2. Click to attribute name to edit an exists attribute or in the Add New Attribute form you will see the default Type selector.
  3. Click to that Type selector to change attribute’s type. Besides default options Select and Text, there are more 13 options Colorpicker, Colorpicker in circular, Description after colorpicker, Tooltip above colorpicker, Two colorpicker, Two colorpicker in circular, Description after two colorpicker, Tooltip above two colorpicker, Image, Image in circular, Tooltip above image, Description after image, Label to choose.
  4. Select the suitable type for your attribute and click Save Change/Add attribute
  5. Go back to manage attributes screen. Click the cog icon on the right side of attribute to start editing terms.
  6. Start adding new terms or editing exists terms. There is will be a new option at the end of form that let you choose the color, upload image or choose as a button for those terms.

Changelog

1.0.0

  • Initial release

Details

  • Version: 1.0.0
  • Active installations: 80
  • WordPress Version: 2.4.1
  • Tested up to: 4.9.26
  • PHP Version: 5.6

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars