Side Cart
A full-height drawer that slides in from the left or right with the whole cart, opened by the floating button, your theme's cart icon or any trigger.
- The drawer open on the right over a product page
- Items with quantity steppers, subtotal and buttons
Settings
Adds the drawer to every page. Also needed for the floating button and the [siteryn_side_cart] button.
Right or Left.
Full screen width on phones up to 480 px, and never wider than the screen.
Buttons under the subtotal, linking to your WooCommerce cart and checkout pages.
Shown below View Cart and Checkout when the cart has items, and in the empty-cart message when it doesn't. It links to the page set below (the shop page by default).
The same choices and defaults as for the Mini Cart, set separately for the Side Cart: text "Continue shopping", the Shop Page (or a custom URL), and Outline, Filled or Text Only.
Text
The heading at the top of the drawer, next to the item count.
The labels of the two buttons under the subtotal.
The heading shown when the cart is empty.
The line under it.
Style
Space inside the drawer.
Rounds the drawer's corners.
None, Soft or Strong.
How strongly the page behind the open drawer is covered. The overlay takes the Panel Tint Color from the Appearance tab (white by default); 0 makes it invisible.
Solid, or Outline (transparent with a Primary Color border and text).
The empty-cart icon is shared with the Mini Cart and set on the Mini Cart sub-tab. Colors, font size, product image size and the opening animation are on the Appearance tab.
- The Side Cart sub-tab: position, width and buttons
- The Text and Style sections below them
- The Live Preview showing the Side Cart
Opening and closing
- Opens from: the floating button, your theme's cart icon (Header Cart → Side Cart), the
[siteryn_side_cart]button, or a custom button (see Developer guide). - Closes with: the × button, Esc, or a click on the overlay behind it.
- Focus moves into the drawer and stays there while it's open, then returns to the button that opened it.