Appearance Settings

🖼️ Show Product Image #

Enable this option to display the product image in the sticky cart bar.

---

⭐ Show Star Ratings #

When enabled, the product’s star ratings will be shown within the sticky bar, enhancing customer trust.

---

🔢 Show Quantity Box #

This option adds a quantity selector (input box) to the sticky cart bar, allowing users to increase or decrease item quantity before adding to cart.

---

🎨 Sticky Bar Background #

Allows you to choose a background color for the sticky add to cart bar. Click on “Select Color” to open the color picker.

---

🖼️ Sticky Bar Background Image #

Upload a background image to be used instead of or on top of the background color. Can be used to add texture or branding.

---

📐 Background Image Size #

Choose how the background image behaves:

• Contain – Keeps the image fully visible inside the container.

• Cover – Stretches the image to cover the full area.

• Auto – Keeps the original image size.

---

🎯 Background Image Position #

Defines how the image is positioned inside the sticky bar:

• Center, Top, Bottom, Left, Right.

---

🔁 Background Image Repeat #

Choose how the image should repeat:

• Repeat, No Repeat, or Repeat X/Y (horizontal/vertical).

---

🌟 Star Background Color #

Set the background color behind the rating stars.

---

🌟 Star Color #

Choose the color of the rating stars themselves.

---

⬛ Sticky Bar’s Border Color #

Allows you to define a border color for the sticky bar.

---

🛒 Simple Product Add To Cart Text #

Customize the text shown on the button for simple products (e.g., “Add to Cart”).

---

🔄 Variable Product Add To Cart Text #

Customize the button text when a variable product is displayed (e.g., “Select an option”).

---

🔵 Cart Button Background #

Set the background color of the “Add to Cart” button.

---

🟣 Cart Button Hover Background #

Choose a different color for when the user hovers over the cart button.

---

🔤 Button Text Color #

Choose the color of the text inside the add to cart button.

---

💲 Price Badge Text Color #

Set the color of the text inside the price badge.

---

💲 Price Badge Background Color #

Set the background color of the price badge (e.g., a green badge with the price).

---

💰 Regular Price Strike Color #

If the product has a discount, the old price is struck through. This setting lets you define the strike-through color.

---

🧾 Text Color For Product and Price #

Customize the text color used for the product name and price in the sticky bar.

---

🟠 Select Product Image Shape #

Choose the shape for the product image:

• Round – Circular image

• Square – Default square shape

---

🟡 Select Badge Shape Of Price #

Choose how the price badge should appear:

• Round, Square, or Pill-shaped based on available options.