Cart behavior
| Setting |
Options |
Default |
Description |
| Enable sliding cart |
On / Off |
On |
Enables the sliding cart panel. |
| Open cart after add-to-cart |
Open cart / Do nothing |
Open cart |
Automatically opens the cart when a product is added. |
| Mobile add-to-cart behavior |
Open cart / Keep closed |
Keep closed |
Prevents automatic cart opening on mobile devices. |
| Sliding mode |
Always open / Open on hover |
Always open |
Controls how the cart panel appears. |
| Popup mode |
On / Off |
On |
Displays the cart as a popup overlay. |
| Fly-to-cart animation |
On / Off |
On |
Shows animation when a product is added. |
| Always open cart |
On / Off |
Off |
Keeps the cart panel permanently visible. |
Cart content
| Setting |
Options |
Default |
Description |
| Product images |
Show / Hide |
Show |
Displays product thumbnails in the cart. |
| Product attributes |
Show / Hide |
Show |
Displays selected options like size, color, etc. |
| Quantity controls |
On / Off |
On |
Enables + / – buttons to change quantity. |
| Product discounts |
Show / Hide |
Hide |
Shows product-level discounts (if available). |
| Cart discounts |
Show / Hide |
Show |
Displays applied cart-wide discounts. |
| Subtotal |
Show / Hide |
Show |
Displays cart subtotal. |
| Tax |
Show / Hide |
Hide |
Displays tax amount (if applicable). |
| Shipping |
Show / Hide |
Hide |
Displays shipping cost (if available at this stage). |
| Total price |
Show / Hide |
Hide |
Displays final total price. |
| Empty cart button |
On / Off |
On |
Allows customers to clear the cart in one click. |
Buttons & actions
| Setting |
Options |
Default |
Description |
| View cart button |
Show / Hide |
Hide |
Shows a button linking to the full cart page. |
| Checkout button |
Show / Hide |
Show |
Displays a direct checkout button. |
| Continue shopping |
Show / Hide |
Show |
Lets customers close the cart and keep shopping. |
Fixed cart icon
| Setting |
Options |
Default |
Description |
| Floating cart icon |
On / Off |
On |
Shows a fixed cart icon on the screen. |
| Icon position |
Top/Bottom + Left/Right |
Bottom left |
Sets where the icon appears on the screen. |
| Icon offsets |
CSS values (e.g. 20px) |
20px |
Adjust spacing from the screen edges. |
| Icon animation |
On / Off |
On |
Adds subtle motion to draw attention. |
| Icon background color |
Custom color |
— |
Sets icon background color. |
| Icon color |
Custom color |
#000000 |
Sets icon color. |
| Full-width icon on mobile |
On / Off |
On |
Keeps the icon wider on smaller screens. |
Design & layout
| Setting |
Options |
Default |
Description |
| Panel direction |
Left / Right |
Left |
Defines from which side the cart slides in. |
| Color scheme |
Light / Dark |
Light |
Sets overall cart appearance. |
| Page overlay |
On / Off |
Off |
Dims the page background when the cart is open. |
| Loading indicator |
On / Off |
On |
Shows a loader during AJAX updates. |
| Top bar |
Show / Hide |
Show |
Displays a header area with quick cart info. |
Cross-selling
| Setting |
Options |
Default |
Description |
| Cross-sell products |
On / Off |
On |
Shows recommended products inside the cart. |
| Products limit |
Number |
4 |
Controls how many suggested products are shown. |
| Cross-sell title |
Text |
You may also like |
Heading displayed above recommendations. |
Notifications
| Setting |
Options |
Default |
Description |
| Cart notifications |
On / Off |
On |
Shows messages after cart actions (added/removed/updated). |
| Notification position |
Top/Bottom + Left/Right |
Top right |
Where notifications appear on the screen. |
| Auto-close time |
Milliseconds |
2500 ms |
How long notifications stay visible. |
| Close button |
On / Off |
On |
Allows users to dismiss notifications manually. |
Tip: On mobile, tables scroll horizontally. If you prefer “stacked” tables (each row becomes a card), tell me and I’ll provide that variant too.
