When opening a store with the Blocksy theme and YS CART, the "Account, Cart, Search" in the header should no longer rely on WooCommerce modules. This integration plugin directly places YS CART elements into the Blocksy header builder. You can drag and drop them to use, and their styles can be adjusted like native theme elements.

Four drag-and-drop header components

Appearance > Customize > Header, then drag "YS Account", "YS Cart", "YS Search Icon", and "YS Advanced Search Box" into the header bar. The account component integrates with the YS CART member system: visitors will see a login/registration window when they click, and members will see a member menu; the shopping cart component displays a quantity badge and links directly to the shopping cart page when clicked.

Style integrated with theme

Each component offers settings for icon size and color (supporting responsive breakpoints), badges, and text labels, directly following the familiar operating habits of the Blocksy Customizer, eliminating the need for any CSS coding. Header functionality remains complete even after disabling the WooCommerce module.

Features

Account Component (Member Dropdown)

When a visitor opens the login/registration window, members display the member menu entry.

Shopping Cart Component

Shopping cart icon + quantity badge, click to go to the shopping cart page.

Search Icon and Search Box

Click to open the search pop-up window, or embed the search box directly, supporting advanced search integration.

Size and color adjustable

Icon size and color support responsive settings, integrated with theme visuals.

Not relying on WooCommerce

After deactivating Woo modules, the header accounts/cart/search remain intact.

Screenshots

Changelog (Latest)

Add header "YS Cart" shopping cart component

Added

Blocksy Header Builder adds the "YS Cart" component: Displays the YS CART shopping cart icon with an optional quantity badge, and links to the cart page when clicked. After disabling the WooCommerce module, the header can still have an independent YS CART shopping cart entry (no longer relying on Woo's cart icon).
Settings: Display quantity badge/text label, icon size and color (responsive).
How to use: Appearance → Customize → Header → Drag and drop the "YS Cart" component into the header bar to display it.

FAQ

Do you need Blocksy Pro?

No need. The element is attached to the header builder available in the free version of Blocksy; it is also fully compatible with the advanced header features in Pro.

How do I put a component in the header?

Appearance → Customize → Header, drag elements like "YS Account" from the element list into the header bar, and save to apply.

Which search does the search component use?

Defaults to using YS CART store search; if the "YS CART Advanced Search" plugin is installed, it will automatically upgrade to instant advanced search.