# Sticky Cart on Product Page

The **Sticky Cart** feature in Shopify themes like **Bingo** ensures that the "Add to Cart" button remains visible as customers scroll down the product page. This improves the shopping experience and increases conversion rates by keeping the purchase option always accessible.

### Here are Sticky Cart customize settings:

#### **1. Enable Sticky Cart**

* **Toggle switch (ON/OFF)**
* When enabled, the **Add to Cart** button remains visible as users scroll down the product page.
* When disabled, the button functions normally without a sticky effect.

#### **2. Sticky Cart Background**

* **Color Picker** (Default: `#FFFFFF` - White)
* This setting allows you to change the background color of the sticky cart section.

#### **3. Sticky Cart Text Color**

* **Color Picker** (Default: `#2F2926` - Dark Brown/Black)
* Changes the text color of the **Add to Cart** button and other elements inside the sticky cart.

#### **4. Sticky Cart Opacity**

* **Slider (0 - 1)**
* Adjusts the transparency of the sticky cart section.
  * **1 (default):** Fully visible (solid color).
  * **0.5:** Semi-transparent.
  * **0:** Fully hidden (not recommended).

#### **5. Select Sticky Type**

* **Options: "Top" or "Bottom"**

* Allows you to choose where the sticky cart should appear:

  * **Top:** The sticky cart appears at the top of the page while scrolling.
  * **Bottom (default):** The sticky cart remains at the bottom of the screen.

* These settings allow store owners to **customize the sticky cart behavior, colors, opacity, and position** to enhance the user experience and boost conversions.&#x20;

<figure><img src="https://3067359868-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYW62tbS4RFuv1Dk0BBt%2Fuploads%2FtMzBJIvwSkYdNCkBexTo%2Fsticky%20cart.png?alt=media&#x26;token=f52f8f4f-0b91-41e6-8f82-5237ab45d133" alt=""><figcaption><p>customize settings</p></figcaption></figure>

<figure><img src="https://3067359868-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYW62tbS4RFuv1Dk0BBt%2Fuploads%2FLAskhwgELBChzvsFluiX%2Fsticky-bar.png?alt=media&#x26;token=1ff4ceb3-a904-4463-a0ca-28a88453bffc" alt=""><figcaption><p>bottom of sticky bar view</p></figcaption></figure>
