Reply To: portfolio filter help.

[Support]

Hello, thanks for your purchase.

Using as base the code of portfolio-extra-combination-filters.html, please follow the steps below:

1) Add this HTML on the page:

<select id="categoryDropdown" data-filter-group="group1" class="form-control text-uppercase text-2" data-msg-required="This field is required."
id="propertiesPropertyType2" required="">
	<option value="">Show All</option>
	<option value=".websites">Websites</option>
	<option value=".logos">Logos</option>
	<option value=".brands">Brands</option>
	<option value=".medias">Medias</option>
</select>

<select id="popularityStuffDropdown" data-filter-group="group2" class="form-control text-uppercase text-2" data-msg-required="This field is required."
id="propertiesPropertyType2" required="">
	<option value="">Show All</option>
	<option value=".small">Small</option>
	<option value=".medium">Medium</option>
	<option value=".big">Big</option>
</select>

2) Add the code below at (js/custom.js):

var filters = {},
	$grid = $('.portfolio-list');

$('#categoryDropdown, #popularityStuffDropdown').on('change', function(e) {	
	var $this = $(this);

	var filterGroup = $this.data('filter-group');
	
	filters[filterGroup] = $this.val();
	
	var filterValue = concatValues(filters);
	
	$grid.isotope({
		filter: filterValue
	});
});

function concatValues(obj){
	var value = '';
	for (var prop in obj) {
		value += obj[prop];
	}
	return value;
}

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---