Section met scaling en fading-in background slides
Deze sectie toont een aantal slides die met javascript en css een mooi effect geven voor een hero. Door de extra scaling ontstaat ook beweging en meer diepte. De kern is een stukje javascript dat de z-index van de slides aanpast, zodat steeds een nieuwe achtergrond naar voren komt. In de css is de transition […]
Pagination op static frontpage
Heb je een statische homepage (pagina) en toon je daar via je oxygen template ook een repeater van posts, dan werkt de pagination helaas niet. Dat is overigens geen fout van Oxygen, maar een keuze van WordPress. Je kunt het wel oplossen. Maak voor de repeater een code block aan met de volgende php functie. […]
Section met Youtube background
Deze code genereert een Hero section met een Youtube video achtergrond, een overlay (aan te passen via css van het codeblock) en een div voor het tonen van inhoud. De Youtube video kan horizonaal en verticaal verschoven worden. Ook kan bepaald worden op hoeveel seconden wordt ingestart en hoe lang de video moet duren. Het […]
Aanpassen product category list
Soms is het nodig om de items in de product category list van Woocommerce aan te passen. Importeer dan deze code in een section, vlak voor een Categories List element (Oxygen > Woocommerce > Categories List). Het creëert een code block dat gebruik maakt van de hook 'woocommerce_product_categories'. Met behulp van de get_terms functie wordt […]
