[FinchleySocietyParticipant]

I’ve been using X Theme very happily for several months.

I’ve just installed Woo Commerce. The installation went very smoothly and I’ve added products as well.

The “shop” page created by WooCommerce displays the products properly, and I can add products to the basket. I can also manually go to the basket page and the checkout page, and they look fine.

But there is no link or icon on the shop page that will take the user to the basket or the checkout, which seems odd. So even though things seem to be working properly, there is no obvious way to get beyond the shop page.

Since I don’t have a properly functioning shop page, it is hard to guess where they should be appearing.

Is the theme covering up icons for the basket and checkout?

Grateful for any help.

Stephen Yeo

[FinchleySocietyParticipant]

I had a look at Nuts about Granola, which seems to use WooCommerce. When you add something to your basket on that site, you are taken to the checkout page, where you can checkout or continue shopping.

If that’s the default behaviour, then the problem may be that adding something to the basket doesn’t seem to send the user to the checkout page.

There is a step in the setup process where Woo Commerce creates the shop, basket, etc page. I left these at their defaults.

[RahulModerator]

Hey There,

Thanks for writing in!

Create a child theme, and copy over the Woocommerce directory into the child, then change line 114 of the woocommerce/cart/cart.php.

<div class="update action-group">
            <input type="submit" class="button" name="update_cart" value="<?php _e( 'Update Cart', '__x__' ); ?>" /> <input type="submit" class="checkout-button button alt wc-forward" name="proceed" value="<?php _e( 'Proceed to Checkout', '__x__' ); ?>" />
            <?php do_action( 'woocommerce_cart_actions' ); ?>
          </div>

You will get the Checkout button back.

Hope this helps!

[FinchleySocietyParticipant]

Dear Rahul

Thanks for this. I do have a child theme already.

It took me a while to get round to trying the fix you suggest, because I’m more of a user than a developer.

But eventually I did manage to install and ftp client, login to the host and look for cart.php I found it at

woocommerce / templates / cart

It seems to be version 2.3.8 of WooCommerce.

The problem is that cart.php doesn’t contain any code like the snippet you provided. There is a line 114, but it’s blank and there doesn’t seem to be any div class like update action-group

Of course I may be looking in the wrong place, or the version of Woo Commerce has changed, or I may not be experienced enough to understand your suggestion.

But if you have any additional advice, I’d be very grateful.

Regards

Stephen Yeo

[FinchleySocietyParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

It’s a bit confusing which Checkout/Basket icons you’re referring. Is it the icons in the navbar such like from here http://demo.theme.co/shop-integrity/? If yes, it’s navbar’s option that you can enable at Admin > Appearance > Customizer > Woocommerce > Navbar Menu and turned it On, then configure its style.

If you’re referring to something else, then please provide your site’s URL, login credentials, and mockup design in private reply.

Thanks!

[FinchleySocietyParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (min-width:979px){
li.menu-item.current-menu-parent.x-menu-item.x-menu-item-woocommerce {
    float: left;
    padding-top: 15px;
}
}

Hope that helps.

[FinchleySocietyParticipant]

Excellent. That works very well, as you can see from the screenshot with the cart.

For some reason either switching on the navbar or adding the custom css seems to have affected the main menu – the green text on a white background (screenshot with no cart) flips to grey text on a white background 9screenshotp with cart).

Can’t figure out why.

[Rue NelModerator]

Hello There,

Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[FinchleySocietyParticipant]

Thank you very much. I’ll do that right now.

[FinchleySocietyParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thank you for the credentials, you wrote: If you can advise me of the way to get the cart into the main menu and not on a line of its own, that would be great. That can be solve with a proper management of the menu items since you have a number of it and navbar container is limited (depend on the viewer screen width). Please read post for more info: http://sevenspark.com/docs/ubermenu-3/faqs/item-wrap

Do one or multiple suggestion on that post until your menu fits on the navbar.

The Top Level Horizontal Padding option is under Appearance > UberMenu > Configuration tab > Style Customisation panel and look for the Top Level Horizontal Padding option.

Hope it helps, Cheers!

[FinchleySocietyParticipant]

Thanks very much.

Just to make sure I understand the advice, I should remove the custom CSS that Christopher suggested, and try one of the methods of shortening the list of menu options?

[Paul RModerator]

Hi,

No, please don’t remove the css code provided as it will adjust the padding/spacing in mobile view.

You can leave the code there then try the suggestion above.

Thanks

[Author]

Posts