WooCommerce-Listenansicht

Ich habe eine WordPress-Seite mit WooCommerce installiert,

Das Problem, das ich habe, ist, dass auf der Shop-Seite die Produkte standardmäßig als GRID (nebeneinander) angezeigt werden. Es gibt eine Schaltfläche zum Umschalten vom Standard-GRID-Modus in den LIST-Modus. aber für jeden neuen Kunden, der auf die Seite kommt, müssten sie es manuell ändern!

Ich möchte die Standardansicht für jede Person, die auf die Website kommt, dauerhaft von GRID auf LIST ändern, aber ich kann im Code keine Möglichkeit finden, dies zu tun.

Hat jemand Ahnung, wie man das macht?

Es gibt ein Plugin, das dies für Sie tun kann: http://wordpress.org/plugins/woocommerce-grid-list-toggle

Gehen Sie nach der Installation des Plugins zu Ihrem Dashboard: Woocommerce -> Einstellungen -> Produkt -> Scrollen Sie zum Ende der Seite und dort wird eine Option aufgerufen Default catalog view, ändern Sie das von Grid in List. Es wird eine Option für Benutzer auf der Shop-Seite geben, um die Ansicht von Liste zu Raster zu ändern. Um diese Option auszublenden, fügen Sie Folgendes zum CSS hinzu:

.gridlist-toggle 
{
    display: none !important;
}

Meine Lösung kann das Raster standardmäßig in die Listenansicht umschalten Produktseite. Sie können dies versuchen:

1. Verbinden Sie sich mit Ihrem FTP/public_html/wp-content/YOUR_THEME/woocommerce/global/
2. Bearbeite wrapper-start.php

3. Sie werden diesen Code sehen

   $shop_view = shopme_get_meta_value('shop_view');
   if (empty($shop_view)) { $shop_view = 'view-grid'; }
   if (!empty( $shop_view ) ) { $wrapper_classes[] = $shop_view; }
   

4. Ersetzen Sie „view-grid“ zu „list_view_products“

Ich habe gerade das gleiche Problem gelöst.

Dies ist meine Lösung, um WooCommerce dauerhaft zu zwingen, den Produktkatalog nur als Listenansicht anzuzeigen.

JS

// This will remove class="grid" on page load and add class="list" to your product view

$(document).ready(function(){
     $('.browse-view ul#products').removeClass('grid').addClass('list');
}); 

JS – Testen Sie mit Woocommerce v4.0.1

// -- Last Rev. (2020-04) -- 
jQuery(function($){
     $('.woocommerce ul.products').removeClass('grid').addClass('list');
});

CSS

/* This will hide grid/list switcher in toolbar*/
.view-mode{display:none!important;}

Eine andere Möglichkeit, dies zu tun, ist die Verwendung dieses Plugins: https://wordpress.org/plugins/gridlist-view-for-woocommerce/
Gehen Sie nach der Installation zu den Einstellungen WooCommerce -> Raster-/Listenansicht
Im Registerkarte Schaltflächen Rückgeld Standardstil zu Aufführen und deaktivieren Sie all in Schaltflächen werden angezeigt
Im Registerkarte „Produktanzahl“. deaktivieren Verwenden Sie Produkte zählen