“WooCommerce Quick Buy” Documentation by “Ozibal” v1.0


“WooCommerce Quick Buy”

Created: 24/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 adds Buy Now button for WooCommerce product. Reduces standard 4-stage purchasing to one click. One click adds the product basket and automatically switches to the payment page. Your visitors will buy your product directly without being lost between pages.

 


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. (quickbuy.zip)
  2. Copy the plugin folder (quick-buy) 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 (quickbuy.zip) and click “install now’ button.

Activate the quick buy plugin from plugins menu.
You can customize the Quick Buy 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 "Quick Buy" section under the "Products" tab.

  1. Select the product
  2. Write the button text
  3. Select the inputs

Add New
Adds a new QuickBuy

Delete
Deletes the QuickBuy

Visibility
Activates the QuickBuy

A button will be created for the product you have selected (all product types : variation or simple). You can show it as a button or a ShortCode. Unlimited number of ShortCodes or Buttons can be generated

For ShortCode [QuickBuy id] for example : [QuickBuy 2]

When you click on the button or ShortCode, the product is automatically added to the cart and the checkout page opens.

That is all


 


E) CSS - top

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

            
            /* Button CSS */
            .quickbuy_show{ /* Button div */
            
                position: absolute;
                padding: 14px;
                padding: 10px;
                z-index: 99999999999999;
            
            }
            
            .quickbuy_show img{  /* Icon */
                width:30px !important;
                height:30px !important;
                margin-right:10px !important;
            }
            .quickbuy_show a{  /* Link */
            
                font-size: 20px;
                background-color: #00bb5a !important;
                color: #FFFFFF !important;
                border:solid 2px #00bb5a;
                border-radius:5px;
                padding : 5px;
                display:inline-flex;
                text-decoration:none;
                line-height:1.5em;
                cursor:pointer;
            
            }
            .quickbuy_show a:hover{  /* Link hover */
            
                background-color: #555555 !important;
                color: #ffffff;
                border:solid 2px #00bb5a;
                width: 100%;
            
            }
            
            
            /* ShortCode CSS */
            
            .quickbuy_shortcode{ /* Button div */
            
                position: initial;
                padding:0px;
                padding: 10px;
                z-index: 99999999999999;
            
            }
            
            .quickbuy_shortcode img{  /* Icon */
                width:30px !important;
                height:30px !important;
                margin-right:10px !important;
            }
            .quickbuy_shortcode a{  /* Link */
            
                font-size: 20px;
                background-color: #00bb5a !important;
                color: #FFFFFF !important;
                border:solid 2px #00bb5a;
                border-radius:5px;
                padding : 5px;
                display:inline-flex;
                text-decoration:none;
                line-height:1.5em;
                cursor:pointer;
            
            }
            .quickbuy_shortcode a:hover{  /* Link hover */
            
                background-color: #555555 !important;
                color: #ffffff;
                border:solid 2px #00bb5a;
            
            }
            
            /* General CSS */
            
            .left{ /* Button position */
                left: 0px;
            }
            
            .right{ /* Button position */
                right: 0px;
            }

		

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