WooCommerce: Termékek 3 oszlopba rendezése

A WooCommerce sokak számára ismerős lehet. Röviden, egy olyan bővítmény, melynek segítségével webáruházzal egészíthetjük ki blogunk vagy teljes értékű webshopot faraghatunk belőle. Azonban amikor az ember rendezgeti a sablon kódját és azon dolgozik, hogy egyedivé alakítsa, akkor néha (leküzdhető) akadályokba ütközik. Az imént épp abba a problémába futottam bele, hogy mivel szélesebb sidebar van az oldalon amin dolgozok, így kevesebb hely jut a kategóriában a termékek listázására. A WooCommerce eredetileg 4 terméket tesz egy sorba. Azonban ilyenkor nagyon picik lesznek a képek. Ezért szerettem volna változtatni, oly módon, hogy nem css trükkel teszem. Végül a Woocommerce hivatalos oldalán leltem egyszerű megoldásra. Az alábbi kódok közül válasszuk a megfelelőt, majd a szerkesszük a function.php fájlt, oly módon, hogy annak a végére illesszük be.

Egyedi sablonnál:

add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
	function loop_columns() {
		return 3; // A 3-as helyere ahanyat szeretnel egy sorba
	}
}

Woo sablonnál:

function loop_columns() {
    return 3; // A 3-as helyere ahanyat szeretnel egy sorba
}
add_filter('loop_shop_columns', 'loop_columns', 999);

Shortcode-al:

[recent_products per_page="12" columns="3"]