Shopping cart on mobile?

[George]

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

[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

[Bruce]

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!

[George]

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/

[Bruce]

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

[Anonymous]

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

[Anonymous]

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

[Bruce]

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

[Anonymous]

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

[Bruce]

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

[Christoph]

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

[George]

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.

[George]

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

[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

[Anonymous]

Hi,

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

Regards