Another great video! Really appreciate your content and the free value you're providing ♥️ I got a request for next video that u can probably do it in minutes, and that's adding "payments icons in footer" inside cart under checkout button to boost trust ( I checked on KZitem and no one so far did that video )
@theprompted
7 ай бұрын
Thank you, glad they've been helpful! Great suggestion - I've added it to the list :)
@theprompted
6 ай бұрын
Just wanted to let you know that I made this video for you - I hope it helps :) kzitem.info/news/bejne/mIuEzKasraJjoaA
@Klee87278
6 ай бұрын
@@theprompted omg i was waiting for this! Thank u 🫶♥️
@paulcampo3452
2 ай бұрын
This was amazing! Only thing is that I want to adjust the width and size of my images when I choose the MegaMenu. Is there certain code to make this happen?
@theprompted
2 ай бұрын
The simplest way is to edit the add this code into the Custom CSS section of your header: To change the size of the images you can .mega-menu__list.megamenu-with-image { grid-template-columns: repeat( auto-fit, minmax(calc((100% - (5 * 4rem)) / NUMBER), calc((100% - (5 * 4rem)) / NUMBER)) ); } And replace NUMBER above with 5 or 4. This will make the images larger. And if you replace it with 7 or 8 it should make them smaller.
@HUSHHUSH-
5 ай бұрын
This is super brilliant video . Thank you boss man !
@MichaelCurrie44
6 ай бұрын
Superb content sir. Thank you so much. The most concise and clear explanation I've come across. Keep doing what you're doing.
@rode7623
4 ай бұрын
Dude. This is awesome! The value is insane.
@NicuIrimia
3 ай бұрын
I have a kind suggestion for next video ideas: how to do wishlist functionality😁🙂
@theprompted
3 ай бұрын
Thanks for the suggestion!
@JOSEPH2012ist
2 ай бұрын
Amazing video. Thanks for sharing
@HUSHHUSH-
4 ай бұрын
Great video . Would you maybe know how to make the basket icon to open and show contents upon hovering over it ?
@theprompted
4 ай бұрын
Great suggestion! I added it to the list
@Gsplay-eu
12 күн бұрын
Great video,it was really helpfull!!! I would like to ask you, if we can put the icon on the left side at drawer menu option? I want to use it for the mobile version. Thanks in advance.
@ALargeGreenTurtle
6 ай бұрын
Thank you! This was incredibly helpful
@theprompted
6 ай бұрын
Glad it was helpful!
@Danny-ev2px
6 ай бұрын
Loved this - Thank you very much!
@bohemianoop
5 ай бұрын
Super, AMazing tutorial. A Miilion Thanks 🙏👌👍
@0-60reviews7
11 күн бұрын
Hello The Prompted, I have tried to the photos to my dropdown menu, and everything works nicely except for the fact that the images are really low quality. It isn’t an issue with the photos, because the same ones look high quality on the mega menu. Do you know what this could be? Thank you
@andyobrien6263
Ай бұрын
I’ve obviously messed up! When I select anything but the ‘none’ in the header image field my menu reduces to a slim section with no text! I’ll have to revert to my previously saved version & try again! 😢 That said, a really easy to follow step by step tutorial & I’m gutted it didn’t work for me!😊
@theprompted
Ай бұрын
Sorry it didn't work the first time. Sometimes it's just a small step that gets missed that can cause issues. I hope it works the second time around!
@NicuIrimia
3 ай бұрын
can we also add pictures in the mega menu on the side for promotions, for example? Thank you very much for the video, very useful!
@theprompted
3 ай бұрын
Glad you found it useful and thanks for the suggestion!
@yawarsayeed6246
5 ай бұрын
very useful! thanks
@raghusharma9197
Ай бұрын
Great Video 👌👌But how we remove underlines from our navigation menu?
@theprompted
Ай бұрын
This would require some additional development to modify the css
@youssef4532
7 ай бұрын
Thanks bro for the value, at first images weren't showing in mobile version but now they do... the only thing that comes to mind for a question is, is it possible to change the position of the image from the right side to the left side?
@theprompted
7 ай бұрын
Glad it's working for you! If you're talking about the drawer menu version, then yes, you can. You can do this by replacing some code in header-drawer.liquid. So you can replace: {{ link.title | escape }} {% render 'menu-image-custom', link:link, menu_images_toggle: section.settings.drawer_menu_images_toggle, menu_images_size: section.settings.menu_images_size, menu_images_border_toggle: section.settings.menu_images_border_toggle, menu_images_border_color: section.settings.menu_images_border_color %} with: {% render 'menu-image-custom', link: link, menu_images_toggle: section.settings.drawer_menu_images_toggle, menu_images_size: section.settings.menu_images_size, menu_images_border_toggle: section.settings.menu_images_border_toggle, menu_images_border_color: section.settings.menu_images_border_color %} {{ link.title | escape }} {% render 'icon-arrow' %} {% render 'icon-caret' %} And then you can add this to the section of menu-image-custom.liquid: .menu-item-wrapper { display: flex; align-items: center; } .menu-item-title { margin-left: 10px; }
@youssef4532
6 ай бұрын
@@theprompted Thank you so much bro, i appreciate your help 🙌
@JakubRogoz
3 ай бұрын
Great video! Could explain how to apply these settings to a single tap within the main menu? Ie. I had a mega menu with two tabs "Shop All" & "Brands" how can I adjust the code to include images when the "Brands" tab is expanded but keep the Shop All tab contents as a list? Thank you!
@theprompted
3 ай бұрын
Will have to look into this - thanks for the suggestion!
@AlanWattsFans
5 ай бұрын
My Friend your tutorial was amazing, im subscribed. I REALLY hope you can help me (ASAP) on adding images to Links in the Navigation Menu. In metafields i found the 'field' option 'URL' but i think im doing the wrong thing. Much love!
@theprompted
4 ай бұрын
You'll have to create a new metafield as explained at 05:29 of the video, and select type File
@TownEssence
2 ай бұрын
i cant find the additional settings to copy and paste for the mega menu? how did you find them as it only pops up with a little bubble of it but not how you got to it! other then that absolutely loving this video
@theprompted
2 ай бұрын
Link for all the code is in the description. Glad you like it!
@domingosamaniego4076
2 ай бұрын
Hello!! something in the code breaks the variant functionality. Thinking it's the Global JS changes, any solution? thx!
@theprompted
2 ай бұрын
This code doesn't modify variants. Are you referring to a different video by any chance?
@BearsMeadowTeam
Ай бұрын
I created the metafield as you said but it is not appearing under my collections tab. Do you know what might be wrong or what I can do to fix this issue?
@theprompted
Ай бұрын
Unfortunately, there's too little information to know what the problem is. I suggest double checking all steps to make sure the installation was done properly. If it's still not working, try installing a fresh version of your theme (ex: Dawn) as a test theme and starting again from the beginning to see if you get the same or different result. If you get a different result, it's likely an issue with the installation. If you get the same result, it may be a more complex problem.
@user-ie6hu9pc6p
5 ай бұрын
how do i make the mega menu images larger? as i only have 2 collections they are a bit too small
@theprompted
5 ай бұрын
To change the size of the images you can add this code into the Custom CSS section of your header: .mega-menu__list.megamenu-with-image { grid-template-columns: repeat( auto-fit, minmax(calc((100% - (5 * 4rem)) / NUMBER), calc((100% - (5 * 4rem)) / NUMBER)) ); } And replace NUMBER above with 5 or 4. This will make the images larger.
@KarlaFrias-e2h
21 күн бұрын
is this for any theme? I tried it and it showed the options but now leaves a really long code across the header section. How can I fix that?
@theprompted
18 күн бұрын
This customization was designed for the free Shopify themes like Dawn, Sense, Refresh, and so on. But if you are on a compatible theme and you're seeing code on the actual site, then it's likely a syntax issue, meaning you might have missed something when adding the code in, such that it's thinking the code is text to output instead of code to be interpreted. Please double check the installation to make sure something wasn't missed.
@lorraineb2109
5 ай бұрын
Another great video thank you. Could you please consider making a video on how to add Category side panel drawers next to the product grid in Dawn 13.01, so that the Category info stays stationary as you scroll through the products next to it. I hope that makes sense. Many thanks
@theprompted
5 ай бұрын
Would this be like tabs on the collection page to show the products cards?
@sumit-kumar
4 ай бұрын
Hi, when I create a mega menu in Dawn theme. this error is showing Liquid error (snippets/header-mega-menu line 36): Could not find asset snippets/megamenu-image-custom.liquid How can I fix it.
@theprompted
4 ай бұрын
This error is saying that the file megamenu-image-custom.liquid is not found. Did you follow the instructions to create the file? If so, is it possible there's a typo in the filename?
@luciano.enrique
4 ай бұрын
Hi if i change the Menu view than it stands: Liquid error (snippets/header-mega-menu line 35): Could not find asset snippets/megamenu-image-custom.liquid . Do you know why ?
@theprompted
4 ай бұрын
The error is saying that it cannot find the snippet megamenu-image-custom.liquid. Did you follow the instructions to create this file at 09:18?
@MuhtesemHikayeci
5 ай бұрын
hello i want to add pictograms ( emoji size images next to the titles in the menu or submenu in the navigation ) do you have a clue
@HUSHHUSH-
5 ай бұрын
Isn’t this exactly what he explained 😅
@filipeglopes
4 ай бұрын
Another and another great video directly to the point! Really appreciate your content. Is there any fast way to contact you? thank you so much again
@theprompted
4 ай бұрын
Thank you! Best way to contact me is in the comments section for now. You can also fill out this form: forms.gle/Zu8FUTxFJP71gCfL9 While we read every inquiry, we can't promise a response just yet. But we're working hard to open up a better way to reach out to us soon. So if you want to reach out then fill out the form and we'll get back to you when we're ready!
@oyeskumo5514
6 ай бұрын
I made these changes in my paid theme and the mega menu section was added but it does not work.
@theprompted
5 ай бұрын
This customization was designed for the free Shopify themes. Most premium or third party themes have a different code structure from the Shopify themes, so unfortunately it's likely that your theme is not compatible with this customization.
@jcnation5393
5 ай бұрын
Its working and looking premium on desktop and shows the images in proper size. But As The Dawn Mobile Drawer styling is not that great, so it doesn't look that premium on Mobile drawer. So I just wanna know if we can change the styling of the drawer menu itself to something like a Grid, which will show rows and columns of collections with Images. By far looks better then the default one so Thank you very much.
@theprompted
5 ай бұрын
Glad you like it! A different layout is possible, but that's a different customization.
@jcnation5393
5 ай бұрын
@@theprompted Got it. Thanks
@genius_maker
5 ай бұрын
Hello Sir! You're doing a fantastic work. Thank you so Much I have a request if possible please make a small video on this. I have disable add to cart button on my store. I want to keep only "Buy it Now" button on the product page and make this Buy it Now button STICKY. Please make a video on this. I would really help me. Thanks
@HafeenVlog
2 ай бұрын
This is nice but very complicated.
@theprompted
2 ай бұрын
Yes - it might be a bit complicated if you're new to editing theme code! You could start off with a simpler customization tutorial on our channel to get more comfortable.
@prezapour
4 ай бұрын
Thank you for this great video. The image resolution on the drawer menu is quite low when it renders on phone or desktop. The same images are of high quality when rendered for the mega menu. Is there a way to improve the image resolution (not changing the size of the images) for the drawer menu?
@giusecassy656
3 ай бұрын
Hi, I have the same problem. Were you able to find a solution? Thank you
@ijazali6420
6 ай бұрын
Hello sir I had update my header manu as you explain in the video and i enjoy to do all this but I'm facing one problem of image size i upload image on featured and metafield size are not same i have request to can you till me or us how we can make fixed size and how we can reduce size for in mega menu and we can do round image. I waiting for solution Thank you
@theprompted
6 ай бұрын
Thanks for the feedback! I made an edit to the megamenu css code for the .mega-menu__image style so that all images have fixed sizing in the code link. This is the section that changed: .mega-menu__image { width: 100%; border-radius: 10px; object-fit: cover; aspect-ratio: 1 / 1; } If you want circles instead of squares, you can adjust the border-radius to 50% instead of 10px.
@Shopeezoo
4 ай бұрын
Please can you help me create a second menu bar?
@theprompted
4 ай бұрын
Do you have an example of what you mean by this? So I can get a better visual sense of what you're looking for
@NicFableFairy
Ай бұрын
Is there a way to keep the submenus? with this they disappear when we add the pictures... + in version 15 backdrop does not work.
@theprompted
16 күн бұрын
We tested this on v15 and it seems to work fine and we were not able to recreate your issue. We suggest installing a fresh new version of your theme and trying it again from the beginning as it could be a missed step in the installation process.
@SSafan-xt1yo
6 ай бұрын
Bro in navigation bar how to change when the hover in title dropdown automatically open without click on the mouse Pls tell about let me no..
@theprompted
6 ай бұрын
Great idea - will add that to my list!
@500arend
5 ай бұрын
Super cool! Really helpfull! But how to combine a collection image menu with 3 image collections, and the forth with still with text and the subchilderen clickable?>?
@theprompted
4 ай бұрын
This would really depend on how you want the formatting to look. If it's text though, it may not combine with the images as well. One possible solution is to create an image of the text so that it is formatted with the same shape as your other images.
@user-ie6hu9pc6p
6 ай бұрын
is there a way to make the image underneath the heading instead of it being beside it in mobile view?
@theprompted
6 ай бұрын
Yes, but it would require some code modifications. I would suggest that you keep it beside the title, if you can!
@user-ie6hu9pc6p
6 ай бұрын
@@theprompted what size images do you recommend i use? because i have a 1000 x 1000px and it doesn't look good in quality, looks a bit pixelated, however in desktop view it looks great
@useruser-i3t2p
6 ай бұрын
Could you please make a video on how to create a 2 colum dropdown menu in the refresh theme
@theprompted
6 ай бұрын
Would a 2 column megamenu work? You can see a demo of what it would look like in Level 2 of this video: kzitem.info/news/bejne/xa2gq5mLbJGle2U. There won't be any images with this option, though.
@user-ie6hu9pc6p
6 ай бұрын
Also, is there a way to make the images bigger? i have 2 collections and the images could definitely be bigger
@theprompted
6 ай бұрын
Yes, how to adjust the image sizes is discussed at 24:51
@oregracee
6 ай бұрын
hi, how do I change the size of the images in the code for the megamenu option. I wanted the pictures to be larger in size
@oregracee
6 ай бұрын
also is it possible to add a view all button
@theprompted
6 ай бұрын
To change the size of the images you can add this code into the Custom CSS section of your header: .mega-menu__list.megamenu-with-image { grid-template-columns: repeat( auto-fit, minmax(calc((100% - (5 * 4rem)) / NUMBER), calc((100% - (5 * 4rem)) / NUMBER)) ); } And replace NUMBER above with 5 or 4. This will make the images larger.
@oregracee
6 ай бұрын
@@theprompted hi, thanks. I added the code to the custom css in the header section of the template but it did not make any changes to the images or its size.
@theprompted
6 ай бұрын
Strange, it should work. Just want to make sure you replaced NUMBER with 5 or 4? For example: .mega-menu__list.megamenu-with-image { grid-template-columns: repeat( auto-fit, minmax(calc((100% - (5 * 4rem)) / 5), calc((100% - (5 * 4rem)) / 5)) ); } If that doesn't work, find that exact line in megamenu-image-custom.liquid then change the 6 to 5.
@oregracee
5 ай бұрын
@@theprompted hi! thanks again for this! I have another question! Is there a reason why that for the mobile view for the drawer effect, the images come out blurry?
@user-ie6hu9pc6p
6 ай бұрын
why does the images for mobile view not show?
@theprompted
6 ай бұрын
It should show on mobile too. Mobile uses the drawer menu - make sure you add the code according to the steps of 15:01 as well.
@user-ie6hu9pc6p
6 ай бұрын
@@theprompted thanks bro. Do you know how to make changes to the drawer menu in mobile, i would like to have a dropdown when pressing on a menu instead of going to a new page to show the submenus
@JashwanthGunde
5 ай бұрын
does this works for mobile view somebody tell
@theprompted
5 ай бұрын
Yes - it can work for mobile view, but note that the mobile view will be the drawer menu option. It's all explained in the video :)
@Leon_Brtls
6 ай бұрын
can i edit the size of the images?
@theprompted
6 ай бұрын
Yes, you can. I cover that at 24:52 of the video
@obuaebuka
6 ай бұрын
Slide out animation for menu drawer
@theprompted
6 ай бұрын
Do you have an example of what you're looking for? Because the current drawer menu (ex: Dawn) already has a slide out animation.
@pervaizakhtar4003
6 ай бұрын
good boss
@EnzoPlay10
5 ай бұрын
i have this message on my mega menu , : can you help me pleas : Liquid error (snippets/header-mega-menu line 37): Could not find asset snippets/megamenu-image-custom.liquid
@theprompted
5 ай бұрын
This means that the file "megamenu-image-custom.liquid" does not exist in your theme. Did you follow the instructions to create it? If not, then you'll have to do that first. If you did, then double check if you created a section instead of a snippet. They can both be .liquid files, but are not the same thing.
@0-60reviews7
Ай бұрын
Hi, unfortunately whenever I tried to make the meta field photos show up, it just said the “No Image” does anyone know how to fix this? I have the Metafield as Header Menu Image. I watched the video twice, and there aren’t any issues. @theprompted
@theprompted
Ай бұрын
It's difficult to know what the issue is without more context. I suggest installing a fresh version of your theme (ex: Dawn) as a test theme and starting again from the beginning to see if you get a different result. If you do, then there's an issue with the installation. If you get the same result, then there might be a more complex issue. But if that doesn't work and you prefer us to troubleshoot it for you instead, then you can purchase our diagnostic review: theprompted.co/products/diagnostic-review
@0-60reviews7
Ай бұрын
@@theprompted Hey, Thanks for your quick response. I think it was because of my lack of formatting. Does that make sense to you? Only the first two photos are showing up when I use the featured photo, but the rest arent.
@theprompted
Ай бұрын
I typically think of formatting as things like spacing and indents. If that's what you mean, then it should not have any impact on the functionality.
@0-60reviews7
27 күн бұрын
@@theprompted Hey, it works!! The only issue is that the photos in the drawer menu are of low quality. Do you know how to fix that? Thanks!
Пікірлер: 106