2016-08-13 4 views
2

Ich verwende die Woocommerce-Einstellungen, um die Miniaturansicht der Kategorien auf der ersten Shop-Seite und dann die Produkte und ihre Miniaturansichten in ihnen anzuzeigen.WooCommerce - Ändern der Anzahl der Produktkategorien pro Zeile

Ich möchte diese erste Kategorieseite haben, um 3 Thumbnails pro Zeile und die Produktseite anzuzeigen, um 5 Kategorien pro Zeile anzuzeigen.

Zu 5 Produkte pro Zeile angezeigt Ich habe verwendet:

add_filter('loop_shop_columns', 'loop_columns'); 
if (!function_exists('loop_columns')) { 
    function loop_columns() { 
    return 5; 
    } 
} 

Dies ändert die Thumbnails pro Zeile auf der Kategorieseite und auf dem Shop zu Seite.

Weiß jemand, wie ich die Kategorien Seite zu 3 Thumbnails pro Zeile ändern und 5 Produkte pro Zeile auf Shop-Seite beibehalten kann?

Vielen Dank im Voraus!

Antwort

2

Mit WooCommerce conditionals tags, wird Ihnen helfen, das zu erreichen. Ich habe Ihren Code geändert:

add_filter('loop_shop_columns', 'loop_columns'); 
if (!function_exists('loop_columns')) { 
    function loop_columns() { 
     if (is_product_category()) { 
      return 3; 
     } else { // for other archive pages and shop page 
      return 5; 
     } 
    } 
} 

Dieser Code geht auf function.php Datei Ihres aktiven Kind Thema oder Thema

Hinweis: Manchmal ist notwendig, einige CSS-Regeln zu ändern, zu erhalten die richtige Anzeige pro Zeile.

WooCommerce conditionals Tags Nutzung:

Shop-Seite Archiv Zum Ziel:

if (is_shop()) { 
    // return the number of items by row 
} 

Zum Ziel Produkt-Tag Archive:

if (is_product_tag()) { 
    // return the number of items by row 
} 

alle Produkte Archive außer Produktkategorie Archive (Hinzufügen!am Anfang) Zum Ziel:

if (!is_product_category()) { 
    // return the number of items by row 
} 

Und Sie können auch einige besonderen Kategorien oder Tags definieren(siehe die Dokumentation dafür).


Referenzen:

+0

Verbesserungsvorschlag: Verwenden Sie nur, wenn (is_product_category()) {3 zurückkehren; } else {zurück 5; }. Auf diese Weise verwenden Sie nicht dieselbe Variable zweimal (3) – vandijkstef

Verwandte Themen