“WooCommerce Extra Variation” Documentation by “Ozibal” v1.0


“WooCommerce Extra Variation”

Created: 4/4/2017
By: Ozibal
Email: ozibal@gmail.com

Banner

Thank you for purchasing my plugin. If you have any problems beyond the scope of this help file, please do not hesitate to contact me here. Thanks so much!

Table of Contents

  1. How does it work
  2. Which language support is available ?
  3. Installation
  4. Settings
  5. CSS


A) How does it work ? - top

Banner

This plugin works under WooCommerce. It creates extra variation for simple or variable products. Automatically adds extra variation lists created to all categories or desired categories. It removes the necessity of making individual variations for each product. Adds the selected extra variation price to the product price. The product calculates the total price when the cart is dispensed and arranges the cart by adding the selected variations to the bottom of the product name.

 


B) Which language support is available ? - top

Full language support is available. English and Turkish language support is included in the package. If you help me, I can translate in your language with a little text.

Please mail me here for this.


C) Installation - top

With Ftp
  1. Unzip the compressed file. (extravariation.zip)
  2. Copy the plugin folder (extra-variation) to the / wp-content / plugins / folder.
With Admin Panel(wp-admin)
  1. Go to Plugins / Add New menu
  2. Click ‘Install Plugin’ button
  3. Click ‘Choose File’ button
  4. Choose compressed file (extravariation.zip) and click “install now’ button.

Activate the quick buy plugin from plugins menu.
You can customize the Extra Variation plugin under the WooCommerce Products menu.

Note: If other versions of the plugin were previously installed, uninstall it first.


D) Settings - top

You can adjust the plugin settings in the "Extra Variation" section under the "Products" tab.

Add new
Fill in the fields and click the 'Add' button. In the 'Price' field, just the number and '.' is the only allowed characters to enter. The number you enter in the 'Price' field is converted to the same format as the currency and decimal settings specified in the WooCommerce settings.
Attention ! Newly added groups are marked for display in all categories. Click on the name of the group to change it.

Adding new variants to Group
The same group name is grouped by the name. For example, if you want to add a new variation to the 'Cheese' group. Just fill in the 'Group' field with 'Cheese'.

Change an existing variation
Click on the variation you want to change. The information will be moved to the input field and the button will be changed to 'Update'. Make the changes and click the 'Update' button.

Change an existing group
Click on the group you want to change. The group name will be moved to the input field and the button will be changed to 'Update'. Make changes and click on the "Update" button.


Change the categories in which the group will be displayed
Click on the group you want to change. The group name will be moved to the input field, the 'Add Product Category' selection field will be added and the button will be changed to 'Update'. Click on the selection field to make changes. In the drop-down list, select the category you want. The selected category will be added to the product group and displayed in the 'Enable Categories' field. The 'Add Product Category' selection list is created from the categories you specify for the products you have entered in the 'WooCommerce Products' field. In the 'Enable Categories' field, you can select as many categories as you want. If 'All Products Enable' is selected, the group will be displayed in all categories. If 'Disable' is selected, the group will not be displayed in any category. To delete one of the categories you have selected in the 'Enable Categories' field, just click on it.
Attention ! Categories that are empty are not listed.

Change the products in which the group will be displayed
Click on the group you want to change. The group name will be moved to the input field, the 'Search Product' field will be added and the button will be changed to 'Update'. Click on the field to make changes. Key press and in the drop-down list, select the product you want. The selected product will be added to the product group and displayed in the 'Enable Categories' field. In the 'Enable Categories' field, you can select as many product as you want. To delete one of the product you have selected in the 'Enable Categories' field, just click on it.

Delete an existing variation
Just click on the 'X' button next to the variation you want to delete.
Attention ! Deletion will be done immediately without confirmation.

Delete an existing group
Just click on the 'X' button next to the group you want to delete.
Attention ! All variations belonging to group will be deleted. Deletion will be done immediately without confirmation.

Cancel change
If you click on the group or variation for the change operation, the input field and the the button will be changed. Button caption will be 'Update'. To cancel this action, click the '!' button (next to the update button). The screen will return to its original state.

Change order of group or variation
You can change the order with the up and down arrows next to the group name or the name of the variation.

Note:
When you hover mouse cursor on the arrows you will see the current rank number.

 

 

Question
If you want to add a caption for your guests, first mark the checkbox and type a text.

Group Title
You can hide or show the group title.

Connection Line
You can hide or show the connection line between group title and variation name.

Show Variation
You can show variation name, thumbnail or thumbnail with name.

Selection
You can select multi variation (Checkbox), single variation (Radio button), single variation and required (Radio button), single variation from each group (Radio button), single variation and required from each group (Radio button).

Price
You can hide or show price

List
You can list variations by line or follow-up

Attention!
Cart only shows the name of the variation. The variation thumbnail is not show on the cart.


E) CSS - top

The plugin uses the following css tags. These tags are in 'extravariation-style.css'. You can use these tags to personalize the view.

            @media (max-width: 45rem) { // Mobil View
                .extra-variation-catconnect {
                    width : 28px;
                }
                .extra-variation-catundertab{
                    padding-left:30px;
                }
            }

            .extra-variation-box { // Main Frame Div
                box-sizing: border-box;
                background: white;
                border: 1px solid rgba(200, 215, 225, 0.5);
                margin-top:10px;
                padding:5px;
                margin-bottom: 10px;
            }
            
            .extra-variation-primarycat{ // Group
                text-decoration:none;
                line-height:2em;
                background: #00aadc;
                border:none;
                color: white;
                margin-left:0px !important;
                padding:3px;
            }
            
            .extra-variation-catconnect{ // Group and Variation Connection Line
                width : 50px;
                margin: 0px;
                border-left: dotted 2px #00aadc;
                border-bottom: dotted 2px #00aadc;
            }
            
            .extra-variation-catundertab{ // Variation
                padding-left:50px;
            }
            
            .extra-variation-catundertab .sellectarea-with-thumbnail{ // Variation Thumbnail
                position: absolute;
                z-index: 999999;
                margin: 5px;
            }
            
            .extra-variation-catundertab img{ // Variation Thumbnail İmage
                position: inherit;
                margin-bottom:10px;
            }
            
            .extra-variation-catundertab name{ // Variation Name
                font-size: inherit;
            }
            
            .extra-variation-catundertab price{ // Variation Price
                font-weight: bold;
            }

		

Once again, thank you so much for purchasing this plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugins on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Ozibal

Go To Table of Contents