[Resolved] How to place shopping cart icon with link to basket next to search bar

[Arek]

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

[Leo]

Hi there,

You’d need to use the cart widget from WooCommerce in the header widget area.

[Arek]

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

[Leo]

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/

[Arek]

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

[Leo]

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.

[Arek]

Ok, I will check with WooCommerce support team.
Thank you very much for directions.

Kind regards,
Arek

[Leo]

No problem 🙂

[Author]

Posts