Customers can not choose shipping method on cart page

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

  • Avatar: emeliech
    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

    16 Answers
    Avatar: Rose Tyler
    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.

    Avatar: emeliech
    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!

    Avatar: laranz
    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.

    Avatar: emeliech
    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

    Avatar: Rose Tyler
    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.

    Avatar: emeliech
    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!

    Avatar: laranz
    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.

    Avatar: emeliech
    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

    Avatar: emeliech
    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!

    Avatar: laranz
    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.

    Avatar: emeliech
    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.
    Avatar: laranz
    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.

    Avatar: emeliech
    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.

    Avatar: laranz
    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.

    Avatar: emeliech
    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

    Avatar: laranz
    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.

  • Viewing 17 results - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.