Shopify 2.0 Templates Tutorial - Create Different Layouts for Product Pages & Collection Pages

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

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

  • @EdCodes
    @EdCodes  Год назад +4

    🧠Learn to modify your store with code! Check out my ebook: ed.codes/shopify-coding-handbook. It's a beginner-friendly intro to HTML, CSS and Shopify Liquid.

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

      @EdCodes ~ Why does Shopify say not to overdo the templates though? The instruction page I read says if you update your theme, those templates won't carry over with the update, and you have to re-create them again from scratch.

  • @andregraf3000
    @andregraf3000 Год назад +16

    This is incredible! Thank you so much for sharing your knowledge! I'm running my own store and all my products have the same generic information because I did not know how to create different theme templates! Game changer for my brand website! Thanks again!

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

      do you have sales now or .....

  • @16malav
    @16malav Год назад +2

    I just cannot thank you enough for this. I was sweating all day to find the solution. thank you so so much.

  • @ShermanBMason
    @ShermanBMason Год назад +3

    I cant thank you enough. I feel like this is needlessly difficult to do. Thank you for the breakdown.

  • @kellyhthao
    @kellyhthao 2 года назад +9

    This is exactly what I need for one of my product. Thanks Ed for this easy tutorial!

  • @sunilkumar-hj1eb
    @sunilkumar-hj1eb Год назад +2

    I'm not a developer but as a Shopify marketer learning lot from your videos brother, thanks a lot 😀

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

    Thank you, thank you, thank you. So powerful but yet so hidden within Shopify. I've wasted hours trying to figure this out on my own. This video is exactly what i needed! You're awesome 👍

  • @AbhishekGaragad
    @AbhishekGaragad 2 года назад +12

    Can you make a videos on dawn theme specifically , where you talk about all kind of customisation and code edits for small changes ?

  • @robynschoon3270
    @robynschoon3270 Год назад +4

    Aaaah just a pleasure to watch this - been struggling all day with templates - the Shopify chat didn't offer any solutions, nor did the follow-up email. I was working on the Dawn theme too but have also purchased the Modular theme. This was so helpful and clearly explained little details which are often overlooked and derail one's efforts. I'll definitely join your group as hoping to launch my Shopify store soon!

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

    Yessss! You’re the only person who shows how to actually do this 😂 many thanks man!

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

    I am so grateful. I have been trying to solve this problem for days now and you provided a PERFECT tutorial. Def a quality and deserving creator.

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

    OMG! I was struggling with a duplicated product. I talked to Shopify chat and they told me to create a new template. it was literally not working,. They did not mention that you need to assing a template!!! Thank you so much.

  • @bossfabian5958
    @bossfabian5958 14 дней назад

    î kiss your eye i watch sooo damn much videos and no one could explain how to do own templates god damn thx bro

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

    this was the answer i was looking for non of the shopify answers helped me the way this video did thank you so much

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

    Thank you for this video! I am new to shopify and have around 20 products in my store. I did an edit on one page and it affected all of the other product pages 😅😅 Very helpful videos for us newbies!!!

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

    8:50 - This fixed my issue! The problem stemmed from a 'Video Section' that was intended for a specific product but was displaying on all other product pages. The root cause was that I had assigned the same template across all of my other products. Therefore, removing the video from one product page affected all others due to the shared template. To fix this, I created a new template specifically excluding the video section. Then, I assigned this template to the product where I didn't want the video to appear. Thanks a lot for your help! It was quite confusing to figure out initially.

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

      Hi there...god explanation. And what if you want different Image banner on your different templates, mine are the same all over! is it the same way? Mette

  • @user-wk6pf6wk9c
    @user-wk6pf6wk9c Год назад

    Thank you very much, the problem has been resolved after I had a big problem with customizing the product page

  • @fortunefreshies
    @fortunefreshies Год назад +7

    I'm sooooooo confused!!! This was not an easy one...

  • @subneo61
    @subneo61 Год назад

    Thanks, Ed! You helped me a lot! I tried to look by myself but i don't know why I couldn't see that option how to create a template.
    Right now I can finally separate my digital products from physical.

  • @jaemarie
    @jaemarie Год назад +2

    Thank you so much I've been binge-watching your videos for 3 days since I found you. It has helped me customize my store. However, the very next thing I want to learn (you slid pass it saying "you do this with metafields"), was how to place tabs under the image/slideshow banner. Can you elaborate more on this?

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

    Thank you so much, finally a video that gets down to the point. Great work!

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

    I’ve been looking tor a video like this for so long! Thank you!

  • @user-vp4cn9hq4j
    @user-vp4cn9hq4j Год назад

    You are amazing!!! I have been trying to do this for so long and you have helped me do this in less than a day!!! yay

  • @ashleyyarbrough7020
    @ashleyyarbrough7020 Год назад +2

    At 2:44 I'm wondering how to create the other menu below the Image Banner. I've created another menu already but I'm unable to access it in a section or block. It would be the same style as my header menu but only available on the Collections page. Anyone to help? :)

    • @UnishowOutdoors
      @UnishowOutdoors Год назад

      Hi @EdCodes, did you happen to do a video on adding the menu into the collection page as per the website you showed. Thanks for all your help so far

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

    Dear ed,i really wanted to thanks you alot,deeply from my heart. much appreciate your easy explaining us. 😍😍😍

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

    You are amazing I was loosing my mind trying to figure out how to do this.

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

    Thank you so much
    I was looking for video like this to solve problem of product and collection pages

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

    I really appreciate your effort

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

    Thank you so much for this video! It helped me understand templates clearly. One question I was still interested in having answered is how to create the banner that connects to the different collections (in your video the example of Warm Weather, Traveling, Relaxing, Running, etc). I am using the Dawn theme and would like to expand beyond generic theme template to add that functionality. I am wondering if there is also something about Collections vs Collections List that is relevant here.

  • @ezekielsanjuan2364
    @ezekielsanjuan2364 Год назад

    I was just watching you and now I'm in love ❤

  • @IamArtDoll
    @IamArtDoll 12 дней назад

    This video helped so much thanks!

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

    This is exactly what I was looking for. THANKS

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

    Saved me Hours!!! Thanks!

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

    This was hugely helpful. Thank you very much, Ed!

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

    Shopify templates are so damn counter-intuitive...! Who designed this ux? Thanks for explaining. Hopefully I can apply to pages instead of products.

  • @sheanathan3566
    @sheanathan3566 Год назад

    Wow, super helpful. You are filling in the gaps that the developers should have.

  • @user-vk2xu6uw7v
    @user-vk2xu6uw7v 9 месяцев назад

    THANK YOU! I was looking for a good explanation

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

    Amazing. So helpful. I really like your presentation style a lot. Thanks!

  • @kiran7777
    @kiran7777 Год назад

    I think your account will blow up soon, wow what a value!!

  • @user-vh3cc6jb3o
    @user-vh3cc6jb3o Год назад

    Thank you so much! You solved my huge problem in one quick video :)

  • @Dragonhunter1400
    @Dragonhunter1400 12 дней назад

    Best RUclips channel

  • @partidorrana2640
    @partidorrana2640 Год назад

    Thank you for this video you really help me with what I was looking for continue like that I appreciated 🙌🏽

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

    I have a question. I can't get my templates that I have created show up in my Online Store - Only Default shows up / I am able to change them out on my theme customizer and the page is correct. / When I try to assign the page it just not there. / Do you have any suggestions, Thank you, I love your stuff

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

      It's because the template needs to be created in the live theme, otherwise it won't show up as an option under "Theme template".

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

    THANK you for this video!
    That is also a great idea to set up pre-orders, my only problem is, that I can not change the buy button description from "Add to cart" to "Pre-order now" - any suggestion?
    I also wonder if I can use different product pages for different variants?

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

    Thanks Ed. I really learned a lot from this tutorial. Very helpful. What really gets me is the filtering or nav by tabs under the collection image (Warm Weather, Traveling, Relaxing etc). Its very cool but I have tried everything and cannot come right. Please can you point me in the right direction.

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

      did you reach anywhere in this collection page thing!!

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

    This video was amazing, you are a blessing!

  • @Alex-qn3yh
    @Alex-qn3yh 3 месяца назад

    Ok this is exactly what i was looking for

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

    Exactly what I needed! Thanks a ton!

  • @otshalom
    @otshalom Год назад

    Life saver, been stressing all day.😅

  • @olusam2732
    @olusam2732 Год назад

    This video was helpful. Thank you Ed.

  • @rana.hamzatariq
    @rana.hamzatariq 2 года назад +1

    The Allbird section that you were looking for is similar to "image with text" for dawn theme

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

      Yes that's it, thanks!

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

    Great video! thank you very much !

  • @cubicleight
    @cubicleight Год назад

    Would love to join your group!!! This channel has been so helpful. More power!

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

    You helped me a lot thank you bro

  • @x_bomber_hd7894
    @x_bomber_hd7894 Год назад

    thank you very much this help out a tone keep up the good work !!!

  • @michaelkelly3158
    @michaelkelly3158 Год назад

    Thanks for this video. I am finding Shopify so convoluted and confusing after switching from Squarespace, but the extra functionality is great. It's just a shame it's so bloody confusing!

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

      Hi Michael, do you still find it confusing?

  • @elinnepe
    @elinnepe Год назад

    Ed, thank you for sharing this information. Amazing

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

    Thanks mate. This was really helpful.

  • @brendamendez7493
    @brendamendez7493 Год назад

    Exactly what I needed, Thank you!

  • @Kikikapas
    @Kikikapas Год назад

    thank you... exactly what i was looking

  • @ACCoact
    @ACCoact Год назад

    Amazing, just saved so much time. Thank you!

  • @dreamchaser3199
    @dreamchaser3199 18 дней назад

    bro, you rock. keep it up

  • @user-rx2ef9ys2e
    @user-rx2ef9ys2e 8 месяцев назад

    Very Helpfull video thank you.

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

    This is amazing thankyou! I have a product that is available in-store only, it is too expensive to post. Is there a way of creating the 'add to cart' button as 'in-store only' button? And is it the same concept to create essentially product landing page and possibly remove things like the menu etc? Thanks!

  • @logancabrera7824
    @logancabrera7824 29 дней назад

    Thanks really useful!

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

    Thank you! Awesome.

  • @dreamfridge9160
    @dreamfridge9160 Год назад

    OMG UR A LIFE SAVER MAN THANK YOU!!!!

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

    Champion 🎉

  • @devilm1602
    @devilm1602 Год назад

    Thank you so much brother i love you this video is very helpfull for me thank you so much ❤️

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

    Thank you very much for this

  • @jonathansutherland5242
    @jonathansutherland5242 2 года назад +4

    Is there a way to change the homepage to use a different layout? I feel like I'm overlooking something simple but I don't see a way to do it. Maybe I need to rethink it that all my other pages need to change to a custom layout and the homepage stays as theme.liquid?

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

      I don't know if this answers your question, but customizations to the homepage are done inside the theme editor. It's the index.json template file that controls what is rendered on the homepage.

  • @user-tj9rv9zk2h
    @user-tj9rv9zk2h 10 месяцев назад +1

    Really helpful thanks! One question, do you always have to manually assign a template to each individual product if it is not the Default template? For example, it I have a template for T-Shirts, and a different template for Hoodies ... can the the T-Shirt template be automatically applied if Product Type = T-Shirt and the Hoodie template is assigned if the Product Type = Hoodie? Thanks!

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

      Did you manage to do it? I'm trying to do that too! Thanks

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

    thank you! but unfortunately this doesn't work when you want to change the logo on a different product site );
    I only have one Shopify subscription and I want to make another logo for the other product...

  • @IvanRuiz-td4sl
    @IvanRuiz-td4sl 2 года назад

    Thanks for this tutorial !! great job easy to follow. I following you now.

  • @Human_Evolution-
    @Human_Evolution- Год назад

    Great job Ed.

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

    brilliant man!!

  • @user-bf7xz6et5o
    @user-bf7xz6et5o 9 месяцев назад

    Thanks for the help brother

  • @dmitriylazar1941
    @dmitriylazar1941 Год назад

    THANK YOU SO MUCH!!

  • @eugheniat.2121
    @eugheniat.2121 Год назад

    Great video! Very helpful, thank you very much

  • @VersaStile-02
    @VersaStile-02 7 дней назад

    Mines need to turn to the other side > the hero product as a default template, and the other product as custom template the video showed how to. Because of the custom section apps i've installed dont want to be exact as what the video show. Thanks. Those who had try but not working, can try my method of reversed it. I hope this can help someone else who dont get the result as Ed Codes show.. Turn the side.

  • @olunchik1
    @olunchik1 Год назад

    Thank you! So helpful!

  • @paulpena9164
    @paulpena9164 Год назад

    Thanks! Much needed.

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

    Not one tutorial is working for me, unfortunately. I created multiple pages just last night and now I can't get the page to edit separate from other pages even with the page assigned and everything

  • @magasindesignauto210
    @magasindesignauto210 Год назад

    i love your explenations please is there a way where i can automatically put the new products on the specific product pages without the need to do it manually thank u so much for your help in advance

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

    Hi Ed✨✨✨✨✨
    Hi there...god explanation. And what if you want different Image banner on your different templates, mine are the same all over!
    How can I chance that ~ Can I use this method you are describing???
    Hope you will answer me! Guess many people struggling with this!!!
    Hope that you can answer Mette soon🙏🏻

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

      You can use either templates or metafields for your image banners. The best way depends on the number of pages you want to affect (you don't want to create too many templates). This tutorial might answer your question - ruclips.net/video/5yxu9P4DE2g/видео.htmlsi=EnnlHa3h5w5p7ULm

  • @kevinmcordeiro3156
    @kevinmcordeiro3156 Год назад

    Hi, I love your instructional videos. I created a custom template for one of my collections. I currently have the header and anouncement hidden from this collection. Question: is it possible to have a different header for my custom theme and is there a video on this. Thank You

  • @yigitsaritas
    @yigitsaritas Год назад

    Thank you!

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

    Thank u so very much!!!!

  • @zummatulaljami2805
    @zummatulaljami2805 Год назад

    Thank you boss for the help!

  • @Nika_Joy_Boy
    @Nika_Joy_Boy Год назад

    Thanks so much!

  • @user-cq3lf7lu5i
    @user-cq3lf7lu5i 7 месяцев назад

    Hi! You have a "message field" on your product. When a person types something in and proceeds to a checkout, does this message appear on checkout as well? I mean I have a product where a fill-in form should be, the person should fill in details and then go to checkout. I've added a custom liquid code now, but i does not sync with the checkout. How can I fix that? Thanks in advance!

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

    I am changing seasons on dawn theme to spring on dawn. Why can't I develop the new spring look while leaving winter theme up.

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

    PLEASE HELP ME!!!!!!! The default product tempelate doesnt work on me because it says "0 assigned products" please tell me how to fiox that!!!!

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

      Usually, you would assign a template to products using the template selector on the products admin page. But the default template should be already assigned - its default. Just try checking what is assigned on your product admin page?

  • @ecomkevv
    @ecomkevv Год назад

    thank you very much, explanation very good

  • @allcraft3090
    @allcraft3090 Год назад

    you G brother. Thanks for the help

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

    Thanks G.

  • @CourtneyJeter-d3q
    @CourtneyJeter-d3q Месяц назад

    Thank you bro

  • @erikgudi9119
    @erikgudi9119 Год назад

    Great vid!

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

    Agh can I get some help! I followed the steps to get the message box in there but I cannot assign to the certain products I want! It’s not allowing me to! I did it all as said PLEASE HELP

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

    Ok the question is, after you create a product template how do you assign it to more than 1 product? Doing this manualy would take forever

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

      Did you manage to do it? I'm trying to do that too! :)

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

      @@GabriFreire unfortunately no