How to Set up a Shopify Mega Menu (Shopify Dawn Theme Example)

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ก.ย. 2024

ความคิดเห็น • 62

  • @codethatconverts
    @codethatconverts  4 หลายเดือนก่อน

    Interested in Getting Free Help with Your Shopify Store? Watch this video to learn more: th-cam.com/video/mmgZ_m59VE0/w-d-xo.html

  • @spenceriadv5309
    @spenceriadv5309 7 วันที่ผ่านมา

    Love finding hidden gems thank you SUBSCRIBED!!

  • @TopAmericaShop
    @TopAmericaShop 6 วันที่ผ่านมา

    Amazing, man!!! Thank you a lot!

  • @CHBeck0514
    @CHBeck0514 6 หลายเดือนก่อน +1

    OMG Patrick! First, let me say a big THANKS for this video after I asked you to make it! This and ALL of your videos have been a HUGE help in developing my site! I'll send the link soon so you can see how much you've helped me improve not only the visual aspect of the site but also the functional aspect! You'll never know how helpful your videos have been! THANKS man!

    • @codethatconverts
      @codethatconverts  6 หลายเดือนก่อน

      I'm so glad to hear my videos have been helping you improve your store. Are there any other Shopify tutorials that you would like to see on the channel?

  • @AnitaCutie-zr9hz
    @AnitaCutie-zr9hz 5 หลายเดือนก่อน

    This is brilliant! Thank you, thank you! I've been trying to figure out how to create the menu for days, sifting through countless videos, but this one is incredibly helpful!

    • @codethatconverts
      @codethatconverts  5 หลายเดือนก่อน

      Glad you like the video. What stood out to you that made you watch mine over the others?

  • @hashux3869
    @hashux3869 4 หลายเดือนก่อน

    Beautiful! thank you so much last night i spent a lot of time to search different kind of stuff for this mostly for old dawn versions and some are paid, you are a rock star!

    • @codethatconverts
      @codethatconverts  4 หลายเดือนก่อน

      Glad I could help! When you get the chance to try it please let me know if you have any issues or if there are any features you wish it it had.

    • @LibertyBelleApparel
      @LibertyBelleApparel 4 หลายเดือนก่อน

      I agree! I paid for a service to have a mega drop down, several minutes later I came across this video and requested a refund immediately. Patrick's coding was far superior in literally every aspect.

    • @codethatconverts
      @codethatconverts  4 หลายเดือนก่อน

      Hey I'm glad you feel that way and am happy you got a lot of value out of the video.
      I was thinking of making a part 2 to this video to improve the mega menu even more. Are there any specific features or improvements you would like to see?

  • @jackiegish8193
    @jackiegish8193 3 หลายเดือนก่อน

    Thank you for this video and the coding video. It definitely made my website look great.

    • @codethatconverts
      @codethatconverts  3 หลายเดือนก่อน

      Glad it helped! Let me know if there are any other tutorials you'd like to see on the channel.

  • @rabindramahato6950
    @rabindramahato6950 หลายเดือนก่อน

    Thank ❤

  • @konversteh
    @konversteh 2 หลายเดือนก่อน

    Thanks a lot! Great job! It's a pity that there is no mobile version. Keep making videos, they are very useful! You already have a new subscriber)

    • @codethatconverts
      @codethatconverts  2 หลายเดือนก่อน

      Are there any “mobile” mega menus that you like? I could make a part 2 of this video

  • @moneyripper2670
    @moneyripper2670 5 หลายเดือนก่อน

    This is actually insane Subscribed!!!

    • @codethatconverts
      @codethatconverts  5 หลายเดือนก่อน +1

      Glad you liked the video.
      Let me know if you have any issues with the code or if you think there are any ways it can be improved.

    • @moneyripper2670
      @moneyripper2670 5 หลายเดือนก่อน

      @@codethatconverts Will do!

    • @moneyripper2670
      @moneyripper2670 5 หลายเดือนก่อน

      @@codethatconverts Maybe an option where you can add different Featured Images to every collection. For Example Women and Men featured images to be different

    • @moneyripper2670
      @moneyripper2670 5 หลายเดือนก่อน

      @@codethatconverts Or a Mega Menu like Zalando or Nike Where you can add icons instead of collectiopn images

  • @punjabilog
    @punjabilog หลายเดือนก่อน

    Thank you so much, you are the man

  • @juderaymond2289
    @juderaymond2289 3 หลายเดือนก่อน

    Amazing ! Thank you!!!

    • @codethatconverts
      @codethatconverts  2 หลายเดือนก่อน

      Glad to hear that you got value from the video.

  • @mateooviedorojas4008
    @mateooviedorojas4008 5 หลายเดือนก่อน

    THANKS PATRICK, NEW SUSCRIBER RIGHT NOW

    • @codethatconverts
      @codethatconverts  5 หลายเดือนก่อน

      Hey hope you found the video valuable. By the way, let me know if there are any other tutorials you would like to see on the channel?

  • @ep6319
    @ep6319 3 หลายเดือนก่อน

    Amazing video per usual! Do you have any tips for how to customize the mega menu further? Like on Kylie's site, the mega menu colour changes on hover. Maybe in part two? :)

    • @codethatconverts
      @codethatconverts  3 หลายเดือนก่อน

      Yep, I got a part two coming soon. Stay tuned.

  • @LoriThornburg-dk3pu
    @LoriThornburg-dk3pu 4 หลายเดือนก่อน

    Loved the video tried to sign up for emails got a page not found code, also tried to sign up for the extended mega menu and got an error message as well. I did subscribe to your channel for now to see if I can learn more while struggling to set up my Shopify store myself

    • @codethatconverts
      @codethatconverts  4 หลายเดือนก่อน

      Hey Lori, I got your email and sent you a response. Please go check it out.

  • @DIGISamIam
    @DIGISamIam 6 หลายเดือนก่อน

    THANK YOU!!!

  • @aalizaewhite9716
    @aalizaewhite9716 7 วันที่ผ่านมา

    Hey patrick i was wondering if you could provide the shopify app as i also hate maunually importing all my products ahaha

  • @LibertyBelleApparel
    @LibertyBelleApparel 4 หลายเดือนก่อน

    Hello! I installed the extended mega menu and WOW! IT IS TRULY THE BEST!!!!!!! Question, is there a way for the feature photo to only appear in certain drop downs? Using your video as an example, let's say I wanted a featured image only under collections but not under discover or any other location? In addition, is there a way to have a separate feature photo for discover than collections?? You are amazing!

    • @LibertyBelleApparel
      @LibertyBelleApparel 4 หลายเดือนก่อน

      Is there also a way to feature multiple featured phots under one tab? so meaning under collections, can I have two featured photos? Can they only appear under collections? Can I add a label/title under said featured photos? Thank you for all your help

    • @codethatconverts
      @codethatconverts  4 หลายเดือนก่อน +1

      I'm glad you enjoyed the video. It is possible to feature multiple featured photos as well as feature them outside of the "collections" part of the menu. But doing so involves the use of metafields. You'll be glad to know that I will be making a part 2 to this video since it was so popular and will take all your requests into consideration.

  • @randyschreiber1178
    @randyschreiber1178 5 หลายเดือนก่อน

    Great helpful content, thanks! Will this code work for Shopify Spotlight Theme?

  • @dirtypigclothing131
    @dirtypigclothing131 5 หลายเดือนก่อน

    Thank You Sir! Epically awesome tutorial. Would it be possible to have the Mega Menu automatically open & close when a user hovers over it?

    • @codethatconverts
      @codethatconverts  5 หลายเดือนก่อน

      Of course it is possible and I’ll cover this in a future video about Mega Menus.
      What are some other features you think you need in a mega menu?

  • @just-originals
    @just-originals 4 หลายเดือนก่อน

    Hi Patrick, line 537 is empty, i have done everything twice, im using Dawn 14.0.0 do you know why?

    • @codethatconverts
      @codethatconverts  4 หลายเดือนก่อน

      Send me an email and I'll see if I can help you out.

  • @emelireynosomaranon6201
    @emelireynosomaranon6201 6 หลายเดือนก่อน

    Hi Patrick, great video :) the code was a little difficult to follow as someone who knows nothing about coding, can you make a video explaining where to place the codes?

    • @codethatconverts
      @codethatconverts  6 หลายเดือนก่อน

      The link in the description should give you access to a video explanation of how to set it up.
      You didn’t see it?

    • @emelireynosomaranon6201
      @emelireynosomaranon6201 5 หลายเดือนก่อน

      @@codethatconverts Thank you so much for the help! It worked great!

  • @GDISinc
    @GDISinc 5 หลายเดือนก่อน

    Just curious what about mobile? Was that taking into consideration during this development?

    • @codethatconverts
      @codethatconverts  5 หลายเดือนก่อน

      The mega menu uses the default menu set up used on the dawn theme for mobile.
      But there has been so much interest around this video that I’m definitely going to be making a part two pretty soon will include some changes in the mobile version of the layout .
      Are there any specific things you’d like to see in the video?

    • @GDISinc
      @GDISinc 5 หลายเดือนก่อน

      @@codethatconverts not yet I'm still working with it now. But I was worried that this wouldn't work good on mobile which is a billion times more important since people mostly use there phones now. But once I played if I think of anything I can absolutely pass it along to you! Thanks for this video!!

  • @justame7638
    @justame7638 5 หลายเดือนก่อน

    Looks god! thnaks, howvever, my featured image has a scroll side bar on right. What size does the image need to be contained so no scroll shows?

    • @codethatconverts
      @codethatconverts  5 หลายเดือนก่อน

      The image I used for the example was 450 x 450 so try that and let me know how it works for you.

  • @ericosonounameto2990
    @ericosonounameto2990 4 หลายเดือนก่อน

    Should I change a theme to get mega menu ? Because my theme doesn’t have this option

    • @codethatconverts
      @codethatconverts  4 หลายเดือนก่อน

      There is a link to a tutorial in the description of the video.
      The tutorial is for the Shopify Dawn theme. As long as you're using that theme, it should work well for you.

  • @davilamb
    @davilamb 5 หลายเดือนก่อน

    dude thanks man!! is it possible to add a hover effect on the mega menu extend version?
    Thanks!!

    • @codethatconverts
      @codethatconverts  5 หลายเดือนก่อน +1

      Are you talking about hover effects over the image, the links or both?
      Also what are some other things you would like to see inside Mega Menu Extended?

    • @davilamb
      @davilamb 5 หลายเดือนก่อน

      I got it now with some coding, seems like the invisible padding closes the hovering effect over the top padding, I changed the padding to 0 and everything is working out great! Thanks again!

  • @Zoom2English
    @Zoom2English 5 หลายเดือนก่อน

    I subscribed and asked for acccess but the extended menu code was not there!

    • @codethatconverts
      @codethatconverts  5 หลายเดือนก่อน

      Send me an email. My email is patrick@codethatconverts.com
      I'll help you get it sorted out.

  • @coeurdelion8517
    @coeurdelion8517 4 หลายเดือนก่อน

    you didn't explain anything. How to create submenus?

    • @codethatconverts
      @codethatconverts  4 หลายเดือนก่อน

      You can create a sub menu by just dragging a menu underneath another one and then moving it slightly to the right.
      In the video you can see me doing that. I also have another video on channel that talks about how to create drop-down menus.
      The process of making a sub menu is explained in there as well. Hope that helps.

  • @CandyIL
    @CandyIL 6 หลายเดือนก่อน

    Thank you ❤

    • @codethatconverts
      @codethatconverts  6 หลายเดือนก่อน

      Hope it was helpful for you.