BuddyBoss Home – Web Support Forums Solutions Social MarketPlace Shopping cart on mobile?

Tagged: 

  • This topic has 14 replies, 6 contibutors, and was last updated 8 years ago by Zarko.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Question

    #62153
    @georgeallen003

    Is 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,
    George

    Answers

    #62439

    Anonymous
    @

    Hi @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 at line 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

    #62506
    @bruce7075

    Hi @pallavi, I think this is quite an important feature for e-commerce. It’d be better available for the NEXT update, if possible. Thanks!

    #62729
    @georgeallen003

    That 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.

    https://wordpress.org/plugins/woo-floating-minicart/

    #62776
    @bruce7075

    Hi @georgeallen003, that plugin shows styling issues. The code provided by @pallavi shows strange styling. Looks quite odd, indeed.

    #63267

    Zarko
    Keymaster
    @zarko

    Hi,

    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
    			}
            ?>
    
    #63271

    Zarko
    Keymaster
    @zarko

    Sorry 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
    			}
            ?>
    
    #63285
    @bruce7075

    Oops! I still can’t see the cart in mobile view.

    #63617
    @vapvarun

    Hi @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 Dubey

    #63646
    @bruce7075

    Hi @vapvarun, yes, I have been waiting for weeks and can’t wait to see the new update!

    #65021
    @chartan

    Seems the new updates still does not include a shopping cart in the mobile header. Correct?

    #65022
    @georgeallen003

    I 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.

    #65032
    @georgeallen003

    After 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,
    George

    #65043

    Anonymous
    @

    Hi @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

    #65069

    Zarko
    Keymaster
    @zarko

    Hi,

    Shopping cart is available on mobile if you use Marketpanel. We will resolve this.

    Regards

Viewing 15 posts - 1 through 15 (of 15 total)
  • The question ‘Shopping cart on mobile?’ is closed to new replies.