Return to previous page

Firefox add-to-cart glitch - by mleihs - on WordPress WooCommerce support

This topic has 24 replies, 3 voices, and was last updated 7 years, 10 months ago ago by Eva Kemp

mleihs

Participant

May 6, 2016 at 13:03

Hi,

when using Firefox the add to cart buttons gets rendered at the wrong place. It works fine in Chrome, though.

-> http://imgur.com/Erug5he

Best regards

#124448 Copied

23 Answers
Jack Richardson

Support staff

May 6, 2016 at 14:03
Hello,

Add this code in custom.css file:
```
.single-product-page .product-info .single_add_to_cart_button {
   float: left !important;
}
```
Best regards,
Jack Richardson.
#124468 Copied
mleihs

Participant

May 6, 2016 at 16:11

Hi,

thanks. That worked… but now the wishlist text is right of the button. It should be below the button like before.

-> http://imgur.com/KpWvC8z

Thanks again!

Best regards

#124495 Copied

mleihs

Participant

May 6, 2016 at 16:33

Hi,

there’s a new url [1]

Best regards

Please, contact administrator
for this information.

#124496 Copied
Jack Richardson

Support staff

May 7, 2016 at 08:44
Hello,

Replace the code in child style.css:
```
.single-product-page .product-info .single_add_to_cart_button {
    float: left !important;
}
```
to this one:
```
.single-product-page .product-info .single_add_to_cart_button {
    float: none !important;
}
```
Best regards,
Jack Richardson.
#124564 Copied
mleihs

Participant

May 8, 2016 at 08:49

?

if I change this to “none” the button looks as broken as in the beginning.

It should look like it does on Chrome. The button be in the same place, the wishlist font below the button.

Best regards

Please, contact administrator
for this information.

#124614 Copied
Jack Richardson

Support staff

May 10, 2016 at 11:03
Hello,

I’ve changed the code in child style.css to:
```
.single-product .wishlist-btn-container.with-styles {
    float: left;
}
```
Clear browser/server cache and check single product page then.

Best regards,
Jack Richardson.
#124878 Copied
mleihs

Participant

May 10, 2016 at 19:23

Hi,

it looks like this: http://imgur.com/r9QTVak

Please go there [1] using Firefox to see it in the browser.

Please, contact administrator
for this information.

#125013 Copied

mleihs

Participant

May 11, 2016 at 16:49

— push —

because site is online.

#125250 Copied
Jack Richardson

Support staff

May 12, 2016 at 08:45
Hello,

Sorry for a delay.
Please use this code in child style.css file:
```
.single-product .yith-wcwl-add-button.show {
   display: inline-flex !important;
}
```
Best regards,
Jack Richardson.
#125400 Copied
mleihs

Participant

May 12, 2016 at 17:07

Hi,

thanks, but that did not work

-> http://imgur.com/7bAkmQ9

Please see yourself.

Best regards

#125534 Copied

Eva Kemp

Support staff

May 13, 2016 at 09:26

Hello,

As I see in Firefox the button is shown this way:
http://storage6.static.itmages.com/i/16/0513/h_1463127907_5302050_c711e51668.jpeg

Please clear browser cache and check the page, don’t forget to add the css code provided before.

Regards,
Eva Kemp.

#125629 Copied

mleihs

Participant

May 16, 2016 at 10:38

Hi,

thanks. I emptied the cache and checked it on different PCs using Firefox (Win 10 + FF 46.0.1).

It still looks like this: http://imgur.com/bzKdaKW

Please check this url [1] for yourself.

Best regards

Please, contact administrator
for this information.

#125895 Copied

Jack Richardson

Support staff

May 16, 2016 at 14:16

Hello,

I’ve checked the link you provided on Windows PC with the latest FF browser and don’t see the problem, here is the screenshot http://prntscr.com/b4oruk

Best regards,
Jack Richardson.

#125972 Copied

mleihs

Participant

May 18, 2016 at 09:46

Hi,

it doesn’t look like this over here. It looks like this: http://imgur.com/4MMPoTF

I cleared the cache and tried it at another system (also Win10 + FF). The client is reporting the same issue and two other people I asked are seeing the same as I do. Could you please re-check this?

The client is getting pissed. This is going on for more than 10 days now.

Thank you!

Best regards

#126284 Copied
Eva Kemp

Support staff

May 18, 2016 at 14:52
Hello,

Please try to use this css code:
```
.single-product-page .product-info .single_add_to_cart_button {
   display: block !important;
}
```
Regards,
Eva Kemp.
#126378 Copied
mleihs

Participant

May 25, 2016 at 08:44

Hi,

the snippet is already included in the style sheet. That isn’t doing the trick.

Best regards

#127096 Copied

Eva Kemp

Support staff

May 25, 2016 at 14:23

Hello,

Again we checked on different PC’s in Firefox browser and saw the page correctly:
http://storage6.static.itmages.com/i/16/0525/h_1464182416_3836783_d0259ab39f.jpeg

Unfortunately we can’t replicate the issue you’re describing.

Regards,
Eva Kemp.

#127176 Copied

mleihs

Participant

May 25, 2016 at 15:33

Hi,

mh, that’s really a weird situation because I am seeing this, my client is seeing this and I tested it on several other machines and the glitch@screenshot looks exactly the same.

To be sure:
You tested this on Win10 + up-to-date FF, right?

I made sure that all addons of FF (Ad blockers, etc.) are disabled and the cache is clear when testing it myself.

Thanks for taking care.

Best regards

#127184 Copied

Eva Kemp

Support staff

May 26, 2016 at 14:44

Hello,

We checked in Win10 + FF and didn’t see the issue:
http://storage5.static.itmages.com/i/16/0526/h_1464270213_2104443_f6c4273e49.jpeg

You need clear the cache on a server and in a browser.

Regards,
Eva Kemp.

#127307 Copied
1 2

Viewing 20 results - 1 through 20 (of 24 total)