Woocommerce shop page & archive without a sidebar

cyber-ki codesnippets

Er zijn verschillende manieren om de side-bar weg te halen op de shop en archive pages in woocommerce. Je kan een pagina maken in wp en daar de woocommerce short-code plaatsen waardoor je de pagina kan stijlen maar je kan het ook doen in het woocommerce template zelf. Dit is vooral handig bij de producten pagina omdat daar (nog?) geen shortcode van is.
Wil je dit via het woocommerce template doen dan hoef je alleen de “action get side-bar “weg te halen.
In combinatie met het toevoegen van een body class aan de pagina werkt het voor mij perfect. Hieronder zie je een voorbeeld voor de shop/archive page.

Stappen:

Kopieer het bestand “archive-product.php”  plugins/woocommerce/templates en plaats deze in je child-theme/woocommerce/ folder. De woocommerce folder moet je zelf aanmaken.
Let op het is belangrijk dat je dit bestand dupliceert en in je theme folder plaatst, anders loop je de kans dat bij een update de aanpassingen verloren gaan.

Open dit bestand en onderaan zie je de volgende code:

<?php
/**
* woocommerce_sidebar hook.
*
* @hooked woocommerce_get_sidebar - 10
*/
do_action( 'woocommerce_sidebar' );
 ?>

Verwijder deze code of “comment it out”.

Als je nu aan de voorkant naar de shop of een archive (category) pagina gaat zie je dat de sidebar is verdwenen.

Leave a Reply