Docs

[Leanna]

Hi, I’m new to trying to configure woocommerce. Shop page – details require mouseover to be seen, but i want them to be always visible. Cart page – it is full width and I want it restricted to half width or centered. Since I can’t properly edit these pages in Customizer, please advise how to correct all this.

[Leanna]

This reply has been marked as private.

[Christopher]

Hi there,

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

.woocommerce li.product .entry-wrap {
    top: calc(100% - 10.385em);
}

Please provide us with cart page URL, it displays blank page.

Hope that helps.

[Leanna]

Hi,
1) great start – now if the details occurred BELOW the image rather than on top of it, we’ll be in business. (No need to change font color as I’m change bg from dark to light anyway when I go live w cleaner global settings in Customize).

2) Cart url is http://leannacinquanta.com/cart

a) When a user clicks a product and puts it in the cart, I want to change color and increase size of font on the notice at the top (light blue boxed text) that says the item has bee added to the cart as it is vague.

Cart fonts also are far too small and also blend in to background, I want to make them darker and bolder/larger.

b) When user adds an item to the cart directly fro the Shop page without first opening the item, it shows that the item was added to the cart however no cart link appears whereby the user could access their cart. Standard on all shopping carts is an empty cart image residing permantly on the SHOP page upper right, and as soon as user adds an item to cart there should be “1” in the cart and user can click on that to go see the item in the cart…

c) Currently the cart is not working at all so I’m not sure what’s the deal…

I really appreciate your help with all these…

[Rue Nel]

Hello There,

Thanks for the updates!

1] I did not get the issue here. Could you please give further clarification?

2] Please check your setting in WooCommerce > Settings > Checkout > Checkout Pages. You must assign a page for the cart page. For more details in setting up your cart page, please check the documentation:
https://docs.woothemes.com/document/woocommerce-pages/

Hope this helps.

[Leanna]

Wow thanks for that link. This was a major breakthrough to discover I can just stick those shortcodes into a regular page and format everything around it… 80% of problems solved!

The only remainig issues are:

1) Please go to http://leannacinquanta.com/shop and click “add to cart” on any item and you will see a round check mark indicating the item has been added to the cart. however no cart icon appears. The only option the user has is to then click directly on the item and again add to cart from the item’s individual page. Only then does a the blue box appear above the item indicating the item has been added to the cart and providing a cart link.

2) Standard on all shopping carts is an empty cart image residing permantly on the SHOP page upper right, and as soon as user adds an item to cart there should be “1” in the cart and user can click on that to go see the item in the cart… How can this be created?

[Rue Nel]

Hey Leanna,

Thanks again for the updates!

1] To make sure that you will see an icon or an indication that the item is added in your cart, please insert this code in your child theme’s style.css (if you are using a child theme)

.woocommerce li.product .entry-header .button.added {
    display: none;
}
.woocommerce li.product .added_to_cart {
    display: block;
    margin-top: 10px;
}

.woocommerce li.product .added_to_cart:after {
    content: "\f00c";
    margin-left: 5px;
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
}

Adding this code in your customizer will not work because the customizer will automatically removes forward slash and backslashes.

2] There is a setting in the customizer that enables/disables the cart in your navbar. Please go to Appearance > Customize > WooCommerce > Navbar Menu. This enable a cart in your navigation that you can customize to showcase the information you want your users to see as they add merchandise to their cart (e.g. item count, subtotal, et cetera).

Hope this helps.

[Leanna]

Great options to try! However…
1) adding the code to x child styles didn’t result in a cart being added on my site
2) the woocommerce navbar menu option results in my topbar becoming significantly deeper, I need to have it occur right inside the topbar or menu area. Also the shopping cart icon would need to be aligned right, not left.

[Paul R]

Hi Leanna,

1. The only option for this is to add a cart in your menu, so your users will be able to see how many items are added to your cart.

http://screencast.com/t/3X1TWOas

2. Kindly add it back again, we can help providing some css code to make it the way you want.

Thanks

[Leanna]

let’s put that on hold. I’m talking with a developer about building me a form/cart with Gravity Forms with the goal of ditching Woocommerce.

[Paul R]

Okay, Have a great day! 🙂

[Author]

Posts