Sticky Cart Settings

Sticky Cart is an icon widget that allows you to quickly add items and review your cart.

A Sticky Cart section is divided into two parts - basic settings and live preview:

General Settings

  • Action on click – defines the action on basket click

  • Device settings – defines on which devices сart widget will be displayed

  • Hide sticky cart on cart page – hides сart widget on the cart page

  • Hide sticky cart if empty – hides сart widget if there are no items in cart

Cart Settings

  • Mini cart type – defines mini cart style and position on click

  • Position – controls mini cart position on a page

  • Enable promo code input – shows a field for entering a promo code

Visit the following page to learn 'Creating discount codes' on Shopify.

  • Enable related products – shows related products to the selected product

Visit the following page to learn 'How to Build a Customizable Related Products Section' on Shopify.

  • Header title – specifies mini cart title text

  • Empty text – specifies item field text when the mini cart is empty

  • Subtotal text – specifies mini cart subtotal field text

  • Total text – specifies mini cart total field text

  • Shipping label text – specifies mini cart shipping field label text

  • Shipping text – specifies mini cart shipping field text

  • Promo code toggle text – specifies promo code field toggle text

  • Promo code input label text – specifies promo code field label text

  • Promo code placeholder text – specifies promo code field placeholder text

  • Promo code button text – specifies promo code field button text

  • Related products label text – specifies related products field label text

  • Related products button text – specifies related products field button text

  • Show buttons (Checkout & View cart) – specifies buttons to display in the sticky cart bar

  • Checkout button text – specifies text label of buttons

Basket Settings

  • View type - allows set separate settings on desktop and mobile views

  • Position – defines basket position on a page

  • Position Margin (px) – defines the margin value (in pixels) of the basket position

  • Button Size – defines basket icon size (in pixels)

  • Basket shape – defines basket icon shape

  • Background – defines a basket background color

  • Icon color – defines basket icon color

  • Quantity text color – defines basket quantity element text color

  • Quantity background – defines basket quantity element background color

  • Icon – defines a basket icon style

Last updated