Build and Deploy Ecommerce Website With HTML CSS JavaScript | Responsive Shopping Website Part 2

Hi, Thanks a lot for your tutorials. This is great for us - beginners. Can you please make a video or explain how can we create product details page for different products? Like right
now when I click on any product it takes me to that single product detail page that we created following your video. Much appreciated.

sir when i created a tutorial folder and then created a shop.html file my all images were gone

Onde eu consigo o back-end desse curso?

thank you very much for your great tutorial but i have a problem with the JavaScript codes it never works i write it exactly as you did but it never works, please tell me why?

gracias

Hey sir your tutorials is too good... But i have some problem why we can't go to sproduct page directly from home page

Saved my Day.

Hi how do you add cart page on other product in shop page

sir i have one question how to add to cart button will be active if we want to put products in cart then how to do please show us

imgs.forEach(function(e){
e.addEventListener('click' , function(){
img.setAttribute('src' , e.src)
})
})

(slider code with a dynamic way)
let mainImg = document.getElementById("MainImg");
let smallImg = document.querySelectorAll(".small-img");

for (i = 0; i < smallImg.length; i++) {
smallImg[i].onclick = function () {
mainImg.src = this.src;
console.log(this.src);
};
}

Hello, I have noticed you don't create a media query for screen (max-width: 1366px) , laptops, but it does not affect anything when it comes to making the screen responsive in different devices at the end of the video, for me I had to create the max-width 1366px media query for it to work for all the devices.

pleae priovide a source code i can not pay this project. i m very low family .. i love your tutorials..

❤

It would be helpful if you could practice the codes

sir 1 product ke liye to product page bna diya, same product page ko baki ke products ke liye bhi chlana ho to vo kese krte h ye bhi bta dete?
ye to bilkul static h eska kya fayeda jab ye sirf ek hi product page ke liye kaam krega to , hame to sabhi products ke liye same hi product page ki working bnani h

This tutorial is so premium, thank you very much :)!

Please add backend program sir ❤🙏

javascript is not working sir what can I do

Thank you soo much for making a tutorial video.
Amazing teacher.

Can you make add to cart clickable and when i click there so someone can buy a product form there, kindly make a video on it
Thanks for such amazing videos

Thank You so much SIR

you can public link demo web

You showed us how to redirect from first product in shop.html to sproduct(by using onclick="window.location.href='sproduct.html';) how to do same thing for other images?

excellent work, I need the image or the box that I clicked to view in product page not just one product

GOD BLESS YOU😇😇😇

Images kaise download kre?

how many more parts of this video are we gonna be seeing?

source code ?

bro you are GOD SENT!

the best

<script>
const MainImg = document.getElementById('MainImg')
let small = document.querySelectorAll('.small-img')
small.forEach((item) => {
item.addEventListener('click', () => {
MainImg.setAttribute('src', item.getAttribute('src'))
})
})
</script>

hey thanks for the work very nice i made it

Nice🎉

where are the JS part

Just amazing quality videos!! You're fantastic !

you can to change the function that do change img to {
function imgs(img) {
MainImg.src = img
}
and html element change to {
<img onclick="imgs(this.src)" src="img/products/f4.jpg" width="100%" class="small-img" alt="">
}

hello sir please help me
when i click on small image then i got an error of - TypeError: Cannot set properties of null (setting 'src')
at smallimg.<computed>.onclick please help me and my code is same as your code

Where is javascript🙄??? Only html css there😒

Hello please I need help getting the source code how can I go about it

Sir plz reply the new shirt is not open on clicking plz help

bro i tryed to as your but o can’t switch image as a main image it show an error that the valu 0 is undefined

keep on it bro

thanks for the video . pls can you put all the images in one file or zip file so it can be easy to download

superb sir