Shortcode content is showing after reload only

  • Resolved Stefan

    (@skyriderfilms)


    9 years, 3 months ago

    Hello,

    I’m displaying a Metaslider slideshow with the Easy Heads Up Bar using a shortcode. It works excellent so far with one exception: If the user hides the bar, loads another page, and then re-opens the bar, the slideshow is not displayed, and the bar is empty. Only after reloading the page, the slideshow reappears.

    You can have a look at the behavior at my website skyriderfilms.com

    Is there anything I can do to fix this?

    Thanks for developing this wonderful and easy to use notification bar!

    Stefan

    https://wordpress.org/plugins/easy-heads-up-bar/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Greenweb

    (@greenweb)

    9 years, 3 months ago

    Hi Stefan, thanks for bring this to my attention. This is an odd effect and to be honest I don’t have a quick fix for it.

    I know that it’s due to the “responsive” resizing of the slideshow.

    When the slideshow loads into the minimized bar the slideshow slide’s height and width are set to 0px.

    This changes as soon as the browser is resized. The only fix I can come up with off the top of my head would be to write some custom code. Or to disable the minimize option on the heads up bar.

    Thanks !

    Plugin Author Greenweb

    (@greenweb)

    9 years, 3 months ago

    Link to gif that shows the resize effect: http://i.imgur.com/LxL9oky.gif

    Thread Starter Stefan

    (@skyriderfilms)

    9 years, 3 months ago

    Hi Greenweb,

    Thanks so much for the quick reply. I wasn’t aware the slideshow reappears when resizing the window!

    I tried to follow an advise I’ve found on https://www.metaslider.com/examples/carousel/ to place the slideshow within its own container, but Easy Heads Up Bar’s “Bar Content” text box doesn’t accept the code.

    Does this idea make any sense at all? Disabling the minimize option would be a solution, though some users don’t like having an all-time open bar for sure. And opening/closing the bar looks cool.

    If you could help me out with some custom code, your advise would be much appreciated.

    Thanks!

    Plugin Author Greenweb

    (@greenweb)

    9 years, 3 months ago

    Hi Stefan the Bar Content box should accept the code from metaSlider if you use the text editor as posed to the the visual editor. See the linked image if your unsure of what I mean: http://i.imgur.com/YRQOwLd.jpg

    Thread Starter Stefan

    (@skyriderfilms)

    9 years, 3 months ago

    Hi Greenweb,

    I entered this metaslider code using the text editor:

    <div style=’max-width: 600px;’>
    [metaslider id=1058]
    </div>

    But after updating, the text editor box shows this:

    <div>
    [metaslider id=1058]
    </div>

    Sadly, the behavior doesn’t change.

    Thoughts?

    Plugin Author Greenweb

    (@greenweb)

    9 years, 3 months ago

    I assume that the code is being sanitized to prevent malicious JavaScript or iframes from being introduced onto the website. If you click my username you’ll be able to contact me directly and we’ll work on a solution.

    Plugin Author Greenweb

    (@greenweb)

    9 years, 3 months ago

    Stefan here is your solution if your shortcodes ID is 1058 then the css is: 

    div#metaslider_1058 ul.slides li.ms-image{
  width:188px !important;  /* height of your slide's image */
  height:100px !important;  /* height of your slide's image */
}

    Here is a link to a proof of concept: http://aspentovail.com

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Shortcode content is showing after reload only’ is closed to new replies.