Om de filters van Search And Filter horizontaal in beeld te krijgen, moet de volgende CSS worden toegevoegd aan de widget:
.searchandfilter > ul > li {
display: inline-block;
vertical-align: top;
padding: 0 20px;
}
.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>
nu slechts 4,70!
Devoked | Portfolio Design Business Design Web Design Experience Design Service Design Visual Design Web Design Introductie Introductie Wat is Web Design? Web Design bestaat
+31 6 36 08 19 62 joep.schoppen@devoked.com Whatsapp: click to chat Linkedin Facebook Instagram Youtube Devoked
De belastingtelefoon.. Als je de belastingtelefoon belt, moet je eerst een keuzemenu door. Als je dat hebt gedaan krijg je vroeg of (heel) laat een
Om de Facebook Lives te downloaden doe je het volgende: Ga naar Facebook en log in Navigeer naar de video’s van de lives (onder meer)
Met deze code in je functions.php verander je de tekst van de knop: in winkelmandje. add_filter( ‘woocommerce_product_single_add_to_cart_text’, ‘md_cart_button_text’ ); function md_cart_button_text() { return __( ‘Direct
Interactive Cloud Maps Alle categorieën Board(2) Geen categorie(3) Interactieve Cloud Map(4) Kaarten(0) Onderzoek(6) Ontwikkeling(4) Optimallisatie(1) Tracker(2)
Pagina Favicon Titel Omschrijving Headers Menu’s Mega menu Horizontaal Verticaal (zij-balk) * Artist Chocolate Notes * Onderzoeken Ontwerpen Ontwikkelingen Dropdown Logo’s Homepagina Landing Scrollen Klikken
Om een beeld te vormen van waar mijn tijd aan wordt uitgegeven, heb ik een Google Sheet bestand aangemaakt en ingevuld wat ik deed en
Deze podcast gaat over het onderzoek naar ondervragingen in Nederland, hoe dit volgens de politiewet mag en hoe het wordt uitgevoerd. Door het uitvoeren van
Om in WooCommerce de prijs slider een andere kleur te geven, heb je deze code nodig die als custom CSS in de Widget van WooCommerce
Ik download de plugin: WooCommerce Blocks. Stap 2: maak een pagina aan. Vervolgens ga je in de WordPress Editor zoeken naar de ‘winkelwagen’. Deze klik
Wat is dat eigenlijk? Inkomstenbelasting. Hoe werkt het? Is het verplicht om deze te doen. Ik ga het opzoeken en opschrijven.
De boekbeleving bestaat zoals iedere beleving uit voor, tijdens en na met als tegenpool de voor- en achterzijde van de beleving. Schematisch is dat: Voor
Wat is Google Data Studio? Het is een tool om de informatie die Google opslaat over de website gebruikers aan de hand van Cookies te
Deze Engelstalige podcast heeft veel belangrijke afleveringen gemaakt, waarvan ik deze ga bespreken. Sommige passages zal ik eventueel in het Engels schrijven, waarna Nederlands commentaar.
In het dashboard van WordPress zie ik deze melding: RSS-fout: A feed could not be found at `http://reduxframework.com/feed/`; the status code is `404` and content-type is
Stap 1. Om de header te laten verdwijnen wanneer je naar beneden scrolt, daarvoor moet je de volgende HTML toevoegen. Voeg deze HTML code toe
Er zijn drie variaties waarop een website ontworpen wordt. Dit alles heeft te maken met hoe groot het scherm is. Hoe kleiner het scherm, hoe
Ik zit al langere tijd na te denken over passief inkomen, waarbij ik op de achtergrond een bepaalde waarde lever waarin vervolgens niets meer mee
In dit artikel neem ik je stap voor stap mee in het maken van een webshop. In korte tijd leer je hoe je een webshop
Wanneer gaat de avondklok naar 10 uur? En waarom eigenlijk? Vanaf 31 maart gaat de avondklok naar 10 uur. Maar betekent dat dat het vanavond
Samenvatting: In dit artikel lees je de ervaring als Criptonaut met de blockchain waarin de eerste stappen worden uitgelegd.
Je moet iets doen maar je hebt er gewoon geen zin in. Herkenbaar? Wat is dat precies? En waar heeft het mee te maken? Voor
Ik hoor het woord ‘mandaat’ steeds vaker terugkomen als het gaat om politiek, maar wat betekent dit eigenlijk? In dit artikel ga ik het uitzoeken
Slapen moeten we allemaal. Daarom beschrijf ik in dit artikel de ervaring voor, tijdens en na het slapen van de gemiddelde mens. Voor het slapenVoor
Tools Tools helpen bepaalde dingen vast te leggen, zodat je er later op kunt terugkijken met een analytisch oog.
Wat is epigenetische neurogenese, en wat betekent het eigenlijk? Definities De stam van epigenetisch(e) is epigenetica en de stam van neurogenese is neurogenetica. Wat betekenen
Mensen produceren afval en dat afval, daar moet iets mee. Nu is het nog zo dat wij dat zelf moeten fixen, maar hoeveel chiller zou
Hoe fijn zou het zijn om een mega menu te hebben die alleen met CSS gemaakt hoeft te worden? Heel fijn en ik ga in
De Devoked header vereist op dit moment nog twee dingen. Aan de ene kant moet het een mega menu krijgen om de Ervaar een beleving
Om een underline effect te krijgen op het enige woord in mijn menu. Doe ik het volgende: Deze HTML code Custom css: De codes die
Om je heen herken je ze meteen. De uitdagers van deze wereld.
In een podcast met Joe Rogen komt de vraag naar boven wat ‘the meaning of life’ is en ik vond het antwoord van Naval Ravikant
Wat hebben een taboe, stigma, dogma, paradox en paradigma met elkaar gemeen? Het zijn allemaal door de mens verzonnen realiteiten die er zonder de mens
Ik wil graag een stukje code delen in een blog. Dit is tot op heden nog een beetje onhandig geweest, maar ik heb de oplossing.
In dit artikel wordt een redesign beschreven voor de website van MovingMatters.nl. Het huidige ontwerp is afgerond in oktober 2020. Dit betekent dat het ontwerp
For dutch click here. Website redesign are essential for the experience of the end-user. To understand the redesigning process user interfaces on the web, we
Omdat ik een bepaalde boodschap wil overbrengen met behulp van voetnoten, heb ik de functionaliteit nodig van een voetnoot. Dit is een van de functionaliteiten
Een blog kan en zou de volgende functionaliteiten kunnen en moeten hebben. Progressie bar Voetnoten
Deze aflevering van eindbazen met Jesse van der Velde zit stampvol interessante kennis die ik ga bespreken in dit artikel. Eindbazen introduceert Jesse van der
Wanneer ik een artikeltje heb geschreven, wil ik hem natuurlijk delen. Op dit moment gaat dat nog via WhatsApp, maar in de toekomst moet daar
Om in je berichten ook de volledige afbeelding te zien voor op de gif geklikt wordt, heb ik de gif eerst in reverse en daarna
Ik ga proberen om een pop-up te laten verschijnen voor een relevant e-book. Dit wordt getriggert door een stukje tekst in een bericht. Misschien lukt
Ik zocht naar een manier om al mijn kennis te ordenen op een UX / Service design manier. Die heb ik gevonden door alle informatie
Om het rooster aan te passen volg je de volgende stappen: Stap 1: log in het dashboard en navigeer naar de pagina met het rooster
Om citaten op te maken met CSS moet je deze code invullen: blockquote { Vervolgens kun je zelf CSS toevoegen, zoals border-left:3px solid #428bca;padding-left:10px Zo
Iedereen kent wel de ‘stofjes’ die in je hoofd zitten zoals dopamine, adrenaline of endorfine. Dit zijn allemaal neurotransmitters en ik ga in dit artikel
Jij bent de ruiter van het paard, waar het paard je lichaam is en je geest de ruiter. Zoals mensen weten is dat de ruiter
Is het mogelijk om een darm mode optie te maken via een pop-up? Laat ik dat eens proberen. Stap 1: sla de header en pagina
Wanneer je een sitemap hebt ontworpen, kun je deze gaan gebruiken voor zoekmachines. Hoe dat moet, komt hier te staan.
Hoe makkelijk is het dat een afspraak gemaakt kan worden via de website. Laat ik dat eens maken en dan opsturen naar mijn klant. Het
Als mens is het fijn om sommige dingen van je ad te schrijven in een dagboek. Deze informatie is vaak prive, en niet bedoeld voor
Om een mega menu te maken, is er eerst iets nodig dat een sitemap genoemd wordt. Een sitemap is een visuele weergave van de pagina’s
Met de verkiezingen vers achter ons hoor ik in verschillende podcasts de term ‘rally around (’round) the flag’ terugkomen. Nergens wordt het echter uitgelegd wat
De ‘post’ pagina is een template gemaakt om een enkele post mee vorm te geven. Op dit moment is de omslagfoto nog best wel groot,
.nav_item:hover + .menu_content::after , .nav_item:focus-within + .menu_content::after, .menu_content:hover::after, .menu_content:focus-within::after { content:”; position: fixed; width: 100%; height: 100vh; left:0; pointer-events: none; overflow: hidden; background-color: rgba( 0,
Sommige GIFjes komen niet uit op de blogpagina. Hoe kan dit? Ligt dit aan de gifjes zelf, of ligt het aan iets anders? Eens kijken.
In dit artikel ga ik opzoeken wat bedoeld wordt met de term ‘geld aftrekken van de belasting’. Daarvoor doe ik deskresearch op google en bronnen
Om ReCAPTCHA in te stellen voor Elementor, heb je een sleutel nodig van Google. Die krijg je door naar deze link te gaan. Zorg ervoor
In dit artikel ga ik overzicht bijhouden van alle UX analyses en adviezen die Devoked heeft uitgevoerd. Als methode gebruik ik deze zelfontworpen Google Sheet,
Ik wil graag een thema onafhankelijk design maken dat enkel en alleen gebouwd is met de pagebuilder Elementor Pro. Als dat het geval is kan
Stap 1 Ga naar de pagina op de website waar je de titel gaat aanpassen. En klik op ‘bewerken met Elementor’ Stap 2 Navigeer naar
Omdat een mega menu wel ontzettend handig is, ga ik er een proberen te maken met een pop-up. Daarvoor moet ik in ieder geval zorgen
De vraag was eigenlijk hoe ik mijn huidige blog naar het volgende level kon tillen. Dit vroeg ik aan mijn huisgenoot Sem, hij had het
Wat ik nog mis op mijn site is iets van een indicatie tot op welk moment je scrollt op page. Ik moet uitzoeken hoe het
Nudgemarketing wordt door Éric Singer in zijn gelijknamige boek gedefinieerd als: Een type kennis, een gemoedstoestand en een methode om strategieën te beheersen die het
Omdat de blog ook iets moet opleveren, moet ik bepaalde call-to-actions gebruiken om een passief inkomen te genereren uit de blog. Dit doe ik door
In dit onderzoek tel ik hoe lang het duurt om koffie drinkbaar te laten zijn. Hierbij wordt er om de 5 minuten een meting gedaan.
Samenvatting: Ter verbetering aan mijn huidige blog ben ik tot het inzicht gekomen om een korte samenvatting te schrijven onder mijn titel binnen de blog. Dat heb ik nog niet eerder gedaan, maar ik moet even kijken of het in de instellingen geregeld kan worden.
Voor ik kon beginnen met het ontwerpen van de Devoked Blog, heb ik eerst een leesbaarheidsonderzoek gedaan. Nu ga ik beginnen met het doorontwerpen van
Ik zou graag meer inzicht hebben in de tijd die ik spendeer aan dingen. Daarom ga ik op onderzoek uit hoe ik Google Calander kan
Ooit eerder gehoord van Non-Fungibele Tokens? Ik niet tot ik een podcast over media luisterde en een tweet voorbij kwam waarin NFT naar voren kwam.
Source code pro Lettertypes kiezen die het ‘lekkerste ‘leest. Laat ik beginnen met een standaard tekstje die bepaalt hoe leesbaar deze tekst is. Het gaat
De raming van Devoked is een document waarin het proces in kaart wordt gebracht van de werkzaamheden die verricht moeten worden. Daarbij worden de proceskosten
Een live document is een document wat met enige regelmaat ge-update wordt met informatie. Een voorbeeld van een live document zijn bijvoorbeeld ramingen die gemaakt
Wat is dat eigenlijk ‘usability’? En hoe test je dat? Volgens Bob de Webbouwer betekent usability gebruiksvriendelijkheid. De gebruiksvriendelijkheid kun je dus testen.
Shop Devoked Vormgeven Routekaarten Plan van Aanpak Website ecosysteem Website site-map Website animaties Brainstormen Website Wordpress E-mail Onderzoeken Gebruiksvriendelijkheid Productie Transport Ontwerpen Recente ervaringen Website
De blog heeft op dit moment een paginasering, maar ik wil eigenlijk dat dit wort vervangen met een lazy load achtige functie, tevens wil ik
Het is nog een beetje frustrerend dat ik avatar icoontje nog niet geregeld is. Het ziet er niet goed uit en het is jammer dat
Hoe pas ik de kleur aan van het citaat wat ik wel zie in de back-end, maar niet op de front-end.
Omdat ik wel uit andere bronnen informatie haal waar ik over schrijf, wil ik ook graag weten of dit wel volgens de regels gebeurt. Zo
Ik wil dit graag weten en heb het uitgezocht. Je hebt deze codes nodig die op dit blog beschreven staan.
