How To Create Anchor Links In Shopify And Other Sections | Shopify Tutorial

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

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

  • @Oveeto_
    @Oveeto_ 11 месяцев назад +3

    Ayyooo!!!! Exactly what I spent DAYS looking for. Thank you kindly!

  • @andrewrivers731
    @andrewrivers731 4 месяца назад +1

    Thaaaank you!!!

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

    life saver, thank you 🙏 so for my purposes I'm making a "buy now" button on the product page that takes the user back up to the add to cart button. it works, but it's very literal in that it only goes up to the point where the ATC button is at the very top of your screen. is there a way to make it appear nicely in the middle?

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

      make sure that you are grabbing the right shopify template section
      sometimes it jumps a bit to the part where you need but its not always pinpoint accurate but it gets around the idea that is located in that area

  • @ms1295
    @ms1295 4 месяца назад

    This solution works only temporarily. After the theme is published or duplicated, the numeric part of the ID changes and the link stops working :(

    • @EcomGraduates
      @EcomGraduates  4 месяца назад

      Then you can redo when the theme is published :)

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

    Amazing! Thanks! But since i have a sticky header it doesnt send to the right spot/section. Is there any way to fix this?

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

      @@daumgabriel sometimes they walk, let out and now get the most accurate placement. If you get the ID then it will roughly go to where you need to go for the. customer.

  • @JacquesKleynhans-yk4fp
    @JacquesKleynhans-yk4fp 4 месяца назад +1

    Most informative 4:18 min of the week

  • @VisualCraft_PRO
    @VisualCraft_PRO 2 месяца назад

    sup, this video is what I'm looking for fixing my problem, thanks

  • @homyce
    @homyce 3 месяца назад +1

    Brilliant! I spent an hour trying to figure this out and then watched your video and got it figured out immediately. Thanks a lot!

  • @ashokdharmadasa7279
    @ashokdharmadasa7279 11 дней назад

    This is such a helpful video, thanks!

    • @EcomGraduates
      @EcomGraduates  11 дней назад +1

      @@ashokdharmadasa7279 thank you for watching!!
      I hope our other videos will be helpful to

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

    This is great - but for some reason, when I follow these steps it doesn't reveal the entire section in the view, cutting off the top header/portion of the section. How can I make sure that the entire top of the section is in the anchored view?

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

      If you try going to inspect element and then getting that section template, just double click copy that whole URL and make sure to add that in the link that you want
      But also add a #right before it
      You should be able to grab the whole thing without looking at the whole whole entire string

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

      @@EcomGraduates I did, that's the weird part! It goes to the section, just cuts the top of the section off a bit.

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

    really thank you this video needs more thumbs up!!

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

      so happy you liked the video! if there's any other topics you'd want us to cover please ask!

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

    Hey, can we add anchor link in footer menu?

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

      it would be the same logic but just adding to the navigation menu that is assigned to the footer

  • @Helen-uc8gl
    @Helen-uc8gl 2 месяца назад

    Thank you so much! That's help a lots!

    • @EcomGraduates
      @EcomGraduates  2 месяца назад

      @@Helen-uc8gl soo welcome! Thank you for watching

  • @moatazkanj4157
    @moatazkanj4157 2 месяца назад +1

    Very helpful thanks a lot !

    • @EcomGraduates
      @EcomGraduates  2 месяца назад

      @@moatazkanj4157 you’re absolutely welcome! If you have any thing else you want to learn let us know and we will record a video :)

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

    Is it possible to make the scroll smooth?

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

      Not too much sometimes it acts like “snap” or “jumping” to the section of that page
      📃

  • @Stefan-of6qn
    @Stefan-of6qn 2 месяца назад

    that was on point. thanks a lot!

  • @ibukunoluwadada5594
    @ibukunoluwadada5594 4 месяца назад

    Wonderful explainer video

    • @EcomGraduates
      @EcomGraduates  4 месяца назад

      You’re so welcome
      Thank you for watching!

  • @UgaritA-x5m
    @UgaritA-x5m 10 месяцев назад

    I've been trying to find a solution to this for the past 2 weeks and everything was over complicated and confusing... Until this video! thank you so much

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

    You guys are just amazing! Thank you very much for creating such videos. I asked one developer, and he quoted me $35 for each page. I was stupid enough to make every product with each template, which would have cost me a few hundred bucks. After watching your tutorial, I can now do it on my own.
    By the way, I bought a few items from you guys before, and they work amazingly.

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

      Thank you so much. I really really appreciate you watching and the Support!! If you are interested we have Ecomify theme and we can provide a discount!
      Support@ecomgraduates.com

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

    yoooooooooooooooooo, you're a queeen

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

    Excellent! Super helpful.

  • @JasonZimmerer
    @JasonZimmerer 4 месяца назад

    Thank you very much, works perfectly! Is there any way to do the same but for a section on a different page than where the button is?

    • @EcomGraduates
      @EcomGraduates  4 месяца назад

      yes please check this video out ruclips.net/video/eEKCXHj83K4/видео.html

  • @TomLehmann-g2c
    @TomLehmann-g2c 8 месяцев назад

    Hi, thank you for this good explanation of anchor links. Is it possible to anchor link in combination with a smooth scroll down? I think this would better in terms of customer experience...

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

      You might want to try it, but that is the format to use with the #and then the Shopify template section

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

    Thank you for the explanation. This was super helpful!!!

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

      You’re so welcome thank you for watching

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

    amazing thanks

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

      You’re so welcome. Thank you so much for watching and supporting.

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

    I dont know if anyone has mentioned this but the button doesn't work on Mobile

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

      it should work fine please make sure you are getting the right format or it will not direct

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

    is it possible to make a hovering pop up in anchor link in blog post?

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

      not at the moment i dont think

  • @nickcoleman3731
    @nickcoleman3731 4 месяца назад

    Amazing, thank you. Worked like a treat.

    • @EcomGraduates
      @EcomGraduates  4 месяца назад

      Sooo glad to hear it! Thank you 🙏

  • @T-ShirtMalli
    @T-ShirtMalli 2 месяца назад

    Worked liked a charm! Thank you!

    • @EcomGraduates
      @EcomGraduates  2 месяца назад +1

      @@T-ShirtMalli thank you for watching xoxo

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

    You saved me so much time. Thank you!

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

      You’re so welcome thank you so much for watching!!

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

    Thanks! That worked so much easier than I expected!

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

      You are so welcome glad we could provide some insights and help along the way

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

    Brilliant, thank you so much!

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

      You’re so welcome. Thank you so much for supporting and watching.

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

    thank you, very helpful!

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

    Thank you so much i am looking fro this

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

    THANK YOU SO MUCH DEAR!

  • @AlexeyZatsepin-z7k
    @AlexeyZatsepin-z7k 8 месяцев назад

    Super easy!) thank you!)

  • @KabeerKhadav-yx3rp
    @KabeerKhadav-yx3rp 11 месяцев назад

    thank you
    was helpfull

  • @rockhead2700
    @rockhead2700 11 месяцев назад

    Doesn't work on my end.

    • @EcomGraduates
      @EcomGraduates  11 месяцев назад

      Please make sure your grabbing the Shopify template and adding the pound sign before

  • @KarenSofíaAriasRomero
    @KarenSofíaAriasRomero 4 месяца назад

    Thank you sooo much!

    • @EcomGraduates
      @EcomGraduates  4 месяца назад

      You're welcome! glad it helped ;)

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

    Thank you so much.

  • @peruvianprincessfit
    @peruvianprincessfit 9 месяцев назад

    It didn't work :(

    • @EcomGraduates
      @EcomGraduates  9 месяцев назад

      Please make sure you are grabbing the Shopify template and adding # before it

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

    Top

  • @Trav-fp6fr
    @Trav-fp6fr 9 месяцев назад

    👍Thank you!

  • @EarlyBird313
    @EarlyBird313 10 месяцев назад

    Thanks!!!!!!!!!

  • @Mohamed.IbrahimYT
    @Mohamed.IbrahimYT 10 месяцев назад

    Queen 👑

  • @jinsu216
    @jinsu216 10 месяцев назад

    Thank you!