Want To Add Extra Images Per Product Variations? Download This Free Plugin

Bug in your app

Hello,

All my variation look like very strange and the design is really poor

I got many bug on my website with your app ! Can you check and fix it please ? It’s not normal on all the page it’s look so unprofessionnal.

I show you on this video : https://www.loom.com/share/58b742eea126448a96ea8a16e2963163

I wait for your answer, thanks

Hakik Zaman

Hi Bastien,

Thank you for reaching out to us. Please kindly do a plugin compatibility check by doing these steps to identify the error :

=> Deactivate all of your additional plugins except WooCommerce and WooCommerce Variation Swatches Plugin.

=> See if the problem persists. If the problem is resolved, you can understand which plugin might be the culprit of this error by activating your additional plugins one by one.

Looking forward to hearing from you soon.

Thank you

Hakik Zaman

Hi Bastien,

Can you please temporarily disable our Swatches plugin and check if the issue still persists or not?

Hope to hear from you soon!

Thank You

Hakik Zaman

Hi Bastien,

In that case, the issue is not coming from our side.

Please kindly do a plugin compatibility check by doing these steps to identify the error :

=> Deactivate all of your additional plugins except WooCommerce.

=> See if the problem persists. If the problem is resolved, you can understand which plugin might be the culprit of this error by activating your additional plugins one by one.

If the plugin compatibility check didn’t help, please contact theme support.

Thank You

Hello

 

I found the problem

 

Before I asked for the same problem and your support give me this code to add into CSS

 

.product-block.v9 .group {
max-width: 100%;
}
.woocommerce form.cart .variations {
border: 0;
width: 100%;
}
.woocommerce table.variations tr {
display: flex;
}
.woocommerce table.variations tr td.value {
flex: unset;
}
.woocommerce .elementor-align-center table.variations tr {
justify-content: space-around;
}
.woocommerce .elementor-align-right table.variations tr {
justify-content: flex-end;
}
.woocommerce .elementor-align-left table.variations tr td.value {
flex: 1;
}
.woocommerce table.variations td.label {
color: #000;
font-size: 14px;
min-width: 76px;
text-align: left;
padding: 0;
border: 0;
}
.woocommerce table.variations td.value {
border: 0;
padding: 0;
}
.woocommerce table.variations .reset_variations {
float: left;
}
.single-product #shop-now button.single_add_to_cart_button {
background-color: #FF6C00;
box-shadow: none;
}
body.wvs-css.tbay-variation-free .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item {
border: 1px solid black;
}

 

But now is not working anymore.

 

Can you adjust this code ?

Hakik Zaman

Hi Bastien,

Can you please give me that ticket ID?

So that I can understand why we give you this custom code.

Thank You

Hakik Zaman

Hi Bastien,

If you created that ticket using your current user id. Then you will find all your tickets here.

Thank You

No I don’t have anymore this ticket, I see only this one. Maybe was in the chat service ? I forget it’s almost one year ago

Hakik Zaman

Hi Bastien,

Please remove that code [before removing keep a backup].

Then check how it looks without that code.

Thank You

Hakik Zaman

Hi Bastien,

Unfortunately, your screenshot was not attached properly. Please upload your screenshot here- https://prnt.sc/

Then post the screenshot link here.

Thank You

Hakik Zaman

Hi Bastien,

The issue you are mentioning is not related to our plugin.

The styling is coming from your theme. Please check this screenshot.

From our inspection, swatches are displaying well.

Please contact your theme support regarding this issue.

Thank You

Now I can’t select the quantity anymore , did you change anything ?

Hakik Zaman

Hi Bastien,

Now I can’t select the quantity anymore , did you change anything ?

We didn’t change anything just used inspect element (from the browser inspect tool). We have no codebase for the quantity field.

Please contact theme support regarding your issue.

Thank You