Elementor BETA 3.22 First Look - Off Canvas Widget!

Поделиться
HTML-код
  • Опубликовано: 4 фев 2025

Комментарии • 82

  • @harshilvora8
    @harshilvora8 8 месяцев назад +3

    Thank you for being so prompt with every elementor update - beta or not - making it easy for us to understand what to expect! Super valuable!

  • @daveden2
    @daveden2 8 месяцев назад +6

    Nicely explained! 🙌
    I love that Elementor keeps working on performance improvements as well

    • @websquadron
      @websquadron  8 месяцев назад +5

      Notice how excited I got about the Child being set to 100% by default now :)

    • @daveden2
      @daveden2 8 месяцев назад +1

      @@websquadron yeah!!! I was just complaining about it and it's already sorted 😆

  • @louiswolmarans4759
    @louiswolmarans4759 8 месяцев назад +7

    Off-Canvas is also better SEO since the content is rendered in the DOM on page load, where the Pop Up only fetches the markup when it's triggered.

    • @phkoon
      @phkoon 8 месяцев назад

      That's what I was going to ask. Thanks!

    • @johanstam3602
      @johanstam3602 8 месяцев назад

      @@phkoon yep, and that should be part of this vid. For the rest it's just a popup.

  • @pezreloaded8436
    @pezreloaded8436 8 месяцев назад +1

    Thanks for keeping us updated on latest E updates, always helpful!

  • @ElementoryMyDearWatson
    @ElementoryMyDearWatson 8 месяцев назад +1

    Two really great and much needed updates, the container default now at full width... YES!! Many thanks for the demo Imran, very much appreciated.

  • @Dhrubo_Jyoti
    @Dhrubo_Jyoti 8 месяцев назад +1

    Thanks for the quick Update. Keep it up

  • @nmdk-design
    @nmdk-design 8 месяцев назад +1

    Thanks for this video! I like your entertainer approaches.

  • @pro-saqib
    @pro-saqib 8 месяцев назад

    I think it was there before! (Tempelates section while adding a new templelate)

  • @QuaverloveStudio
    @QuaverloveStudio 8 месяцев назад

    Great addition, the off-canvas widget.

  • @zafit02
    @zafit02 8 месяцев назад +1

    im glad although elementor still lacks some features to be a more professional tool, and i long for it with all my heart, like a css manager, i am happy to keep using it. it is the one i enjoy the most for making web pages. the offcanvas was very necessary for creating menus without popups. good news.

  • @SpencerTaylorOnline
    @SpencerTaylorOnline 8 месяцев назад +3

    Finally, off-canvas is here! They should have the option to include a close button or icon in the widget itself, but you can't have everything.

    • @websquadron
      @websquadron  8 месяцев назад +2

      Yup, I hope they see what I did and add it in.

  • @bobbypalmer2460
    @bobbypalmer2460 8 месяцев назад +1

    Thanks Imran

  • @johnwellington269
    @johnwellington269 5 месяцев назад

    hi how to use off canvas to make bottom right corner clickable icon for support icon? to show elementor form to leave msg

  • @ened42
    @ened42 8 месяцев назад

    Could this be used for moving filtering off canvas? I’m yet to find a good solution for this so far and that’s still one of my biggest challenges with filtering on mobile as I can only get them to appear above all my products so you have to scroll a bit past the filters first to get to the products.

    • @websquadron
      @websquadron  8 месяцев назад +1

      Not tried that yet, but possibly. It'd need to be tested.

  • @noelawill
    @noelawill 8 месяцев назад

    I use a site wide pop up for the mobile menu, what would be the main advantages for switching to off canvas over the pop up? I'm just wondering if it's worth all the extra work to make the change.

    • @websquadron
      @websquadron  8 месяцев назад +2

      SEO as it's not visible in the Pop-Up, thus you need to add another Menu to your Page and hide it. With Off Canvas it'll be there... I think... Yes, I'm sure...

    • @noelawill
      @noelawill 8 месяцев назад

      ​@@websquadronthank you 😊

    • @websquadron
      @websquadron  8 месяцев назад +1

      See this: ruclips.net/video/wC_GUjtH47o/видео.htmlfeature=shared

  • @dansk9963
    @dansk9963 8 месяцев назад

    Is there a limit to how many off canvases you can add to a page? And is it possible to have more than one trigger on a page for the same off canvas? Thanks!

    • @websquadron
      @websquadron  8 месяцев назад +1

      Can add many :)

    • @websquadron
      @websquadron  8 месяцев назад +1

      And yes you can trigger the same off canvas multiple ways on the same page

    • @dansk9963
      @dansk9963 8 месяцев назад

      @@websquadron What happens to the things do create with the beta version? I mean, when the real update releases. Is everything saved or do you have to create it all over?

    • @websquadron
      @websquadron  8 месяцев назад +1

      @@dansk9963 They'll remain but i advise caution when using Beta on Live sites

    • @dansk9963
      @dansk9963 8 месяцев назад

      I will wait then. Is it possible to prevent multiple off canvases like it is with multiple popups?

  • @colourberry
    @colourberry 8 месяцев назад

    For me it looks to be working fine in the editor page but as soon as I preview or publish and view in a fresh page, the off-canvas appears at the bottom of the page full width.

    • @websquadron
      @websquadron  8 месяцев назад

      Could be a glitch there, as I had that once, and then it worked normally. Note that it's still BETA so hopefully it'll all be ironed out when the live appears.

    • @colourberry
      @colourberry 8 месяцев назад

      @@websquadron Hi Imran, can I ask what Theme you are using? I'm using Astra. I wondered if there could be a conflict there and perhaps I should try the Twenty Twenty-Three Theme.

  • @ongleax98
    @ongleax98 8 месяцев назад

    Hi, I love your tutorials. I have a problem with off-canvas though. When I go to insert the link to trigger the opening of the element, elementor can't seem to find the widget.

    • @websquadron
      @websquadron  8 месяцев назад +1

      Have you refreshed the page?

    • @ongleax98
      @ongleax98 8 месяцев назад

      @@websquadron first of all, thank you for taking the time to answer. Turns out I just misunderstood the instructions. I just needed to listen to the video more carefully to find out what the problem was. Sorry for wasting your time.

    • @websquadron
      @websquadron  8 месяцев назад

      @@ongleax98 You didn't waste anyone's time :)

    • @PedroMPerpetuo
      @PedroMPerpetuo 7 месяцев назад

      @@ongleax98 Stuck in the same situation - what was it?

    • @ongleax98
      @ongleax98 7 месяцев назад

      @@PedroMPerpetuo basically, my error was treating this widget as a template. So I created the offcanva in a separate page and tries inserting it where i needed. But actually you have to either create it in the editor of the same page where you want it to show up, or create it in the header editor from the theme builder.

  • @zoltankemenes1981
    @zoltankemenes1981 8 месяцев назад +2

    I like your content very much. Why do you keep using Elementor instead (or alongside of) of Bricks for example? I haven't seen any new Bricks videos from you in a while.

    • @websquadron
      @websquadron  8 месяцев назад +1

      Range of clients have been using EL more plus there’s lots to cover

  • @users9896
    @users9896 8 месяцев назад

    I hope the elementor team can adjust the elementor backend to work faster like new Divi 5

  • @anzepockaj7675
    @anzepockaj7675 8 месяцев назад +1

    Finally!🙌

  • @y9gq37
    @y9gq37 8 месяцев назад +1

    Does this solve the SEO issue when using popups for mobile navigation?

    • @websquadron
      @websquadron  8 месяцев назад +1

      You’ll need to still add a menu into the header and hide it

    • @phkoon
      @phkoon 8 месяцев назад

      @@websquadron damn

    • @websquadron
      @websquadron  8 месяцев назад +1

      Yup :) See this: ruclips.net/video/wC_GUjtH47o/видео.htmlfeature=shared

    • @phkoon
      @phkoon 8 месяцев назад

      @@websquadron I'll do, thanks

  • @meisterleise
    @meisterleise 8 месяцев назад

    Damn, I've activated all Features in Beta 3.22 but the "off canvas" is not shown. How did you get it run?

    • @websquadron
      @websquadron  8 месяцев назад +1

      Have you got 3.22 Free and Pro, and not just Pro?

    • @meisterleise
      @meisterleise 8 месяцев назад +1

      @@websquadron Oh crap! You're right. I simply updated everthing in the updater, but it didn't update the pro (I get the impression that happens very often). Now it's available - and meanwhile it has received an icon as well! Sorry for confusion and thank you! 😁

  • @daedaluxe
    @daedaluxe 7 месяцев назад

    There's no close button?

    • @websquadron
      @websquadron  7 месяцев назад

      Nope. But you can add an Icon, Button or Text to close it.

  • @tho8281
    @tho8281 8 месяцев назад

    Could you explain, why to choose canvas over popup?

    • @websquadron
      @websquadron  8 месяцев назад +1

      You don’t need to create a separate template

    • @websquadron
      @websquadron  8 месяцев назад

      See this: ruclips.net/video/wC_GUjtH47o/видео.htmlfeature=shared

  • @derleuchtturmwaerter
    @derleuchtturmwaerter 8 месяцев назад

    Does it make sense to use the off-canvas widget for the main menu, e.g. as a mega menu or for the mobile view?

    • @daveden2
      @daveden2 8 месяцев назад +3

      From the Elementor ad banner, I believe that's the idea.

    • @websquadron
      @websquadron  8 месяцев назад +1

      See this: ruclips.net/video/wC_GUjtH47o/видео.htmlfeature=shared

    • @derleuchtturmwaerter
      @derleuchtturmwaerter 8 месяцев назад

      @@websquadron Great! Thank you for the explanation!

  • @aurematic
    @aurematic 8 месяцев назад

    What is the point of the offcanvas when you have the popup that does the same? Right?

    • @websquadron
      @websquadron  8 месяцев назад +2

      Less DOM

    • @websquadron
      @websquadron  8 месяцев назад

      See this: ruclips.net/video/wC_GUjtH47o/видео.htmlfeature=shared

  • @maddy1mymk
    @maddy1mymk 8 месяцев назад +1

    Wow

  • @ThatGuyBarrold
    @ThatGuyBarrold 8 месяцев назад

    Is there any benefit compared to the popup version?

    • @websquadron
      @websquadron  8 месяцев назад +1

      Leas templates and easier to build for some

    • @websquadron
      @websquadron  8 месяцев назад +1

      See this: ruclips.net/video/wC_GUjtH47o/видео.htmlfeature=shared

    • @ThatGuyBarrold
      @ThatGuyBarrold 8 месяцев назад

      ​@websquadron Hero! Kudos for smashing out the response video so quickly too 🙌. In other news, I've just introduced my cousin to your channel and he could only focus on your 3 monitor/frames in the background (they're pretty swish) 😆 I don't suppose you have a setup video for that I can send him?

    • @websquadron
      @websquadron  8 месяцев назад +1

      @@ThatGuyBarrold Ha :) They’re led windows that pull back images based on an account. Quite pricey!! atmoph.com/en/products/aw102

    • @ThatGuyBarrold
      @ThatGuyBarrold 8 месяцев назад

      ​@websquadron well worth the money by the looks of it 👌

  • @MDTanzimHossainMridha
    @MDTanzimHossainMridha 8 месяцев назад

    can it be used in the Elementor Free version?

    • @websquadron
      @websquadron  8 месяцев назад

      You’ll need pro for the nested elements

  • @bennysh
    @bennysh 8 месяцев назад

    So basically it's like a popup but with just one widget. Seems nice.

  • @williamcooper8559
    @williamcooper8559 8 месяцев назад

    noop, dont get why the off canvas is useful.

    • @websquadron
      @websquadron  8 месяцев назад +1

      Could replace using Pop Ups for the Mobile Menu.

    • @harshilvora8
      @harshilvora8 8 месяцев назад

      Any insights on what would be the advantage of replacing popups with an offcanvas widget ​@@websquadron? Just trying to understand how and why it might make more sense to use this over pop-ups for things like a site menu or even a product filtering menu on an e-commerce site.

    • @websquadron
      @websquadron  8 месяцев назад

      See this: ruclips.net/video/wC_GUjtH47o/видео.htmlfeature=shared