Product Pages - Django Wednesdays ECommerce 9

In this video I'll show you how to create product pages for our Ecommerce App with Django and Python.

On the homepage we have a list of products, but we want to be able to click on each one and go to an individual page for that product.

We'll build that out in this video.

#django #codemy #JohnElder

Timecodes

0:00​​ - Introduction
1:10 - Create Product URL
1:56 - Create Product View
3:00 - Create Template HTML Page
3:50 - Add Links On Homepage
6:08 - Grab Bootstrap Card
7:49 - Add Product Info To Page
10:18 - Add Regular or Sale Price
12:14 - Add More Description
13:20 - Conclusion

[Codemycom]

▶ Watch Django Wednesdays Ecommerce Playlist ✅ Subscribe To My YouTube Channel:
▶ See More At: ✅ Join My Facebook Group:
▶ Get The Code

[codestack]

Thank you for your effort... Your teaching style is unique...

[iversonrobotics]

These instructions are TOP-NOTCH!!! Just finished getting my login, logout, registration WORKING flawlessly. IF I can you it, the younger one's can ELSE nothing! Thanks John Elder. I like all your videos FR. smile

[namdarcs]

Thanks John once again great Loving this journey we are all on !

[DelginAhmed]

Thank you very much the best course ever that I watched

[Kennethlumor]

Sir God bless you for impacting knowledge in me through your tutorial.

[dakoderii]

Make sure to remove this style attribute in the top div of the Bootstrap card or it will be very small with large print and the picture will not fill out its container on the Y axis. If you're having a problem with the image on the card, you might have forgot to remove that. The other option is to add the class "h-100" to have it stretch to fill out the container on the Y axis. You'll still have the large text problem. Maybe that's what you want if you only plan to have a very short description(5-6 words).

<div class="card mb-3" style="max-width: 540px;"> to <div class="card mb-3" >

[shabnameghbal]

Hats off to you... ur teaching style is awesome

[ishika]

Thank you for helping me out for building my college project 🙏from India

[samehpersonalchannel]

Thank you for this Great tutorial series John, i always wait every Wednesday for the new video, You know this will be more appreciated if you give us CRUD operations with Ajax and Jquery.

[spyderrex]

Hey, I found that, in the home.html file, where the if statement regarding the sale is, you can just add the if statement for the sale part rather than repeating the whole block.

[Shanilka.Ariyarathne]

Your lessons are really helpful. But I think instead of doing styling in html pages, its better to use separate css file.

[hmm]

Sir I had a doubt that after putting the id in the url for that particular product how come the result is 3 as we never initiated the value for it

[chemicalashraf]

Thanks alot very helping. But could you please explain how to add multiple images to the product page.

Thanks again

[AraneaHighwind]

Hi, I need help. I followed the video exactly but {{ product.image.url }}, {{ product.name }} and {{ product.description }} does not work in my product.html. It does not show an image, the product name does not appear neither does the product description. It is strange because {{ product.name }} works in my home.html but it does not work in the products.html. Does anyone know any way to fix it?

[technologybysrk]

Just finished #9
Waiting for #10
Thanks

[delic]

Thank man! I have one question, Can I get my first job as a programmer with this and similar projects with complete understanding?

[yaokouadioalexis]

Hi John!!! I am thinking of an e-commerce website in which the photo of an article and the video of this same article are broadcast alternately (or when the user performs an action on their mouse) for example and in the same area. 'display. Can you give me some possible solutions?

[Kennethlumor]

Sir please I want to ask why do you choose Django over flask for this project, does it mean Flask cannot develop a larger or robust projects like this.

[ahmedbenmohamed]

hi Sir, thank foe this tutoril, but please you can add mothod payment in this app