Articles on: Customization

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

Was this article helpful?

Share your feedback

Cancel

Thank you!