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

Рет қаралды 109,348

Күн бұрын

This is a must-know skill for Shopify store owners! Templates are a new feature of Shopify 2.0 and not many people are using them. But templates are really easy and a good way to make your store more user-friendly and improve the shopping experience for your customers.
===== Related videos =====
- Shopify 2.0 Filters: • Collection Filters in ...
- Metafields: • Shopify 2.0 Metafields...
- Gift notes: • Add a Note Field To Pr...
===== Who am I? =====
Hey! My name is Eduard.
I teach the tech side of starting and running a Shopify store.
Im a professional web developer, but my goal is to make Shopify easy with simple and straight-to-the-point videos.
Visit my website: ed.codes
===== Stay Updated =====
Want to see my latest tips, tutorials, and code add-ons? KZfaq won’t always show you. Subscribe to get emails directly from me: ed.codes/pages/newsletter
===== Check out my Shopify Add-ons =====
edcodes.gumroad.com/
Pre-built sections & features for Shopify 2.0 themes, often replacing the need for apps. Copy and paste the code into your theme.
===== Join "Shopify DIY" Community on Discord =====
Chat with me and other store owners and developers:
ed.codes/community
===== My Favourite Apps & Themes =====
ed.codes/tools
===== Buy me a coffee =====
www.buymeacoffee.com/edcodes
===== Chapters =====
00:00 Intro
00:39 Product page examples
02:20 Collection page examples
03:46 Static page examples
04:27 Let's begin
05:08 Using templates
06:24 Adding feature to a product
09:32 Product templates
11:30 Important: Content & Metafields
14:00 Collection templates
15:09 Static pages
16:21 Summary
16:39 Memberships announcement
#Shopify #Shopify2 #ShopifyTemplates #allbirds

Пікірлер: 216

@EdCodes Жыл бұрын

🧠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 5 ай бұрын

@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.

@robynschoon3270 Жыл бұрын

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!

@kellyhthao Жыл бұрын

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

@andregraf3000 Жыл бұрын

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 7 ай бұрын

do you have sales now or .....

@ollybudd2749 Жыл бұрын

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

@Deckson25 8 ай бұрын

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 👍

@sunilkumar-hj1eb Жыл бұрын

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

@16malav Жыл бұрын

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

@chasehollingsworth7795 9 ай бұрын

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.

@energgamer2267 7 ай бұрын

did u start to get sales?

@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

@agwheeler2000 5 ай бұрын

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

@ShermanBMason Жыл бұрын

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

@christinegivens9048 Жыл бұрын

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

@christinaezzla7909 2 ай бұрын

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

@sheanathan3566 Жыл бұрын

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

@Lightsfire 6 ай бұрын

This video was amazing, you are a blessing!

@ACCoact Жыл бұрын

Amazing, just saved so much time. Thank you!

@partidorrana2640 Жыл бұрын

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

@elinnepe Жыл бұрын

Ed, thank you for sharing this information. Amazing

@brendamendez7493 Жыл бұрын

Exactly what I needed, Thank you!

@IvanRuiz-td4sl 2 жыл бұрын

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

@olusam2732 Жыл бұрын

This video was helpful. Thank you Ed.

@Yourenotthatguy 2 ай бұрын

This is exactly what I was looking for. THANKS

@itsarchieissecond Жыл бұрын

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

@mrtrendy148 13 күн бұрын

How is sale?

@user-vk2xu6uw7v 7 ай бұрын

THANK YOU! I was looking for a good explanation

@HutchTouch416 3 ай бұрын

Exactly what I needed! Thanks a ton!

@user-vh3cc6jb3o Жыл бұрын

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

@cubicleight Жыл бұрын

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

@Thunddeerr Ай бұрын

Saved me Hours!!! Thanks!

@hassanalasfory4768 7 ай бұрын

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

@paulpena9164 Жыл бұрын

Thanks! Much needed.

@AbhishekGaragad Жыл бұрын

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

@Human_Evolution- Жыл бұрын

Great job Ed.

@ezekielsanjuan2364 Жыл бұрын

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

@Deepviewer836 4 ай бұрын

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

@x_bomber_hd7894 Жыл бұрын

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

@Alex-qn3yh 2 ай бұрын

Ok this is exactly what i was looking for

@eugheniat.2121 Жыл бұрын

Great video! Very helpful, thank you very much

@sssafeawareness 8 ай бұрын

Thanks mate. This was really helpful.

@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.

@LeRayMM 3 ай бұрын

brilliant man!!

@dreamfridge9160 Жыл бұрын

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

@user-wk6pf6wk9c Жыл бұрын

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

@alansilverman6311 4 ай бұрын

Thank you! Awesome.

@commanderkeen500 5 ай бұрын

You helped me a lot thank you bro

@rafaellacardoso9936 Күн бұрын

Great video! thank you very much !

@olunchik1 Жыл бұрын

Thank you! So helpful!

@Kikikapas Жыл бұрын

thank you... exactly what i was looking

@WrensTop10 5 ай бұрын

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!!!

@erikgudi9119 Жыл бұрын

Great vid!

@user-rx2ef9ys2e 7 ай бұрын

Very Helpfull video thank you.

@dmitriylazar1941 Жыл бұрын

THANK YOU SO MUCH!!

@EdCodes 2 жыл бұрын

Learn another must-know skill - How to set up filters with Metafields in Shopify 2.0: kzfaq.info/get/bejne/e8V4ZN1m3Medn5s.html

@Planandthrive Жыл бұрын

Omg you’re amazing!

@Minndom 7 ай бұрын

Thank you very much for this

@zummatulaljami2805 Жыл бұрын

Thank you boss for the help!

@devilm1602 Жыл бұрын

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

@jaemarie Жыл бұрын

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?

@kiran7777 Жыл бұрын

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

@Nika_Joy_Boy Жыл бұрын

Thanks so much!

@user-bf7xz6et5o 8 ай бұрын

Thanks for the help brother

@yesitstkm 9 ай бұрын

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.

@Ninasee19 4 ай бұрын

Thank u so very much!!!!

@yigitsaritas Жыл бұрын

Thank you!

@rainbowkitten4537 Жыл бұрын

thank you so much!

@garrysingh8387 3 ай бұрын

Champion 🎉

@alienfromxplanet Жыл бұрын

super helful!

@user-vq7pc8zc3n 9 ай бұрын

Life saver

@bulkify5025 Жыл бұрын

Great video, Thanks for sharing.

@brayanavila2207 10 ай бұрын

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

@ecomkevv Жыл бұрын

thank you very much, explanation very good

@philipzwart6449 Жыл бұрын

Excellent!

@allcraft3090 Жыл бұрын

you G brother. Thanks for the help

@otshalom 11 ай бұрын

Life saver, been stressing all day.😅

@tamilmudalidu8034 Жыл бұрын

This Guy is Awesome

@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

@zedkata5484 2 ай бұрын

Thanks G.

@CourtneyJeter-d3q 7 күн бұрын

Thank you bro

@waleedabdulrab8779 5 ай бұрын

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 5 ай бұрын

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

@Sergy_Kondrashin 2 жыл бұрын

Thank you!!!!!!!!!!

@rafaellisboa4439 Жыл бұрын

Thank you a lot! Do you know if can affect the store speed?

@deepjyotirabha8469 Жыл бұрын

Thnx so much

@Abdulazizalhrisi 7 ай бұрын

Thank you

@flyaseli Жыл бұрын

good looks

@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

@rebeccaheinjus9044 3 ай бұрын

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!

@MotivationMystique01 7 ай бұрын

Thanks

@mizz_co 4 ай бұрын

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?

@rana.hamzatariq 2 жыл бұрын

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

@EdCodes 2 жыл бұрын

Yes that's it, thanks!

@Maxector Жыл бұрын

Do you think I can have 2 different headers in different templates? I create an additional header and assigned to a product template, but the result is header in all templates being changed. Thanks a lot!

@Shekinah7 3 ай бұрын

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

@divingontheedge7507 Жыл бұрын

Followed the tutorial and everything worked perfectly and as planned thank you! One thing how do clear the box so no words are in it? Mine has coding outside of what I put in the custom liquid?

@divingontheedge7507 Жыл бұрын

For anyone with the same problem my didnt have the / and once I added that it fixed the issue

@ngbngb123 Жыл бұрын

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 2 ай бұрын

did you reach anywhere in this collection page thing!!

@caca53444 Жыл бұрын

Hey, I'm trying to make a clickable hero banner/menu like the one you show on all birds but can't find any resource that explains how. You mention the use of metafields, do you know where I can find more info?

@user-tj9rv9zk2h 8 ай бұрын

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 2 ай бұрын

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

@soulfulambitions Жыл бұрын

Is there a way to create a grid like format on an about/meet the team page?

@MarkLeenheer Жыл бұрын

Is it possible to save different templates for the homepage? I am not seeing the create template section for the homepage. Thanks!

@JamezJN007 6 ай бұрын

hello did you make an updated video of this with metafields?

@jamess2663 Жыл бұрын

Do you know if I can use this method for an affiliate page? Build a page for a product related to my affiliate. without all the main website links etc?