Laravel 10 Tutorial #103 | Product Details Page (III) | Dynamically Show Size-wise Product Prices

In Part 103 of the Laravel 10 Tutorial to make the E-commerce Website in Laravel, we will continue working on the product detail page.

In this video, we will show the product sizes and dynamically show their prices via Ajax.

Add product attributes foreach loop and add getPrice class for every radio button within loop. We will also pass product-id at detail blade file and give class getAttributePrice with div where we are showing product price.

Add getPrice jquery function in which we will get size and product_id and return to get-product-price url with Ajax.

3) Create Route :-
Now create POST route to get attribute price of the product according to size and return to detail page.
// Get Product Attribute Price

4) Create getAttributePrice function :-
Now we will create getAttributePrice function in ProductController in which we will get product_id and size from ajax and find out the attribute price and return to ajax function where we return price to getAttributePrice class.

5) Create getAttributePrice function :-
Now we will create getAttributePrice function in Product model to get the size wise product price along with discounted price if any. We will get product price, final price after discount and discount itself and return as an array.

7) Add CSRF token

Now check in video; Price of the product is updating on selection of the Size with Ajax.

In next video, we will show the product colors and video and will also show the total product stock and its availability.

Thanks for watching :)

Popular Stack Developers Series that can help you:-

►Join this channel to get the complete source code of all series:

Follow Stack Developers on Social Media to get updates and resolve your queries

#laravel10 #laravel10tutorial #laravel

[eyadalnader]

I do appreciate your efforts for explaining the videos.thank you very much.In products table you have product price and in products attributes als you have price.why?