Yourstyle
Voor Stadler Proshop heb ik het bestaande WordPress- en WooCommerce-theme niet alleen technisch uitgebreid, maar ook toekomstbestendiger gemaakt voor de klant. De vraag was tweeledig: meer flexibiliteit in de inhoud van de website, en meer maatwerk in de webshopfunctionaliteit zonder afhankelijk te worden van extra plugins of complexe beheerprocessen.
Daarom heb ik op meerdere niveaus aan het theme gewerkt. Binnen WooCommerce heb ik onder meer productvideo’s toegevoegd op productdetailpagina’s en categoriepagina’s, inclusief slimme fallback-logica: als er op categorieniveau geen video’s zijn ingesteld, worden automatisch de standaardvideo’s getoond. Daarnaast heb ik de productcategorieën gekoppeld aan nieuwsberichten, zodat op categoriepagina’s automatisch relevante artikelen kunnen worden weergegeven. Ook is het beheer uitgebreid, bijvoorbeeld met de mogelijkheid om nieuwsberichten in de admin te dupliceren en om SVG-bestanden veilig te gebruiken in de mediabibliotheek.
Naast deze functionele uitbreidingen heb ik ook delen van de site opnieuw opgebouwd met Gutenberg. Het oorspronkelijke theme was hier niet goed op ingericht, waardoor de blok-editor op de frontend niet altijd correct werd weergegeven. Daarom heb ik een aparte Gutenberg-structuur opgezet binnen het theme, met eigen templates en gescheiden stylesheets voor klassieke en block-editor gebaseerde pagina’s. Hierdoor kan de klant nu pagina’s en berichten veel eenvoudiger zelf aanpassen, terwijl de vormgeving op de frontend netjes en gecontroleerd blijft.
Ook heb ik standaard Gutenberg-blokken uitgebreid met extra mogelijkheden. Zo is bijvoorbeeld het blok ‘Omslagafbeelding’ aangepast zodat complete visuele vlakken klikbaar gemaakt kunnen worden via een link-instelling in de editor. Daarmee krijgt de klant meer vrijheid om contentblokken commercieel en redactioneel in te zetten, zonder technische tussenkomst.
Het resultaat is een theme dat niet alleen beter aansluit op de huidige wensen van de klant, maar ook veel beter voorbereid is op toekomstig contentbeheer. De website is daarmee flexibeler, gebruiksvriendelijker in de backend en sterker in de koppeling tussen content en commerce.
Periode: Maart 2026
Opdrachtgever: Stadler Proshop
WordPress-ontwikkeling · HTML5 · CSS · SCSS · JavaScript · PHP
Neem contact op...