Design · PHP · Server

WordPress · Drupal · PrestaShop

Prestashop: list view statt grid view als Default Einstellung

Leave a Comment

Betroffene Dateien:
global.js => function function bindGrid()
product-list.tpl

In global.js folgende Zeilen suchen

if (view && view != 'grid')
display(view);
$('.display').find('li#grid').addClass('selected');

und ersetzen mit

if (view && view != 'list')
display(view);
else
$('.display').find('li#list').addClass('selected');

In product-list.tpl folgende Zeile suchen

<ul{if isset($id) && $id} id="{$id}"{/if} class="product_list grid row{if isset($class) && $class} {$class}{/if}">

und ersetzen mit

<ul{if isset($id) && $id} id="{$id}"{/if} class="product_list list row{if isset($class) && $class} {$class}{/if}">

Zwei nützliche Top Plugins für WooCommerce

Leave a Comment

Es gibt eine Reihe kostenloser Plugins, die WooCommerce um nützliche Funktionen erweitern. Zwei davon möchte ich euch heute vorstellen.

1. WooCommerce Product Image Flipper

WooCommerce Image Flipper bringt etwas Leben auf die Übersichtsseiten des Shops und der Kategorien. Wenn es zu einem Produkt mehr als nur ein Foto gibt, dann bewirkt das Plugin, dass beim Hovern über das Produktbild das zweite Produktbild eingeblendet wird. Die Installation des Plugins ist denkbar einfach: installieren, aktivieren … fertig!

Das Plugin lässt sich für schöne Effekte benutzen, z.B. Vorderseite des Produkts anzeigen und beim Hovern die Rückseite einblenden.
hover

Das Plugin kann auf wordpress.org heruntergeladen werden: WooCommerce Product Image Flipper

2. WooCommerce Grid / List toggle

Das zweite Plugin ist das Plugin WooCommerce Grid / List toggle. Mit diesem Plugin gibt man Besuchern die Möglichkeit bei den Kategorieseiten zwischen Grid-View (Standardansicht Vorschaubilder) und List-View (links ein Vorschaubild, rechts daneben die Kurzbeschreibung des Produkts) zu wechseln. Auch hier ist die Installation wieder kinderleicht: Plugin installieren, aktivieren … fertig!
listgrid

Auch dieses Plugin gibt es im WordPress Repository: WooCommerce Grid / List toggle