Archived topic
How to place shopping cart icon with link to basket next to search bar
7 replies · Started by Arek on August 24, 2020
Hello,
I am creating shop woocommerce for my client https://jsmetals.internetspace.pl
How can I place shopping cart icon with link to basket next to search bar, show on file 
Kind regards,
Arek Ignasiak
Hi there,
You'd need to use the cart widget from WooCommerce in the header widget area.
Hello,
How can I do it? I need only to place shopping cart icon with link to basket just the same like on attached screen?
Kind regards,
Arek
WooCommerce comes with a cart widget by default:
https://docs.woocommerce.com/document/woocommerce-widgets/
You can add that to the header widget area:
https://docs.generatepress.com/article/header-widget/
Hello,
Thank you for the answer.
I have add this widget to the header widget area but this is not what I want to achive, maybe I am not enough clear.
I want to achive effect like on attached screen 
Can you help me with this please?
Kind regards,
Arek
If you are referring to the position then this CSS should help:
.header-widget {
order: 1;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
I'm not sure how to turn it into an icon unfortunately - you would need to check with WooCommerce support team.
Ok, I will check with WooCommerce support team.
Thank you very much for directions.
Kind regards,
Arek
No problem :)