🏡

Search and Filter plugin voor Devoked.com

Laatste update: 08/08/2021
16:34

Leestijd: < 1 minuut

Ik zocht naar een manier om al mijn kennis te ordenen op een UX / Service design manier. Die heb ik gevonden door alle informatie die ik had te labelen in mijn berichten. Zo heb ik met de plugin Search & Filter de mogelijkheid om ook met Custom Field nog dieper te gaan filteren. Dat heb ik op dit moment niet aan staan, maar kan ik in het vervolg nog wel doen als ik daar behoefte aan heb. Ik hoef dan alleen maar in de plugin ‘ Post Meta’ in te voegen en de rest spreekt voor zich.

De plugin heeft ook een eigen caching systeem, waar het elke pagina eerst cachet.

Een derde waarde toevoegen

Om een derde waarde toe te voegen om op te filteren gebruik je een custom field; een extra veld.

Oke dat is wel gelukt. Nu de styling nog, want ik wil de comboboxen kleiner maken dan dat ze nu zijn.

Als het goed is is het nu gelukt.

				
					.woocommerce .widget_price_filter .ui-slider .ui-slider-range {

background-color: #fff;

}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {

background-color: #fff;

}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {

background-color: #000;

}

				
					<script>

document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
var mywindow = $(window);
var mypos = mywindow.scrollTop();
mywindow.scroll(function() {
if (mypos > 40) {
if(mywindow.scrollTop() > mypos) {
$('#stickyheaders').addClass('headerup');
} else {
$('#stickyheaders').removeClass('headerup');
}
}
mypos = mywindow.scrollTop();
}); }); });

</script>
<style>
#stickyheaders{
-webkit-transition: transform 0.34s ease;
transition : transform 0.34s ease;
}
.headerup{
transform: translateY(-110px); /*adjust this value to the height of your header*/
}
</style>

Search and Filter plugin voor Devoked.com

Een derde waarde toevoegen

DEVOKED

Long Read

Devoked

Login

Als Devoked Member kunt u inloggen om de taken, planning, status en statistieken te vinden over uw project met Devoked.

Ontdek de ervaring