Sticky Mobile Footer Menu for Flatsome Theme Tutorial

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

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

  • @HameedUnfiltered
    @HameedUnfiltered 11 месяцев назад +1

    Thanks Seb! Love the revamped website design.

  • @felipejaramillog
    @felipejaramillog 3 года назад +4

    Whoa this one is a huuuge feature! Thank you bringing it back Seb.
    I was wondering, what do you think about other site buildes like Elementor?

    • @Sebdelaweb
      @Sebdelaweb  3 года назад +3

      Thanks! I do like Elementor, also I'm a huge fan of Webflow and Shopify. I'm a tool nerd... but somehow I always come back to Flatsome. It just works, it's fast and when it comes to eCommerce it's really good. Maybe I will make a video comparing tools. I also think it's a personal preference for a lot of people.

    • @eastwardape9841
      @eastwardape9841 3 года назад

      @@Sebdelaweb I'd love that comparison.

  • @zannakristal3754
    @zannakristal3754 3 года назад +2

    Seb you are Awesome , wow it's amazing your tutorials👏👏👏
    It's s important to Remain User Friendly, Attractive and Convenient
    you always cover all three Simply Excellent...Your Tutorials Beautiful

    • @Sebdelaweb
      @Sebdelaweb  3 года назад

      Hola ZANNA KRISTAL ✌️Happy to hear that you like our videos. Thank you thank you for you support! 🙏

  • @elizabethlawrence4615
    @elizabethlawrence4615 2 года назад +2

    Thank you! I am teaching myself and having a love/hate relationship with the process! Thank you for making my site better!

    • @Sebdelaweb
      @Sebdelaweb  2 года назад +1

      Totally get this! I have also a love / hate relation with the digital life ;) Psss.... don't tell anyone haha

  • @aygunaytekin
    @aygunaytekin 3 года назад +2

    Thanks for re-adding this video!

  • @aedbuilder1006
    @aedbuilder1006 3 года назад +2

    Great tutorial Seb, will definitely implement this on my next project. Thanks man!

  • @MitchellKrogZA
    @MitchellKrogZA 3 года назад +1

    Thank you so much Seb and thank you for your help its looking superb and just what my store needed. I would love to know now how I could add a bottom sliding menu just above that to really make it easy for mobile users. Thank you again

    • @Sebdelaweb
      @Sebdelaweb  3 года назад +1

      Do you have an example?

  • @eastwardape9841
    @eastwardape9841 3 года назад +2

    Thanks a lot, for making this video again!

  • @NaturalThingsShop
    @NaturalThingsShop 3 года назад +3

    Great tutorial! Thanks...

  • @mrjaybanik
    @mrjaybanik 3 года назад

    ❤❤❤ Thank you so much. Carry on sir with this amazing theme Flatsome. Hope I will see something new soon

  • @vugar.mammadov
    @vugar.mammadov Год назад +1

    It was extremely helpful! Thank you so much!

  • @wptalkswitharif
    @wptalkswitharif 3 года назад +1

    Thanks a lot for creating this video. This is a awesome feature

    • @Sebdelaweb
      @Sebdelaweb  2 года назад

      Good to hear this is useful for you!

  • @casaarbolaustria1089
    @casaarbolaustria1089 3 года назад +1

    Great Video, very helpful!

    • @Sebdelaweb
      @Sebdelaweb  3 года назад

      Appreciate that Casa! 🔥

  • @CreadoresWebSevilla
    @CreadoresWebSevilla 10 месяцев назад +1

    Great job¡¡¡ its amazing

  • @SkyDude304
    @SkyDude304 2 года назад

    Hi everyone.
    Comment and like, to promote videos in trends, so that you can see less garbage and more normal content in trends.
    Thanks for creating quality content!
    P.s English is not my mother tongue. Sometimes I may use incorrect expressions or words, feel free to help me correct them. Thx :)

  • @thehealthyafrican
    @thehealthyafrican Месяц назад +1

    THANK YOU!!!

    • @Sebdelaweb
      @Sebdelaweb  Месяц назад

      You're welcome! 😊 Thanks for watching!

  • @toobaswonderland
    @toobaswonderland 2 года назад

    thanks alot!!!! this is something amazing!!

  • @jeffzondervan3299
    @jeffzondervan3299 2 года назад +1

    Hoi Seb. Bedankt voor weer een top video.
    Een vraag. Hoe koppel je de live winkelmand, met de sticky mobil menu? Ik heb nu de winkelmand pagina gekoppeld, maar dan zie je pas wat er in zit als je er op klik. Is het mogelijk om hier een live winkelmand te maken, net zoals normaal gesproken bovenin, dat je het aantal artikelen kan zien in je winkelmand?

    • @Sebdelaweb
      @Sebdelaweb  2 года назад

      Hi Jeff, Je zult een extra code moeten toevoegen aan de A HREF link. Maar met mijn oplossing via icon boxes gaat dat lastig. We zijn bezig met een custom code te schrijven. Zodra dit af is maken we een nieuwe video.

  • @triple6617
    @triple6617 2 года назад +1

    Very nice! Is there any ways to make footer nav appear when scroll down? instead of being fixed?

  • @swagforex3089
    @swagforex3089 2 года назад +1

    Thank you so much for this. It worked like a charm. However, is there a way to have custom mobile for different pages? In other words, can I have a different sticky menu for one page and another sticky menu for another page?

    • @Sebdelaweb
      @Sebdelaweb  2 года назад

      Hi Swag! Glad you like it. You could do this with some custom CSS and hide it on certain pages. I never did it before to be honest.

  • @vishalrangwani8788
    @vishalrangwani8788 2 года назад +1

    Great Video, Can i add (add to cart) or buy now button in this sticky mobile menu?

    • @Sebdelaweb
      @Sebdelaweb  2 года назад

      At the moment we didn't integrated this. But you could activate the sticky cart option: Flatsome Theme options > WooCommerce > Product page tppr.me/8rtXR

  • @Leosixonenine
    @Leosixonenine 3 года назад +2

    hi there, this is Leo from Taiwan. thank you very much for sharing this skill
    but how can i do what if i only want to create add to cart and buy now button in sticky mobile menu?

  • @DiskMFR
    @DiskMFR Год назад +1

    It's a great tutorial

  • @awaragardi2010
    @awaragardi2010 3 года назад

    Thanks a lot. I was wondering how to add the whole mini cart button to the footer menu instead of just a link to the cart. For example on your website in the tutorial, there was a mini cart button on the top right.

  • @vugar.mammadov
    @vugar.mammadov Год назад

    I have named one of the stack element as footer-messages. I want to add a red bubble to the upper right corner of the footer-message when
    bp_get_total_unread_messages_count>0.
    How can I do this?

  • @noithattrunguc6116
    @noithattrunguc6116 Год назад +1

    amazing

  • @rodrigocassiano9329
    @rodrigocassiano9329 2 года назад +1

    Você é demais. Muito Obrigado.

  • @centerseo3975
    @centerseo3975 3 года назад +1

    very thanks .

  • @Lekapo
    @Lekapo 3 года назад

    Hey, do you know how to add data-open to those icons? I'm trying but I can't figure it out. Great video by the way, looks amazing.

  • @leonel-pedro
    @leonel-pedro 3 года назад +1

    great!

  • @DavidECruzAvalos
    @DavidECruzAvalos 3 года назад

    Hi there, how can i add filter products action on button? meaning add button action to show filters sidebar, thanks

  • @m.tarikulislam
    @m.tarikulislam 3 года назад +1

    Thank you so much for being awesome,
    Sir please give me a suggestion, how can I change the account icon?

    • @MitchellKrogZA
      @MitchellKrogZA 3 года назад

      Just select that icon block in UX builder and select change image

    • @m.tarikulislam
      @m.tarikulislam 3 года назад +1

      @@MitchellKrogZA thanks for information

    • @MitchellKrogZA
      @MitchellKrogZA 3 года назад

      @@m.tarikulislam you're most welcome and you can get the free icons from here as mentioned in the video remixicon.com/

    • @m.tarikulislam
      @m.tarikulislam 3 года назад +1

      @@MitchellKrogZA Dear Sir Can I use an account icon like Woodmart?

    • @MitchellKrogZA
      @MitchellKrogZA 3 года назад

      @@m.tarikulislam if you can find one and it's not copyright to them

  • @bilquins
    @bilquins 2 года назад

    thank you sirr

  • @lt3535
    @lt3535 2 года назад

    Hi Seb I followed every steps in your tutorial, however it is not sticky? It shows nicely on wordpress, but when I use an actual phone to go to my website, it only shows at the very end of the page as I scroll down, it sort of becomes footer...Can you see what could be wrong?

  • @mulkproject687
    @mulkproject687 3 года назад

    Thanks for this seb it was awesome but anyways how can i add wishlist and cart count here? meaning what ever we add on cart also in wishlist it will show count ..

  • @anhpham0711
    @anhpham0711 3 года назад +1

    thanks

  • @andreadesignori9040
    @andreadesignori9040 2 года назад

    Hi, thanks .. it's really useful. Question, is there a way to make this menu dynamic depending on the published pages? Example .. the link of 1 of these icons should change whether i am on the male or female shop pages. Thanks andrea

    • @Sebdelaweb
      @Sebdelaweb  2 года назад

      Hi Andrea, With CSS you could target a specific page class and hide or display certain things. It's quite a workaround, but it is possible yes.

  • @muhammaddaud6275
    @muhammaddaud6275 3 года назад

    hi, can we use menu hover active and basic text color, I mean three colours in menu? all the navigation have black color when we hover it shows green and when a page is active it shows blue colour? second this how we can do this same in mobile menu? kindly reply fast

  • @adityoariwibowo
    @adityoariwibowo 2 года назад

    Thanks for the turorial! Is there any way to hide that sticky menu on specific page(s)? Such as on my landing page

    • @Sebdelaweb
      @Sebdelaweb  2 года назад

      Yes with custom CSS it's possible, or you include the UX Block element on specific pages through the UX Builder.

  • @sinhphong9490
    @sinhphong9490 9 месяцев назад +1

    can we hide this sticky bar when scroll up?

    • @Sebdelaweb
      @Sebdelaweb  Месяц назад

      Yes, you can hide the sticky mobile footer menu in the Flatsome theme by using custom JavaScript. Hope this helps!

  • @tomtempel
    @tomtempel 2 года назад

    Thanks for providing the tutorial and the code! For me it works just on the "shop" side but not on the Landingpage - can I adjust this?

    • @Sebdelaweb
      @Sebdelaweb  2 года назад

      Hi Tem, it should work wherever you put the UX Shortcode. I placed it in the footer script, but you can also insert the UX Block in on the homepage if desired. Good luck :)

    • @tomtempel
      @tomtempel 2 года назад

      @@Sebdelaweb thank you for the replay! After a Cache Update it worked Thank you!

    • @Sebdelaweb
      @Sebdelaweb  2 года назад

      Awesome!

  • @silnangimphil6903
    @silnangimphil6903 3 года назад

    Is this will sticky in other page too ; shop page, about page, single product page etc.

    • @Sebdelaweb
      @Sebdelaweb  3 года назад

      Yes! But with custom CSS you can hid this on certain pages.

  • @theilmann75
    @theilmann75 3 года назад +1

    Frist of All, thank you for This awesome menu. But How to change font color. I have made The sticky menu Black with White icons, but cant figure out how to change The font color on The icon title to White. My default page font is Black/gray which make it hard to read. Have tried different css but My knowledge is not good In css

    • @Sebdelaweb
      @Sebdelaweb  3 года назад +1

      Great question Thomas! Can you copy + paste your question on our member area? I will try to come with the solution and share it: members.sebdelaweb.com/c/add-ons/sticky-mobile-footer-menu

    • @theilmann75
      @theilmann75 3 года назад

      @@Sebdelaweb done

  • @gegemart7994
    @gegemart7994 3 года назад

    Hello, your sticky menu is amazing! I added the shortcode of an online chat plug-in to one of the menus, but I can’t see the notifications in the sticky menu. I can only see them after entering. Is there any way to make the chat notifications appear directly on the sticky menu? Just like the shopping cart in the flatsome theme. thanks

    • @Sebdelaweb
      @Sebdelaweb  3 года назад

      Hi 张天宇 👋 Thanks for your thumbs up and that you are enjoying our videos. To get a notification bubble inside the sticky menu you need to do some custom coding, most likely with a developer.

    • @gegemart7994
      @gegemart7994 3 года назад

      @@Sebdelaweb Hello, can you provide technical support? I can pay, thank you

    • @Sebdelaweb
      @Sebdelaweb  3 года назад

      If you need some extra support regarding Flatsome / Technical, I suggest you post your question on the Flatsome Facebook group or leave a support ticket. You can find some really good developers on the FB page.
      facebook.com/groups/flatsome/
      uxthemes.com/support/

  • @chezterarmz6320
    @chezterarmz6320 3 года назад

    hi seb de la web

  • @TheTacuz
    @TheTacuz 3 года назад

    Make one for woostify theme kindly

  • @ceomishuahmed
    @ceomishuahmed 3 года назад

    want to show on scrol
    pls help

  • @mohmedsolla4562
    @mohmedsolla4562 3 года назад

    How add filter button in the mobile footer menu ?

    • @Sebdelaweb
      @Sebdelaweb  3 года назад

      Hello Mohmed 👋At the moment we don't have the filter solution build in. We just work with static links. You probably need to add a certain script to your link to trigger the filter sidebar. I think a developer can make it work for you.

  • @farouktemmache9335
    @farouktemmache9335 2 года назад

    How to set active link in the menu?

    • @iuchongmapheo
      @iuchongmapheo 2 года назад +1

      custom ux block > icon box > add link

  • @digitalstore8147
    @digitalstore8147 2 года назад

    not working me bro how to fix it?

    • @Sebdelaweb
      @Sebdelaweb  2 года назад

      What's not working for you bro?

  • @user-eb6sx7io2w
    @user-eb6sx7io2w 3 года назад

    I tried it and it didn't worked.

  • @md.redwanhossain6652
    @md.redwanhossain6652 3 года назад

    does not works.