-
Posts
-
I have the Enfold theme running on my site, together with WooCommerce 2.1, and I noticed that, on mobile, there is no way to go to the cart or to the checkout after adding a product. You can check this by opening the site directly:
- Go to http://aelia.co
- Add any product to the cart
- An icon appears on the product, indicating that it has been added to the cart, but then there is no way to view the cart and complete the purchase
Did I forget to configure something?
By the way, there is no link to the cart on your demo site either, if you visit it using a mobile phone.
Hi!
As far as I know that is an intentional part of the design since mobile doesn’t have enough room for it.
What you’ve done now is what I would typically suggest. I’ll also tag the topic for Kriesi so he can take a look and see about building in a secondary solution.
Regards,
DevinI tested this on our website http://www.neulinger.at. I added a link to the cart in the menu under “Onlineshop” and there i can complete the purchase.
But i think it would be nice if Enfold (on mobile devices) for example automatically inserts the cart under the menu if something is added.@Devin If I may, I would like to provide some constructive criticism.
1. There is space for a cart icon on mobile. See screenshot taken with a very small window size:
.The only issue I see is if someone uses a huge logo, but that could easily be fixed by scaling it down.
2. Enfold clearly supports WooCommerce out of the box, therefore it was designed to do it. Having built-in support for a shopping cart, but leaving out the cart itself (which is, perhaps, the most important thing), on mobile platforms (used by an average of 45% of visitors) seems a choice that should be reviewed.
I definitely do not disagree :)
The visual in the header wouldn’t work for the vast majority of users however. I think something built into the menu would be a stronger solution even though it would take a second click. Either that or a top level bar that shows up only on mobile.
Not sure if this is what you’re talking about or if it’s related, but on the mobile phone size both portrait and landscape, there is a huge blank space where the woo commerce product page w/ description and “add to cart” should be. I can also see this in action when I reduce my desktop browser width down to mobile phone size.
About 75% of my users are on mobile phones and cannot purchase products. Is there a fix in the mix or a temporary work around? I can’t skip the product page and link directly to check-out since the description has a long list of important venue info.
Running the latest: WP 4.0, Enfold 3.0, Woo Commerce 2.2.4.
Thanks!
Hey!
That is unrelated to this but you can fix it with:
@media only screen and (max-width: 767px) { .single-product-summary { overflow: visible; } }Best regards,
Devin
- The topic ‘[Enfold + WooCommerce] No link to the cart or checkout on mobile’ is closed to new replies.