Return to previous page

Customers can not choose shipping method on cart page

This topic has 17 replies, 3 voices, and was last updated 7 years, 4 months ago ago by Laranz

emeliech

Participant

April 24, 2017 at 15:48

Hello,

since Recent woocommerce updates the cusotmer cannot select shipping method on cart page.

To Replicate go to https://www.ringsofsweden.com

Please add a product to cart. Then go to the cart and try choosing shipping option.

Why is this happening?

Thanks!

Marcus

#161079 Copied Theme version: 3.0 WooCommerce version: 3.0.4

16 Answers

Rose Tyler

Support staff

April 25, 2017 at 13:09

Hello,

Go to Appearance > Themes > install and activate Storefront theme – official WC theme and check if you have this issue with our theme only or even with official theme too.

Regards,
Rose Tyler.

#161185 Copied

emeliech

Participant

June 16, 2017 at 14:20

Hello,

It is only in the royal theme the problem occurs.

Hope to get help fast.. totally forgot about this before.

Thanks!

#165912 Copied

Laranz

Participant

June 19, 2017 at 03:42

Hi,

It shows fine in Firefox http://take.ms/3UMBVF but not on Chrome, can you try disable the cache plugin you’re using and see that fix anything? or try disable all the plugin except woocommerce and clear the cache and see that fixes the issue?

Let us know,

Thanks,
laranz.

#165981 Copied

emeliech

Participant

June 20, 2017 at 10:06

Hello,

I played around in the inspector and found that when deselecting some webkit things in the css the radio buttons appeared. (Even thought the buttons where not there it was possible to press them)

Please see image of inspector when not working: https://snag.gy/ST5Ei0.jpg

When they have been deselected and its working: https://snag.gy/G78phT.jpg

The site is live so if there is another way for us to find out whats causing it or if we can fix it without deactivating stuff I would be happy.

Kind regards,

Marcus

#166072 Copied

Rose Tyler

Support staff

June 20, 2017 at 10:18

Hello,

This code related to your Custom css http://prntscr.com/flwyrl. Please check.

Regards,
Rose Tyler.

#166074 Copied

emeliech

Participant

June 21, 2017 at 10:55

Hello,

Removing the code I have added worked.

I would like to ask something else which is connected to that code I added. I added it in the hopes that the iphone display of the search field would not be predefined in design.

Basically when viewing in mobile this is the search filed design that shows:
https://snag.gy/gwQl9y.jpg

How can we override that css?

Thanks!

#166129 Copied
Laranz

Participant

June 22, 2017 at 00:41
Hi,

Put your CSS inside the media queries, you can get the media query CSS Snippets for different device here: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ it should be something like this for the mobile,
```
@media only screen 
  and (max-width: 480px) {
input { border-radius: 0 !important; }
}
```
This is an example code you can add your code like this, and it will take care of the mobile display.

Let us know if you have any other questions,

Thanks,
laranz.
#166168 Copied
emeliech

Participant

June 22, 2017 at 15:09

I have tried the one you said as well as this:

@media only screen and (max-width: 480px) {
input { border-radius: 0!important;
-webkit-border-radius: 0!important;
-webkit-appearance: none!important;}
}

But it is still showing that ugly styling for the iphone.

What am I doing wrong.

Kind regards,

Marcus

#166212 Copied

emeliech

Participant

June 22, 2017 at 15:29

Hello,

When checking with safari developer tool I inspected my mobile phone.

What I saw was that by unchecking webkit appearance in the inspector, helped me get rid of that styling.

Please see here: https://snag.gy/Qn5PXk.jpg

since it is !important, that might be causing it to be so difficult to remove.

How can I remove that without of course affecting the radio buttons that disappeared last time I tried..?

Thanks!

#166213 Copied
Laranz

Participant

June 23, 2017 at 07:52
Hi,

Try this,
```
input[type=search] {
    -webkit-appearance:none;
}
```
If that didn’t work try with the !important. ( Wrap that within the media query )

Let us know,

Thanks,
laranz.
#166246 Copied
emeliech

Participant

June 23, 2017 at 10:21

No, that also is not working.

Could you try? i have added details in private.

Please, contact administrator
for this information.

#166264 Copied

Laranz

Participant

June 24, 2017 at 14:22

Hi,

Can you also share the URL of the page where it contains the search box, I couldn’t find one.

Let us know,

Thanks,
laranz.

#166329 Copied

emeliech

Participant

June 26, 2017 at 14:45

yes. Please see ringsofsweden.com/ringar and then press the button Sökfilter and you will have it on the lefthand side on the top.

#166435 Copied
Laranz

Participant

June 27, 2017 at 07:16
Hi,

It seems some plugin override the style, I added this style in the child theme’s style.css
```
.woocommerce-product-search input[type=search] {
    -webkit-appearance:none !important;
}
```
can you now take a look?

Let us know,

Thanks,
laranz.
#166480 Copied
emeliech

Participant

June 27, 2017 at 09:19

wow!

I finally also added a line to make it real juicy:

.woocommerce-product-search input[type=search] {
-webkit-appearance:none !important;
border-radius: 0px !important;
}

Thanks!

Great support! :D:D

#166496 Copied

Laranz

Participant

June 27, 2017 at 10:44

Hi,

Glad we helped. 🙂

Let us know if you have any other questions. If you’re happy with our service, don’t forget to rate us 5 star in themeforest. 🙂

Thanks,
laranz.

#166511 Copied
Viewing 17 results - 1 through 17 (of 17 total)