Get a quick single-click solution to share your products on various social media platforms.Buy Now!
Public Ticket #3508

Franky

Hello! We finally managed to set up the Variations Table. We use a popup to show the table on our site. However, on mobile devices it always shows the names of the taxonomies: “Thumbnail”, “Price”, etc. How can we get rid of this and also achieve a good looking on mobile devices too?

Also is there an option to have an “Add all to cart” button to bulk add products to cart?

And another question is: is there any chance to have the products also next to each other not just under? I mean can we have more columns of products shown at the same time? So we would not have to scroll so much if we have a lots of variations!

Thank you!

wpxteam

wpxteam

Hi Franky,
I hope that you are doing great.

Please add the following CSS to the customizer. It will remove the titles from mobile devices too.

@media screen and (max-width: 767px) {
.pvtfw_variant_table_block table.variant td:before {
display:none;
}
}

Also is there an option to have an “Add all to cart” button to bulk add products to cart?

Yes, you can do that with the premium version of our plugin.
Here is how it works.

Is there any chance to have the products also next to each other not just under? I mean can we have more columns of products shown at the same time? So we would not have to scroll so much if we have a lots of variations!

Unfortunately, this is not possible at this moment. Do you have a design or any visual representation for that?

We will wait for your feedback.
Thank you

Franky

Franky

Thank you very much! That one helped with the mobile view!
Actually, can we also add a CSS code to align the items centered to look more professional on mobile devices? Also we would like to change the fonts to match our websites own font.

I think we will purchase the premium version, thank you for that too!

One more question: can we add the '+' and '-' buttons for the quantity selector ONLY on mobile devices?

Franky

Franky

I wrote every CSS that I wanted, so thank you!

However I still want to know if we can add '+' and '-' buttons for the quantity selector ONLY on mobile devices?

wpxteam

wpxteam

Hi Franky,

I am glad that you were able to write part of the CSS yourself 💪️

One more question: can we add the '+' and '-' buttons for the quantity selector ONLY on mobile devices?

Please add the following CSS to the customizer:

@media screen and (min-width: 900px){
.pvt-qty-input{
display: block;
background-color: transparent;
border-radius: 0px;
max-width: 50px;
overflow: visible;
max-height: max-content;
}

.pvt-qty-input .qty-count{
display: none;
}
.pvt-qty-input input.input-text.qty.text{
width: 100%;
background-color: #f2f2f2;
text-align: left;
font-weight: normal;
appearance: auto;
}
.pvt_loaded.woocommerce-page .input-text{
padding: none;
}
}

It should produce this output.

If you found my support helpful, could you leave your valuable review here:
https://wordpress.org/support/plugin/product-variant-table-for-woocommerce/reviews/

Your rating keeps us inspired 🎉️

Thanks a lot & have a great day

wpxteam

wpxteam

Hi Franky,

We are sorry for the inconvenience.

Please try placing the CSS at the very top of all CSS in the customizer.

If it does not help, please give us temporary admin access to your site.

You can use this plugin to create a passwordless temporary login link.

We will wait for your feedback.

Thank you