Welcome back.
Now, what we need to do is that we need to go through the single product page whenever we click on
one of these products.
So, for example, if I click on this product, I should go to the to the single product page in order
to check out this specific product.
So how can we accomplish this?
How can we do this?
To do this, first, we need to open up the shop, the index, because this this page is the this page
is actually the shop.
So I'm going to open up the shop page the shop, and then in the shop page, remember, we have products
we have here.
We have so many products.
So I'm going to apply this to one product and then we can repeat the same thing to all products.
So let's, let's do this through the first product.
So the first product is this one.
Is.
Is this product?
This product.
Let me show you where it is.
It starts from this project.
So it starts from here.
It starts from here.
So in order to go to another page from from upon clicking on this, we should have a trace.
But here we don't have a trip.
So how can we how can we we go from this dev to the to the single product page.
Well, we can here add on click event.
So here what I'm going to do is that I'm going to say on click.
On click and then on click.
What I'm going to do is that I'm going to say I'm going to say here window.
Hot location.
That actress, and then the actress is going to be equal to single quotes and then single underscore.
Right.
That's the email and then semicolon.
That's it.
Now.
If I click on Save All and heading over back to the browser.
Let me refresh lady now click on the first product.
So if I click on it, as you can see, it's going to take me to the single product page so it works
successfully.
Now you can apply the same exact thing to all other products that we have.