conditionnal display by device with jquery

  • Resolved alpha2

    (@neoseeyou)


    3 months, 3 weeks ago

    Hello,

    Thank you for your great plugin, it provide a very elegant way to display conditionnaly elements.

    However, your method for masking a block (on mobile or desktop) is to use a display none, so the masked content is still loaded in the dom and this can affect performance (on mobile for exemple).

    Let’s say I have several blocks with quite a few images that should only be displayed on desktop, these images will still be loaded for the mobile version.

    Is it possible to have an additional option for not loading the block? Via jquery and php? and maybe a listener to load element if user changer the size of his browser?

Viewing 1 replies (of 1 total)
  • Plugin Author Nick Diego

    (@ndiego)

    Hi @neoseeyou,

    Thanks for reaching out and I apologize for the delayed reply. You are correct, there are instance where simply hiding content with display: none is not ideal for performance reasons.

    That said, added front-end JavaScript is something that I have purposefully avoided with this plugin to keep things as simple as possible. I am not fundamentally opposed to it, but it’s not something that I personally plan to implement. That said, the plugin is now listed as a “Community Plugin”, and contributions to the plugins GitHub repository are more than welcome! ??

    Best,
    Nick

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.