Plugin Banner Visibility Conflict Between Editor and Live

Ask the community
, , , ,
1

I’m having an issue with our plugin behavior.

We have set default values in the plugin. When we add the plugin in Wix Editor (Studio), we try to show and expand the banner using Velo code. However, in the Wix Editor it still appears in a collapsed and hidden state.

Our goal is:

  • The banner should be visible only in Wix Editor.

  • The banner should be hidden on the live site.

If we do not set a default hidden state, then on the live page (especially when throttling the network in DevTools), the banner briefly appears before our code runs. That is the main problem we are trying to solve.

So we need a solution where:

  • It does NOT flash on the live site.

  • It IS visible properly in Wix Editor.

  • It does NOT stay collapsed or hidden in the editor.

How can we handle this properly?

image
image476×293 11.2 KB

we use this code in velo to show in normal state

$w(‘#allWidgets’).expand();

        props?.warningBanner?.restore();

        props?.warningBanner?.show();

        props?.warningBanner?.expand();

image
image1336×780 195 KB

when we check in editor with $w(“#paymentApprovalBanner1”) this log
it show all value false

collapsed: false
hidden: false
deleted: false