Skip to main content

Product Variations Table With Quick Cart Documentation

Pre Sales Section

Do you offer a free trial?

Instead of a free trial, we offer an unconditional 30-day money back guarantee. This lets you buy the plugin and test the full functionality for a full month – and if you’re not happy for any reason then you can get a full refund, no questions asked.

Do I have to pay annually?

Yes, if you buy our pro plugin then you have to pay an annual charge. We work hard to continually add new features, important security updates, and provide customer support.

When you buy a Product Variations Table with Quick Cart  plugin, you can choose whether to purchase an annual or lifetime license. This gives you a choice of whether to pay a smaller amount each year, or make a one-off payment for life. Our service and commitment to you are the same either way.

How many sites can I use the plugin on?

When you buy one of our plugins, you can choose between 3 plans (annual or lifetime):

  • 1 site
  • Up to 5 sites
  • Up to 20 sites
30-day money back guarantee

We offer a full 30-day money-back guarantee. If you decide you don’t want the plugin within the first 30 days after purchase – for whatever reason – then we will give you a full refund.

This is a perfect way for you to try the plugin before you commit, risk-free.

How can I get a refund?

Please contact us to request a refund.

  • You can request a refund up to 30 days after purchase.
  • You don’t need a reason to request a refund. Simply contact our support team with your name and either your email address or license key.

How to activate plugin

After purchased our plugin “Product variations Table With Quick cart” you will need to activate our plugin first. otherwise you will not able to used our plugin pro features.  before activate our plugin you will see our plugin dashboard like below screenshot

newdashbord image

 

So you need to active our plugin to use our given license key to you. Our plugin activation process is very easy.  After install & active our plugin please go to plugin control panel and here you will find activation option. see below screenshot

Activate

Carousel setting Section

Variation Quick Cart Carousel Position:
carousel postion setup

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.

carosel settings display
carosel postion left
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

Carousel on off
carosel off at frontend

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. See below screenshot

carosel auto play off backend
image19 1

After save change you will see our Quick Cart Carousel Autoplay will stop. Check below screenshot.

carosel postion top 1

Now carousel auto play stop.

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. Check below screenshots

carosel button bg color
image19 1

Now 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.

carosel button bg changed
Carousel Button Icon Color:

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

carosel btn icon color
image19 1
carosel btn icon color changed
Variation Quick Cart Popup Show:
variation popup settings
image19 1

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.

popup show
Variable Quick Cart Popup Position
popup postion

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

popup postion display
postiton right setup
image19
position right setup display

So now you can see our popup displaying the right position of  the  variable product.

Variation Quick Cart Popup Contents
popup contents

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 which  you can see below screenshot.

popup 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 from settings

Popup Background Color:

You can change the popup background color easily from our plugin global settings.

Follow below screenshots.

popup bg color settings
save change

Here I chose this color for our quick cart and saved change. After that our popup background color will be changed. See below screenshot.

popup bg color changed
Popup Text Color:

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.

popup text color settings
save change

After that, the popup text color will be changed. See below screenshots

save change
remove add to cart icon

Here you can see the add to cart button icon removed from the button.

Variation Quick Cart Add To cart Button Text:
add to cart text setup

Here i change add to cart text to Add to Busket and save change below

add to cart
save change

After save change you will see that, quick cart popup add to cart button text will be changed.

add to cart text changed
Add Cart button style
add to cart button style setup one

As per above screenshot you can see, here setup add to cart button background , hover and text color. So if you want to change our quick cart popup add to cart button background, hover and text color then you can do it easily from here. Check the below screenshot

add to cart button style setup two
save change

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.

add to cart button changed sytle
Quick cart popup quantity plus minus button style section
qty btn setup one
qty btn preview

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. Follow below screenshots.

qty color setup
save change

And now save change. After that, you will see that, quantity button background and hover and text color will be changed like below screenshot

qty btn color changed

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.

qty input border
save change

After that, you will see like below screenshot.

qty input border color changed
Variation Table settings section
Variation table position:
table postion

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. See below screenshot.

table position changed setup
save change

Now you will see the Variation Table will display before product summary like below screenshot.

display table before summary
Variation Table Border Hide/Show:
table border hide show 1
table without boeder

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.

table border switch on

Now save change

save change

After saving change, you will see the table border at our table. Check below screenshot.

display table border
Variation Table on/off:
variation table on

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. Check below screenshot

table switch off

Now save change.

save change

After that, you will see, our Product variation table will be disabled.

hide table
Product variations table style area

You can easily customize our product table design for our style settings. Follow below screenshots.

table stylesetup one

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. Follow the below screenshots.

table style changed

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.

style two

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.

save change
customize style table

So you can give your own customized table design look as you want.