Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 6, 2020 at 5:44 pm #1250894
    JamesEisert

    Hello,

    I was asked by WooCommerce to contact you. It seems your theme is conflicting with WooCommerce One Page Checkout.

    On mobile, there is a paypal button that is not showing and my products pictures are not showing and I cannot change the quantity or choice of the items.

    This is what WooCommerce replied to me about this.,..

    After taking a look further, it looks like this is caused by an override in your theme’s dynamic_avia folder, which I believe Enfold uses for storing styling, etc.
    I’ve tried overwriting these styles with CSS, but I’ve been unsuccessful in doing so.

    The best option at this point would be to reach out to the Enfold team to see if they can explain why their responsive styling may be overwriting the default styling in WooCommerce’s One Page Checkout.

    I apricate the help

    James Eisert

    • This topic was modified 4 years, 2 months ago by JamesEisert.
    October 8, 2020 at 4:58 pm #1251481
    Victoria

    Hey JamesEisert,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    October 8, 2020 at 5:36 pm #1251502
    JamesEisert

    Thank for the quick reply,

    Screenshot-2020-10-08-08-35-10-097-com-android-chrome
    Screenshot-2020-10-08-08-34-50-924-com-android-chrome

    October 10, 2020 at 5:48 am #1251783
    Rikard

    Hi,

    Thanks for the screenshots. I’m not sure I fully understand the problem though, I’m guessing that you want the tables in your screenshot in the same colour? But I don’t see where there is a missing button? Where exactly is it missing from?

    Best regards,
    Rikard

    October 10, 2020 at 7:32 am #1251812
    JamesEisert

    Hi,

    There are quantity adjustments that you can choose on the right.

    You can check the differences if you look on mobile and desktop..

    On desktop, there usually is a paypal button on the bottom of the page. That is not there anymore either for desktop or mobile.

    Untitled-2

    October 11, 2020 at 9:46 am #1252017
    Rikard

    Hi,

    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    button#place_order {
  display: block !important;
}

    Best regards,
    Rikard

    October 11, 2020 at 4:11 pm #1252054
    JamesEisert

    OK Rikard that worked! So far so good.

    Now if I can just get the ability for customers to see the product and quantities…

    October 15, 2020 at 1:31 pm #1253011
    Yigit

    Hi James,

    Thumbnails and quantities are hidden on mobile by default to save space :)

    Please add following code to Quick CSS in Enfold theme options > General Styling

    @media only screen and (max-width: 767px) { 
.responsive .shop_table .product-quantity,
.responsive table.shop_table .product-thumbnail {
    display: block;
}}

    After adding the code, please make sure to toggle CSS file merging option in Enfold theme options > Performance and clear cache :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.