Main HTML markup:

Required scripts:

Single gallery item HTML markup:

Gallery product filtering

This select will filter product items based on the class specified in option’s [value] attribute. ” * ” is for displaying all products.

data-currency – value of this attribute will be displayed next to the value of slider’s min and max inputs;

ID of an element containing a slider should have the same ID as the product’s attribute, in this example it would be data-price.