Pop-up Inner and Outer Backgrounds Settings.

Amelia Garcia

Last Update 8 месяцев назад

First, open the app, and you will land on the dashboard page. You can access the Age popup settings page in two ways. The first is by navigating through the left side app menu and selecting 'Settings.' Alternatively, you can find it in the 'App Setup' section under 'Customizer popup.' Look for the 'Go to Customize' button, click on it, and it will take you to the Age popup setting page.

In the 'Pop-up Setting' section, you can change the backgrounds for both the inside and outside of the popup. This section has three parts: 'Popup Settings,' 'Popup Background,' and 'Outer Popup Background.'



(1) Pop-up settings

In the section, under the 'Popup Settings' subsection, you can adjust the 'Height' field to increase or decrease the popup height according to your preference.

In the section, under the 'Popup Settings' subsection, you can adjust the 'Width' field to increase or decrease the popup width according to your preference.

In the section, under the 'Popup Settings' subsection, you can change the 'Border radius' to make the popup's corners rounder or sharper, depending on what your preference.

In the section, under the 'Popup Settings' subsection, you can modify the 'Border width' field to set the thickness of the popup border as you like.

In the section, under the 'Popup Settings' subsection, you can adjust the 'Top and bottom padding' to set the spacing at the top and bottom according to your preference.

In the section, under the 'Popup Settings' subsection, you can adjust the 'Left and right padding' to set the spacing at the left and right according to your preference.



(2) Popup Background

In the section, You can customize the popup's background color by changing the 'Background Color' field to your preference.

In the section, You can customize the popup's border color by changing the 'Border Color' field to your preference.

In this section, you can adjust the 'Background Layer Opacity' field to change the popup's background layer transparency to your preference. The default setting is a value of 0.8. Consider a value of 1 as not transparent, and a value of 0 as fully transparent.

In the section, you can set a background image for the popup, check the 'Enable Background Image' checkbox. After checking it, click the 'Upload Background' button and upload your own image for your background. Note:- The maximum image upload size is 10MB, and image formats such as JPG and PNG are supported.



(3) Outer Pop-up Background

In the section, under the 'Outer Pop-up Background' subsection, You can change the color of the outer part of the popup by adjusting the 'Outer Layer Color' field to your liking.

In the section, under the 'Outer Pop-up Background' subsection, You can adjust the 'Outer Layer Opacity' field to change the popup's outer layer transparency to your preference.
The default setting is a value of 0.8. Consider a value of 1 as not transparent, and a value of 0 as fully transparent.

In the section, under the 'Outer Pop-up Background' subsection, you can set a outer background image for the popup, check the 'Enable Outer Background Image' checkbox. After checking it, click the 'Upload Background' button and upload own image for your background.

After that, click the 'Save' button, and your changes will be visible in your store.

Was this article helpful?

0 out of 0 liked this article

Still need help? Message Us