Popup Customization

Enhance the user experience by customizing the warning popup that appears when a limit isn't met. Popup customization offers a simple yet powerful way to make the warning popup match your store's branding.

Watch our quick tutorial on Popup Customizations & General Translations HERE.

Table of Contents

Overview
Color Customization
Custom CSS
Real-time Preview

Overview

With Popup Customization, you can configure:

Background Color
Font Color
Button Color
Button Text Color
Custom CSS

Color Customization

Background Color

Pick a color to set as the background for the popup.

Font Color

Choose the color of the text displayed in the popup.

Button Color

Select the color for the button in the popup.

Button Text Color

Customize the color of the text displayed on the button.

Custom CSS

For those who want more granular control, a "Custom CSS" text box is available. Use the following IDs for specific styling:

#mincart-popup-container
#mincart-title
#mincart-limit-list
#mincart-button

CSS Example:

#mincart-popup-container {
  border-radius: 5px;
}

#mincart-title {
  font-size: 50px;
}

#mincart-limit-list {
  font-size: 20px;
}

#mincart-button {
  font-size: 16px;
}

To adjust the size of the pop up you can add:

#mincart-popup-container {
  max-width: 500px;
}

Real-time Preview

See the changes you make in real-time with the preview section. This ensures that what you see is what you'll get before you save and implement the changes.

Updated on: 07/08/2024