{"id":13099,"date":"2024-03-20T14:54:45","date_gmt":"2024-03-20T13:54:45","guid":{"rendered":"https:\/\/helpcenter.blendee.com\/article\/template-next-image-warning\/"},"modified":"2024-03-20T14:54:47","modified_gmt":"2024-03-20T13:54:47","slug":"template-next-image-warning","status":"publish","type":"article","link":"https:\/\/helpcenter.streamwise.it\/en\/article\/template-next-image-warning\/","title":{"rendered":"Template “NEXT IMAGE WARNING”"},"content":{"rendered":"\n

We’re going to explain how every single key in this template works.For the initial configuration of the behavioural message, please refer to the dedicated article how to configure a behavioural message<\/a>.<\/p>\n\n

\"\"<\/figure>\n\n

OPTIONS->OTHER<\/h3>\n\n

Show on load(YES) _ Show after scroll(NO)<\/strong>: If set to YES the image will load instantly when the page loads and, if there is a timing in the “Show only after x seconds” field, it will wait for that time after the page loads. If set to NO, the popup will load when the user starts scrolling the page after X time, if set to “Show only after x seconds”.<\/p>\n\n

Downtime since closing:<\/strong> Indicates how long it takes for the popup to be shown again. If the cache is cleared, the message will be shown again on the next load\/scroll.<\/p>\n\n

Show only after x seconds:<\/strong> Number of seconds that the pop-up is delayed when loading or scrolling.<\/p>\n\n

Initial animation (fadein\/fadeout):<\/strong> The type of animation when the popup appears.<\/p>\n\n

Warning duration (in seconds):<\/strong> time during which the message will be visible, when the time expires, if set, the message will close automatically.<\/p>\n\n

LAYOUT-> Message Text<\/h3>\n\n

Image<\/strong>: Here you can upload the image that will appear inside the popup, we recommend a resolution at least equal to the pixels set in the next step<\/p>\n\n

Side Image Width (in px):<\/strong> The width in pixels of the image<\/p>\n\n

Image Link: <\/strong>link on image<\/p>\n\n

Click on the image:<\/strong> If set to YES the popup is closed once you click on the image, NO otherwise. If there is a link on the image, it will open in a new window and the image will close, starting the countdown for the time set in the Idle Time on Close field.<\/p>\n\n

LAYOUT->Other<\/h3>\n\n

We<\/strong> can insert a CSS shape, we refer you to the site<\/a>, to be able to generate your custom shapes.<\/p>\n\n

We can decide whether or not to show the outer overlay<\/strong>.<\/p>\n\n

Animated outer overlay:<\/strong> We can decide whether to display animated shapes.<\/p>\n\n

Outer Overlay Opacity (in %)<\/strong> accepts values from 1 to 100 and sets the opacity of the outer overlay.<\/p>\n\n

Live Background Shape Opacity (in %)<\/strong> sets the opacity of animated outer shapes.<\/p>\n\n

Closing box icon<\/strong> : we can select the icon to be used for the close button of the message.<\/p>\n\n

zindex<\/strong> We set the z-index to place the message on top of the site elements.<\/p>\n\n

Additional CSS code:<\/strong> In this field, you can add valid CSS for customizing the message stylesheet<\/p>\n\n

LAYOUT->Location & Dimensions<\/h3>\n\n

Distance of the box from the sides (in px):<\/strong> set a minimum distance from the edges that the message must respect.<\/p>\n\n

Box position<\/strong>: a select appears where we can set the position of our message.<\/p>\n\n

Show drop shadow<\/strong>: we can turn the drop shadow on or off.<\/p>\n\n

Outer Overlay Color: Sets<\/strong> the background color of the outer overlay.<\/p>\n\n

Live Background Shape Color: Sets<\/strong> the color of animated outer shapes.<\/p>\n\n

Show drop shadow<\/strong>: we can turn the drop shadow on or off.<\/p>\n\n

Close Icon Color<\/strong> to set the close icon color of the message.<\/p>\n\n

Outer border color: Outer border color<\/strong> of the message.<\/p>\n\n

Border width (in px): The<\/strong> outer border thickness of the message.<\/p>\n\n

Background color<\/strong> to set the background color of the entire message.<\/p>\n\n

Right position closing icon (in px) | Top position closing icon (in px)<\/strong> we can place the closing icon, we can also enter negative values.<\/p>\n\n

Content padding (in px): The<\/strong> distance of the content from the edges of the message.<\/p>\n\n

Rounded corners (in px)<\/strong> to set the rounded corners of the message.<\/p>\n

\n

Was this content useful?<\/strong><\/div><\/p>\n

Thanks for contributing!<\/p>\n

\nYes<\/a>\nNo<\/a>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

We’re going to explain how every single key in this template works.For the initial configuration of the behavioural message, please refer to the dedicated article how to configure a behavioural message. OPTIONS->OTHER Show on load(YES) _ Show after scroll(NO): If set to YES the image will load instantly when the page loads and, if there […]<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"","format":"standard","article-category":[],"article-tag":[190],"class_list":["post-13099","article","type-article","status-publish","format-standard","hentry","article-tag-template-en"],"_links":{"self":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13099"}],"collection":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":3,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13099\/revisions"}],"predecessor-version":[{"id":13102,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13099\/revisions\/13102"}],"wp:attachment":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/media?parent=13099"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article-category?post=13099"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article-tag?post=13099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}