Snippet: Wordpress & WooCommerce: Theming

Tussendoor werkt, als het om webwinkels gaat, met twee systemen: Magento en WordPress. Binnen WordPress werkt Tussendoor vrijwel uitsluitend met het WooCommerce webwinkel pakket. Waarom we gekozen hebben voor dit pakken kun je hier in mijn weblog lezen. In dit artikel gaan we niet te diep in op de pakketten of mogelijkheden die er zijn, ik neem alleen de basis met je door van WooCommerce theming binnen WordPress.

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.

 

Vind je dit bericht interessant?

Vind je dit bericht interessant? Dan zou ik het erg waarderen als je een like of andere "social-share" achter laat ;)