Laravel 8 E-Commerce - Add Price Filter On Shop Page

In this video I will talk about Add Price Filter On Shop Page.
TOPIC DISCUSSED:
Adding Price Filter on Shop Page
Add Price Range Slider
Uses of noUiSlider
Filter Products by Price Range
Your Queries -
1.How to add price filter on shop page in laravel 8 ecommerce?
2.How to use noUiSlider in laravel 8 ecommerce?
3.How to filter product according to the price range in laravel 8 ecommerce?
4.What are the steps for adding price filter on shop page in laravel 8 ecommerce?
Template Url:
github.com/sur...
FOLLOW SURFSIDE MEDIA:
/ surfsidem
/ mediasurfside
github.com/sur...
/ surfsidemedia
#laravel #laravel8 #laravel8x

[@kvkumar9686]

price slider not showing in sop page

[@mohammadshahabuddin6944]

How can I change the CSS style of the filter style like the template

[@VishwajeetSingh-wy9oi]

I have this issue
Uncaught TypeError: $(...).chosen is not a function

[@rifathosen8387]

this is not show my templete .. pls help

[@yousra-rw7cc]

moi aussi

[@rubelmiah6829]

Thanks you. I have to you lot of love love love.......

[@nguyenvd2169]

Anyone have an error when clicking on the list categories that can't be selected?

[@Tsdurmarketing]

If you have issue try remove this comment

[@omerayilmazdir]

thanks for the solution

[@codingdigital4323]

please reply

[@pichbella]

the slider is not showing, please anyhelp

[@olegpupkin6892]

One question - how to take min price from dataBase and max price?

[@peterzuhlsdorff7801]

Great explanatory video, thanks keep it up, there is still a Video to checkout in the frontend?

[@rastacodbandkoolandthecat4174]

why do we have to put wire:ignore in the div ???what is his function exactly ??? i saw we put it twice when we used external function from jquery ... thanks for you work sir

[@kanedesierto7676]

it doesn't work for me the price range doesn't work, if I move it i am always directed to a blank space and I cannot see the UI

[@phanethpho4477]

after sorting working fine, but when we click jumper next page it error with this The GET method is not supported for this route. Supported methods: POST. please help to fix it, thank

[@abcr7398]

yes it gives the error while clicking to next page!! Somebody Any Solution!!!
Did you Find Any Solution??

[@kouzokiodin3623]

Thank u so much sir

[@endriaja3049]

Thank you Sir

[@Alireza-bj6dv]

fantastic

[@mhmdfaiz5151]

product variety option in detils page
ex= color
size like

[@nasirjaveed7514]

plz filters the products in checkboxes

[@artemdeveloper7304]

Thank you for the great video from Ukraine!

[@yeageranonymous3584]

Thanks you very much !!!

[@olegpupkin6892]

GREAT!!! Keep going!

[@artemdeveloper7304]

Next->Video

[@gadgetkh9408]

Thank you!

[@eduardodamiannicolashernan2177]

Hola que tal buenas tardes tengo una duda, como puedo hacer filtros por ejemplo cuando busco computadora, quiero que me muestra todas la marcas que pertenece a esa computadora. La marca, categoria, características, etc.. cuando busco por ejemplo un laptop quiero que me muestra su características sus core i5, i3,7 etc.

[@eduardodamiannicolashernan2177]

Hello, good afternoon, I have a question, how can I make filters, for example, when I search for a computer, I want it to show me all the brands that belong to that computer. The brand, category, characteristics, etc. When I look for a laptop, for example, I want it to show me its characteristics, its core i5, i3,7, etc.

[@codingdigital4323]

Sir , Add to cart buuton pr click krne pr koi action nhi ho rha h . please help me.

[@SurfsideMedia]

Recheck your code, watch video again and match each steps from start

[@codingdigital4323]

@@SurfsideMedia" wire: " iss line ka code comment me post kr dijiye

[@soydara]

I see error console: Uncaught TypeError: Cannot read property '$wire' of undefined

[@kitky]

kitky
1 秒前
I got the same error message, and solve it as below method:
In shop-component.blade.php
Replace
slider.noUiSlider.on('update', function (value) {
@this.set('min_price', value[0]);
@this.set('max_price', value[1]);
});
To
slider.noUiSlider.on('end', function (value) {
@this.set('min_price', value[0]);
@this.set('max_price', value[1]);
});
Ref:
refreshless.com/nouislider/events-callbacks/

[@paptori]

@@kitky u saved me bro ty ♥

[@cristianopalmarini8354]

Slider is not showing in the shop page, can u help me pls?

[@preshcollins6192]

Same here
For some reason all my push(script) are not working very frustrating
Someone help

[@masterchief-00]

@@preshcollins6192 did you add the @stack('scripts') in the layouts?

[@preshcollins6192]

@@masterchief-00 oh my God I've been coding @tack('scripts')
Thanks for the hint u are God sent!

[@messantekpor6917]

@@masterchief-00 Yes for me I did it but it stil not working