Home › Forums › WoodMart support forum › Add to cart / wishlist not workign on HP on mobile devices

Add to cart / wishlist not workign on HP on mobile devices

Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • July 8, 2020 at 4:03 pm #209507

    ToriTori38
    Participant

    Hi there,

    On our home page we have added a WC product carrousel. I noticed that when navigating the website on a mobile device, we cannot add to cart / wishlist directly from the homepage (using ajax). If we click the small icons, it takes us to the product page (rather than adding the product to cart or wishlist). From the product page we can then add to cart / wishlist, but I wonder why it does not work on the home page on mobile devices?

    Is this a setting maybe I have turned off?
    Is it maybe your themes CSS which I have not loaded?

    Thanks again

    July 8, 2020 at 9:40 pm #209540

    Elise Noromit
    Member

    Hello,

    Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, if the problem remains, leave the plugins not activated and provide the site admin access to the private area

    Best Regards

    July 9, 2020 at 8:42 am #209635

    ToriTori38
    Participant

    Hello,

    I did what you said and there was no change. No plugin or theme was affecting this. However what I found is that the “Design” option I chose in the “Product Grid Or Carrousel” settings has an issue. Please look at image attached.

    I think if you test your end you will see the issue too. Can you fix this?

    Attachments:
    You must be logged in to view attached files.
    July 9, 2020 at 12:11 pm #209705

    Elise Noromit
    Member

    Hello,

    I have checked again and see that when I try to add a sold-out product I get to the product page when I add in-stock product it is added correctly https://gyazo.com/b9abead4331472d4b612b00cc5e5ccf3

    Best Regards

    July 9, 2020 at 12:34 pm #209716

    ToriTori38
    Participant

    No that is because I just changed the design display option, to one that works (but I dont like so much).

    Please test your end and use the product display design that I showed you in the screenshot I sent you (where the icons are on the right of the product). It does not work on mobile devices.

    July 9, 2020 at 2:17 pm #209755

    Elise Noromit
    Member

    Hello,

    Which design you have set before? We shall double-check.

    Best Regards

    July 9, 2020 at 2:23 pm #209759

    ToriTori38
    Participant

    I showed you in screenshot previously. “Show summary on hover” version does not work on mobile devices (the ajax add to cart / wishlist). It just transfers you to product page. On desktop there are however no issues.

    July 9, 2020 at 8:51 pm #209798

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area, and confirm the permit to deactivate all the plugins not related to the theme and switch the parent theme for 10-15 minutes.

    Best Regards

    July 13, 2020 at 5:58 am #210305

    ToriTori38
    Participant

    Hello Elise,

    This is not to do with plugins. I have disabled all the plugins and tested and problem still remains. All other product display styles work correctly. It is only this style which has an issue. I have attached login details for test site. Please note there is also a password for the directory.

    When logged in, look at the bottom of the home page on mobile device. There is a slider with WooCommerce products. You cannot use the ajax add to cart or wishlist on the products (you just get forwarded to the product page). Please note, you cannot reproduce this problem if you use a browser inspector in mobile mode from a desktop. You need to actually check on your mobile.

    Thank you

    July 13, 2020 at 4:22 pm #210507

    Elise Noromit
    Member

    Hello,

    I see the problem even in the inspector. Please confirm the permit to deactivate all the plugins not related to the theme and switch the parent theme for 10-15 minutes.

    Make the full backup of your site.

    Best Regards

    July 13, 2020 at 4:36 pm #210510

    ToriTori38
    Participant

    Hello Elise,

    Yes you can do that, however as I said I have already done that. Feel free to look 🙂

    July 14, 2020 at 8:27 am #210689

    Elise Noromit
    Member

    Hello,

    When I deactivated the plugins and switched to the parent theme it works https://prnt.sc/theo63

    Now I have set all as it was. Please, first of all, check the issue on the parent theme, then if the problem persists, deactivate the plugins excepting these ones: 

    Slider Revolution
WPBakery Page Builder
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG

    Then activate one by one checking what causes the problem. You can check our demo it works well.

    Best Regards

    July 14, 2020 at 1:38 pm #210831

    ToriTori38
    Participant

    Hi Elise,

    Actually the problem is not solved on mobile. You were just looking via the browser inspector.
    Yes it’s strange. I also got it to work in the browwser inspector (mobile view) by deactivating the “Post Types Order” plugin.

    However it does not work in real life when trying on a mobile. I deactivated all plugins (except WPBakery Page Builder, Woodmart Core & WooCommerce) and it does not work. Yes it works in the browser inspector, but not on real mobiles.

    Can you check once more?

    July 14, 2020 at 6:11 pm #210892

    Elise Noromit
    Member

    Hello,

    I cannot enter the site on mobile. Deactivate these blocking systems or move your cloned site to a testing mode. Deactivate all the plugins not related to the theme. Provide the wp-admin access without additional authorization.

    Best Regards

    July 15, 2020 at 7:49 am #211067

    ToriTori38
    Participant

    Hi there. I think it would be easiest is if you just add this product display option to one of your themes (or test environment) so you can see yourself when lookig on mobile. That would be the quickest.

    As I said, I do not think it is an issue my side. I have tested and removed all plugins, and it still is a problem on mobile.

    July 15, 2020 at 11:48 am #211204

    Elise Noromit
    Member

    Hello,

    Please have a look at the screen: https://gyazo.com/9c2efef8643aa8b9d16729d06e58cbaf

    As you can see the summary on hover is added to the cart without going to the product page. You can test yourself: https://woodmart.xtemos.com/shop/?opt=hover_summary

    That is why I try to find out the reason as it is not the correct operation.

    Such problems are often caused by third parties plugins or customization.

    Best Regards

    July 15, 2020 at 12:05 pm #211209

    ToriTori38
    Participant

    Hi Elise,

    I think you did not understand. The screen video you showed me uses an icon layout (design) which does not have a problem. On our website that also does not have a problem.

    You offer 9 different layouts. All of them work perfectly except for one. The one which does not work on mobiles is called “Show summary on hover“. If you try that on your own sites, I am sure you will see the same issue.

    We cna use a different layout, but that Show summary on hover was the best for mobile (it keeps icons to the right side, so they do not cover the product image).

    July 15, 2020 at 6:02 pm #211378

    ToriTori38
    Participant

    Hi Elise,

    This is also only an issue on the home page. On the shop it is not an issue. Strange right?
    Let’s forget about this. It’s not a major issue and you are surely very busy.

    July 15, 2020 at 8:43 pm #211407

    Elise Noromit
    Member

    Hello,

    I attach the whole video from my phone:

    I test this demo – https://woodmart.xtemos.com/shop/?opt=hover_summary

    This is Summery on hover design. in Theme Settings (https://prnt.sc/tibswx), on desktop (https://prnt.sc/tibx8q), on mobile (https://prnt.sc/tibxle) I add the product to the Wishlist, then I add the product to the shopping cart. You can see that products are added without going to the product page. You can also see that the product has been added to the Wishlist.

    Please describe your problem once again. Please specify the browser and device you use.

    As you can see this design works well on mobile as it should.

    Here is the link for the video: https://gofile.io/d/mGhIL8

    Best Regards

    July 16, 2020 at 6:27 am #211476

    Elise Noromit
    Member

    Hello,

    Please provide the video from your mobile device, showing the problem.

    Best Regards

    July 16, 2020 at 7:52 am #211532

    ToriTori38
    Participant

    Hello Elise,

    I see the problem. You are actually selecting the product display setting from the Woodmart Theme Settings. In order to reproduce the error, you need to actually go to a page, and add the WPBakery element “Products (grid or carousel)”. Once you have added that, you can then select the “Show sumary on hover” display option.

    Strangely this gives a different front-end appearance to what you show (see my screenshots attached). It is this version where the icons do not work correctly on mobile (real mobile, not page inspector). Sadly not sure how to take a screen video frommy iphone!

    Maybe you now understand how to reproduce the error.

    Attachments:
    You must be logged in to view attached files.
    July 16, 2020 at 3:23 pm #211731

    Elise Noromit
    Member

    Hello,

    show summary on hover in the carousel has a bit different design as you can see. Carousel has the overflow: hidden and it is just not possible to leave the design.

    Please add this code to the Theme Settings > Custom CSS > Global to fix the buttons issue on this hover:

    .browser-Safari .woodmart-hover-base:hover .fade-in-block {
	pointer-events: visible;
	pointer-events: unset;
}

    We shall fix this in our nearest update.

    Best Regards

    July 16, 2020 at 3:31 pm #211732

    ToriTori38
    Participant

    Elise – your support has been great again. Many thanks. Will test that later.

    July 17, 2020 at 6:41 am #211839

    Elise Noromit
    Member

    Thank you! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 24 posts - 1 through 24 (of 24 total)