Blog - WooCommerce logo gevuld

Snippet: Wordpress & WooCommerce: Theming

Leestijd: 2 minuten (342) words
profile image

Rick de Jong

Strategie

May 30, 2012 08:38

Snippet: Wordpress & WooCommerce: Theming

Handig voor ons webbouwers

Tussendoor werkt als het om webwinkels gaat uitsluitend met WooCommerce. We nemen in deze handleiding graag de basis met je door voor het integreren van WooCommerce functies binnen je thema bestanden. Heb je hier vragen over, schroom dan niet om contact met ons op te nemen.

woocommerce_content()

In veel gevallen werkt WooCommerce direct na het activeren van de plugin al (redelijk) goed binnen je huidige actieve thema. Is dit niet het geval? Dan is het aan te raden om te kiezen voor de volgende manier van werken.

  • Maak een kopie van "page.php";
  • Verander de naam van "page.php" naar "woocommerce.php";
  • Open het bestand en wijzig "the_content();" naar "woocommerce_content();".
     

Als je nu het thema gaat bekijken, zul je zien dat WooCommerce direct beter geïntegreerd is binnen het huidige actieve thema.

Opmaak

Een van de dingen die opvalt aan deze manier van werken, is dat alle pagina's exact hetzelfde zijn. Soms is dit niet de bedoeling en is er bewust gekozen voor een andere opmaak van bijvoorbeeld winkelwagen en/of het afrekenscherm. 

De volgende "condities" kunnen op dat moment erg handig zijn.
 

is_product_category()
is_product()
is_cart()
is_checkout()

Dit zijn standaard werkende condities van WooCommerce, deze kun je onder andere toepassen op de volgende manier:

if(is_cart() == true) {
// laad hier de thema opties in voor de winkelwagen
}else{
// hier de normale opmaak van andere pagina's
}

Bovenstaande functie is uiteraard uit te breiden met iedere conditie die door WooCommerce wordt gegeven. Een compleet overzicht vind je dan ook hier.