Prime library add cart in the widget

[tertas]

Hi,

I read below post and exactly need same thing. But couldn’t find solution there.

https://generatepress.com/forums/topic/prime-library-site-cart-location/

Hey guys, I’m customizing the “Prime” template from the site library.

I want to replace the text “GP | Gutenberg | Woo” in Header the Widgets with a shopping cart/basket, and remove the existing cart/basket icon.

In short, I want to relocate the cart to the very top right corner in place of the “GP | Gutenberg | Woo” text as I want it to be as easy as possible to checkout (location is important)

-I’ve figured out how to edit/resize the text widget with CSS, I tried removing that in the Customizer and adding the “Cart” widget, but that adds the word and not the cart/basket symbol

[Leo]

Hi there,

My solution should still work:
https://generatepress.com/forums/topic/prime-library-site-cart-location/#post-1242400

What issue are you having?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[tertas]

Hi Leo,

Yes, Indeed I read that post before open this one.
But couldn’t understand how to start, sorry 🙁

[Leo]

Go to Appearance > Widgets > Header to remove the default text widget then add in the cart widget:
https://www.screencast.com/t/32bRy7zVN2

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[tertas]

Hi Leo,

Thanks for reply.
I was trying to add cart icon like in the menu.
But your suggestion added whole cart content.
https://prnt.sc/uqsaik

[Leo]

Ahh unfortunately our cart icon option only works in the menu.

Sorry about that!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[tertas]

🙂 No problem, is there any way to take it there?

[Leo]

Sorry not sure what you mean by take it there?

The cart icon from GP only works in the primary navigation currently.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[tertas]

The cart icon from GP only works in the primary navigation currently.

Thanks, do you know any other method to show cart in header widget?
Not urgent, please take your time.

thanks

[Leo]

The cart widget is from WooCommerce plugin itself.

Maybe there is a plugin out there that offers a similar option with a better appearance?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[tertas]

Hi again,
I saw a site which is using Generatepress. It has cart icon just next the search bar. (when you scrool a bit down)
https://prnt.sc/vas75y

https://shopdesign2.key4dev.nl/product-categorie/computers-laptops/

Can it be done in this case?

[Leo]

The top part (in green) is actually the primary navigation and the bottom part (in red) is using the secondary navigation which is why it’s able to use the cart icon from GP.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts