Oxygen Builder

Home » Oxygen Builder
Categorie

Oxygen Builder

Als developer in Oxygen Builder ontwerp ik regelmatig onderdelen van websites die ik vaker wil gebruiken. De code die ik daarvoor heb gebruikt vind je hier. Sinds de exportfunctie is geïntroduceerd  in Oxygen Builder 4.1 kan ik ook makkelijker complete elementen met andere developers delen. Deze JSON codeblokken kun je eenvoudig ïmporteren in Oxygen Builder.

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. […]

Verwijderen prefix archive

Heb je ook zo'n hekel aan de term 'Categorie: ' of 'Tag: ' die verschijnt als je de archive titel plaatst op een pagina. Dat kun je voorkomen door een code block te maken met de volgende php code. Die plaatst allereerst een filter zodat de prefix wordt verwijderd. Wil je die prefix toch nog […]

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 […]
Stuur een berichtje

Contact

Wil je meer weten over de mogelijkheden voor jouw nieuwe website? Vul dan dit webformulier in. 

FORTE web publishing
Hartingstraat 254
3511 HV  UTRECHT
Tel: +31 30 743 56 68
E-mail: info@forte.nl

    Ter voorkoming van spam:

    © FORTE web publishing
    KvK: 08095495 | BTW: NL001406492B48