How To Add A Hover Effect To Your Navigation Menu

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

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

  • @NotYourDayBuddy
    @NotYourDayBuddy 10 дней назад

    Very simple and nice tutorial. I've spent days till I managed to create a working Hover option for my shop. Great Tutorial !!!

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

    Super helpful. Thank you. Love.

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

    this deserves a million likes thank you so much!

  • @Retaliator17
    @Retaliator17 3 месяца назад

    Very good tutorial, keep it up man!

  • @bohemianoop
    @bohemianoop 6 месяцев назад

    You are a Life-Saver. Thank you so much.

  • @Chris-im1md
    @Chris-im1md 7 месяцев назад +1

    Keep up the good work, you are really helpful bro! Can you make a prev/next button for products in collections that loop through the products infinite? I have seen a few videos and implemented the code from Shopify, but I have this problem when I click on the first product, it shows the previous product button, so a loop would fix that..

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

      Can you share an example that shows what this looks like?

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

    Appreciate your efforts

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

    Hi,
    Thank you for this helpful video.
    I tried doing this it's working great.
    I was wondering if there is anyway possible for arranging the icons on the navigation menu?
    Right now they are arranged automatically in columns, can we try to arrange it the way we want?
    There are apps available, but they are charging a lot and for free apps they have watermark.
    Basically is there any way to customise the navigation mega menu?
    Thank you once again.

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

      Have you checked out this video yet: ruclips.net/video/dwjEeU3_tH0/видео.html It covers various ways to modify the navigation menus.

  • @syphon000
    @syphon000 6 месяцев назад

    awesome thank you so much, not sure if this is a big ask but would be possible to make it so that the parent menu item is clickable to a collection list?

    • @theprompted
      @theprompted  6 месяцев назад

      You can use the navigation settings to directly point to a collection list.
      You might find this video helpful: ruclips.net/video/CKc6-nz6e-w/видео.html

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

    Bro! a question, I want to put my products as you have them on your homepage, do you know how I can do it?

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

      What is it about the homepage that you like? We are using the Dawn theme in our tutorials, so I suggest trying out Dawn.

  • @AbdullahKhan-t9n4r
    @AbdullahKhan-t9n4r 7 месяцев назад

    Brother is it applied on every theme? Or is it just for dawn theme?

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

      It should work on the free Shopify themes, but it’s best if you test it out first. Just make sure you make a duplicate of your theme in case anything goes wrong.

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

    Hi Prompted, super cool videos you make - VERY useful - Thanks for that! I've been trying to make custom Labels & Badges (News, Bestseller, New arrival etc.) for some time, but without success. Is it something you would like to look into? If possible, preferably something dynamic so that the various Labels & Badges are displayed on the product in question, regardless of whether you are on the collection page, product page, Related products, Featured collection or are on Featured product, etc. Perhaps controlled by tags on the individual product. Thanks in advance :)

    • @theprompted
      @theprompted  7 месяцев назад +1

      Thanks for the suggestion! This one is on the list, so hopefully I'll get to it soon

  • @philippe-causse-berlin
    @philippe-causse-berlin 5 месяцев назад

    Hi, could you make a tutorial for How To Show Inventory Count On The Collection Page, that would be great. Thanks.

    • @theprompted
      @theprompted  5 месяцев назад +1

      Thanks for the suggestion! I added it to the list

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

    Hey Prompted, this tutorial was extremely helpful and worked on my studio theme perfectly. Another feature I would like to request is the hover effects on the mega menu so that it has a delayed time that it appears and not instantly, sort of animation perhaps. And also, would a hover to show a second image on the megamenu possible. Thank you so much!

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

      Thanks for the suggestions!

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

    Could you also make a video on how to make the "image-with-text" section stretch the entire screen, this would really help. Thank you!

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

      Do you mean you want it to extend into the margin area instead of being the same width as the rest of the page elements?

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

    Your the greatest!!

  • @avidaeumaso2357
    @avidaeumaso2357 6 месяцев назад

    fantastic!! :D

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

    Great tutorial! I would also like to request you to make a video about another feature. In dawn theme there is a section called featured collection this lets us showcase 4 products of a particular collection. Can you make a video on how to show a collection list as a header and show 4 products of each collection below it when a collection name is clicked and a view all button that redirects to that particular collection. This feature can be seen in prestige theme. Thank you.

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

      Thanks for the suggestion! Added it to the list

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

      Thank you buddy

  • @SSafan-xt1yo
    @SSafan-xt1yo 6 месяцев назад

    ❤❤ thanks you ❤❤

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

    Can you maybe try to write a script where you can select the first picture that comes up when you go to the product page when you have multiple variants?
    So you still have one picture for the variant each but antother one shows up when you go to the product page?

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

      Thanks for the suggestion! So instead of showing the selected variant image when loading the product page, you want to show a different image instead? I'll add that feature to our list and look into it.

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

      @@theprompted Exactly, so if i have a picture with all variants for example...
      And also that you can select the order the images will show in

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

      The images should show up in the order they are arranged in the product admin.

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

    Hi so actually I wanted to know how we can change the no. of thumbnails we want to show in mobile carousel thumbnails like in debutify the thumbnails of the product are small and many which looks great but in refresh theme the thumbnails are only 3 or 4 so how to increase and no. Of thumbnails and lower the size

    • @theprompted
      @theprompted  7 месяцев назад +1

      Can you elaborate on what you're looking for and do you have an example that visualizes this? A website can have many different thumbnails/carousels, so any additional information you can provide will be helpful.

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

      ​@@theprompted yes first of all thank you for giving me your precious time so I wanted to increase the number of thumbnail which shown below the product photos which we can hide as well I mean from going to product information then mobile layout where we get three options to hide thumbnails, show thumbnails or 2 columns so I am using refresh theme and in refresh theme there is 2 arrows showing to left and right the thumbnail and 3 thumbnail photos in between I want 5 thumbnail photos like debutify does and the size of debutify thumbnails are also small so I want small sized thumbnails, 5 thumbnails under Product photos just like debutify, I am really sorry if I am not properly explaining my English is bad so if you can make a video or you can tell me in the comment section as you like

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

      It looks like you are busy my friend😢 ​@@theprompted

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

      The simplest way to increase the number of thumbnails under your product image is to go to Product Information and update Desktop Media Width to "Medium" or "Large". You will see that because the media is larger, there's more space to fit more thumbnails.

  • @bohemianoop
    @bohemianoop 6 месяцев назад

    Can we have a Hover effect to the menu images we provide in the dropdown?

    • @theprompted
      @theprompted  5 месяцев назад +1

      Are you talking about the lower level/nested menu items? If so, this solution works for that too. You can see an example of that at 07:12 of the video.

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

      @@theprompted Yes, what I was specifically looking was to have the hover for the nested menu items with another image. When we hover on each individual menu item, the highlight it with another image. Is that possible? Please let me know. Thanks for all your help.

    • @theprompted
      @theprompted  5 месяцев назад +1

      Got it. Added this to the suggestion list!

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

    hi my friend Why is it not working when I do it your way

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

      It could be any number of reasons, but you may want to check to see if it's a compatible theme (ex: free Shopify themes like Dawn, Refresh, Sense, etc). If you are using one, then please double check your installation process.

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

      @@theprompted hi friend, my theme is Dawn . He doesn't hover when the code is done your way

  • @MK-Tech
    @MK-Tech 7 месяцев назад

    😊👍