BuddyBoss Home – Web › Support Forums › Solutions › Social MarketPlace › Shopping cart on mobile?
Tagged: Mobile cart
- This topic has 14 replies, 6 contibutors, and was last updated 8 years ago by
Zarko.
Question
March 8, 2016 at 4:37 pm #62153@georgeallen003Is there a way to show the cart on mobile similar to how the cart functions on the desktop?
Basically want access to the cart when items are placed in it while on mobile.
Thanks,
GeorgeAnswers
March 10, 2016 at 3:47 pm #62439@
AnonymousHi @georgeallen003, At present, we have not enabled the cart icon for mobile view..I have notified to developers to include it in our future updates..
Meanwhile you can add this code in your
header-mobile.php
atline no. 45
to show cart:<?php if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) { $count = WC()->cart->cart_contents_count; ?><a class="cart-contents" href="<?php echo WC()->cart->get_cart_url(); ?>" title="<?php _e( 'View your shopping cart' ); ?>"><?php if ( $count > 0 ) echo '(' . $count . ')'; ?></a> <?php } ?>
Regards
March 11, 2016 at 1:07 am #62506@bruce7075Hi @pallavi, I think this is quite an important feature for e-commerce. It’d be better available for the NEXT update, if possible. Thanks!
March 12, 2016 at 5:57 pm #62729@georgeallen003That made a strange, static number in the corner, didnt work well with the theme.
I did find a plugin that works awesome. I recommend you try to incorporate this into the theme.
March 13, 2016 at 8:14 am #62776@bruce7075Hi @georgeallen003, that plugin shows styling issues. The code provided by @pallavi shows strange styling. Looks quite odd, indeed.
March 16, 2016 at 5:48 am #63267@zarko
ZarkoKeymasterHi,
Here is one solution until the next release. Add this CSS to your child theme:
#mobile-header .header-notifications { width: 30px; height: 55px; float: left; margin-left: 63px; line-height: 55px; } #mobile-header .header-notifications a.cart-button span { height: 55px; line-height: 63px; display: block; position: relative; } #mobile-header .header-notifications a.cart-button span b { right: -3px; color: #fff; } #mobile-header .header-notifications a.cart-button span:before { font-family: "onesocial"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; position: relative; top: 2px; color: #fff; } #mobile-header .cart-button.boss-tooltip:after, #mobile-header .cart-button.boss-tooltip:before { display: none; }
And this to line #26 of header-mobile.php :
<?php global $woocommerce; if ($woocommerce) { $cart_items = $woocommerce->cart->cart_contents_count; ?> <div class="header-notifications header-cart"> <a class="cart-button has-count header-button boss-tooltip underlined" href="<?php echo $woocommerce->cart->get_cart_url(); ?>"> <span><b><?php echo $cart_items; ?></b></span> </a> </div> <?php } ?>
March 16, 2016 at 5:53 am #63271@zarko
ZarkoKeymasterSorry that php haven’t shown well, here is it again. Also attached file, how it should look.
<?php global $woocommerce; if ($woocommerce) { $cart_items = $woocommerce->cart->cart_contents_count; ?> <div class="header-notifications header-cart"> <a class="cart-button has-count header-button boss-tooltip underlined" href="<?php echo $woocommerce->cart->get_cart_url(); ?>"> <span><b><?php echo $cart_items; ?></b></span> </a> </div> <?php } ?>
March 16, 2016 at 6:34 am #63285@bruce7075Oops! I still can’t see the cart in mobile view.
March 17, 2016 at 8:34 am #63617@vapvarunHi @bruce7075, Please wait for next update. We have added it inside our current development.
Thanks for your patience. It should be available in next couple of days.
Regards
Varun DubeyMarch 17, 2016 at 11:14 am #63646@bruce7075Hi @vapvarun, yes, I have been waiting for weeks and can’t wait to see the new update!
March 24, 2016 at 9:23 am #65021@chartanSeems the new updates still does not include a shopping cart in the mobile header. Correct?
March 24, 2016 at 9:27 am #65022@georgeallen003I can confirm it is not in my site. Hoping for a good mobile option soon. I have a hack plugin that works, but is not elegantly integrated.
March 24, 2016 at 10:12 am #65032@georgeallen003After further investigation…the cart is visible in mobile ONLY IF you use the marketpanel. It appears there.
Since I previously did not enable the marketpanel, I didnt see it. After enabling the marketpanel, the cart appeared there.
Enabling marketpanel also fixed some of my other display issues, which tells me the theme is heavily integrated to have this submuenu enabled.
Please check this against your settings to confirm. If so, perhaps we can get support to have the theme display a cart without marketpanel enabled.
Thanks,
GeorgeMarch 24, 2016 at 12:31 pm #65043@
AnonymousHi @georgeallen003 & @chartan, We will include it in our next version…due to other major fixes we had scheduled it for next updates.
Hopefully it will be released soon..
Regards
March 24, 2016 at 1:43 pm #65069@zarko
ZarkoKeymasterHi,
Shopping cart is available on mobile if you use Marketpanel. We will resolve this.
Regards
- The question ‘Shopping cart on mobile?’ is closed to new replies.