by wooxperto
WooCommerce Product Variation Table & Variation Quick Cart comes to make add to cart process faster for variable products. Most of the cases before adding a variation to cart there are some many clicks needed, which is time consuming. As a result most customers feel disappointed to choose the right variation. Ultimately business losses.
WooXperto is introducing a Product Variation table and quick cart plugin to solve this issue.
Variation Quick Cart Carousel Position:
Variation Quick Cart Carousel Position:
As per above screenshot you will see that, in our plugin Product Variations Table With Quick Cart you can change the quick cart popup position to (product Top, product bottom,BeforeTitle, After Title). So if you want to change the quick cart popup position on the Shop page then you need to go to our plugin settings panel and select any position and click the save button below. After that, you will see our Quick Cart popup position will change. See below screenshot.
Variation Quick Cart Carousel Position Top:
Variation Quick Cart Carousel On/Off:
If someone wants to disable our Quick Cart on Shop page then they can easily use the Variation Quick Cart Carousel On/Off option. See below screenshots
So it’s simple. You can easily turn on/off our Quick cart Carousel on the shop page.
Variation Quick Cart Carousel Autoplay On/Off:
By default our Quick Cart Carousel displays autoplay. But if you want to stop autoplay of Quick cart carousel then you can just disable Variation Quick Cart Carousel Autoplay On/Off Option and click the save button for save change. After save change you will see our Quick Cart Carousel Autoplay will stop. Check below screenshot.
Carousel Button Background Color:
If someone wants, then they can change our Quick cart carousel button background color to using this “ Carousel Button Background Color ” option.Click the save button below for save change. After that you will see, the Carousel Button Background color will be changed like in the below screenshot.
Also, you can change the carousel button icon color. For that, go to settings page and change icon color option and save change. After that, the icon color will be changed. See below
By default, In our Product variations Table plugin our quick cart displays on the shop page when hovering on those variations. But there are two options. So if you want then you can use another option. Here I am using the OnClick option. So when i user will click the variation then they will show a popup like below screenshot.
As per above screenshot you see that there are three (center,left,right) options for quick cart popup display position and here I am selecting the left position so the popup will show the left side of the variation product on the Shop page. So if you want to display the popup in the right position then just enable the right option and save change. After that, you will see the popup displayed on the right side on the shop page. Check below screenshots
So now you can see our popup displaying the right position of the variable product.
As per adobe screenshot we disable title and excerpts of variation quick cart popup contents section that why, in our quick cart popup display image only So you can easily control our quick cart contents as you want. Such as if you want to display title and image then just enable image from settings. Check below screenshot
You can change the popup background color easily from our plugin global settings.
Follow below screenshots.
Here I chose this color for our quick cart and saved change. After that our popup background color will be changed. See below screenshot.
Also, you can change the quick cart popup text color as you want. Go to settings page and select text color form Popup Text Color option. Follow below screenshots.
After that, the popup text color will be changed. See below screenshots.
You can easily enable and disable our Quick cart popup add to cart button icon. If you want to disable the add to cart button icon then just go to plugin setting page and disable add to cart icon from the Variation Quick Cart Add To Cart Button Icon option. See blow screenshot
Here you can see the add to cart button icon removed from the button.
Here i change add to cart text to Add to Busket and save change below.After save change you will see that, quick cart popup add to cart button text will be changed.
Add Cart button style
As you can see, here I set the add to cart button background, hover color is green and text color is black. So when we check our popup then we will see the popup then add to cart button color will be changed. See below screenshot.
So , if you want to change Quick cart popup plus minus button style i mean background, hover and text color then you can do it easily from
Our plugin settings page.Set color like this setup.Follow below screenshots.
And now save change. After that, you will see that, quantity button background and hover and text color will be changed like below screenshot
As per above screenshot you can see our popup quantity plus-minus button style is changed. Also, you can keep the quantity input field previous border color and change to another color. For that, you need to go to the settings page and change the border color and save change.
See below screenshot.
As per above screenshot you can see, you can display variations table at various positions. Such as After product summary, before product summary, after product details position. To change product variation table position at product single view you need to go to plugin settings and then select one of the option where you want to display your variation table. Here I am going to select before product summary and save changes. Now you will see the Variation Table will display before product summary like above screenshot.
By default, the Product variation table is enabled in our plugin.So If you want to disable our product variation table then you can do it easily. For that, you need to go to our plugin settings page and then scroll down after that, you will find the Variation Table On/Off option and just disable it.Now save change. Check below screenshot
After that, you will see, our Product variation table will be disabled.
By default, in our product variation table border is disabled. But if you want to display table border then you can enable it. Follow below screenshots.
After saving change, you will see the table border at our table. Check below screenshot.
You can easily customize our product table design for our style settings. Follow below screenshots.
As per above screenshot, you can see our product variations table style option for customized variations table style. Here I am going to change our product variations table style. Also, I have changed add to cart button and quantity plus-minus button background,hover and border color at above for our table’s nice look.As per above screenshot you can see here I have changed the (Table Head BG Color, Variation Table Background Color(Odd). Variation Table Background Color(Even), Variation Table Background Color Hover ) that is why, our product variations table style is changed. See below screenshot.
So you can give your own customized table design look as you want..
$0.0 monthly, billed annually at $0.0
