Design Meets Code

Design Meets Code

WordPress · PrestaShop

  • Startseite
  • WordPress
  • PHP / Datenbanken
  • Ubuntu
  • Prestashop
  • Grafik
  • Glossar

Prestashop: list view statt grid view als Default Einstellung

17. Januar 2017 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}">

Filed Under: Prestashop Tagged With: Grid View, List View

Zwei nützliche Top Plugins für WooCommerce

4. März 2014 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

Filed Under: WordPress Tagged With: Grid View, List View, Plugins, WooCommerce

Anzeige

Themen

Apache BuddyPress Code Snippets Datenbank Email Enfold genesis Grid View htaccess Indesign Katalogpreisregel Layout Builder LibreOffice Lieferschein List View Medien MegaShop Mitgliederbereich MySQL PHP PHP Anfänger PHP Variablen Plugins Prestashop Prestashop 1.5 Prestashop 1.6 Prestashop 1.7 Prestashop 8 Prestashop Module Registrierung RSS Feed s2member Server Sicherheit ssl Startseite Strings Tag Cloud Tipps Windows Windows 10 Windows 11 WooCommerce WooCommerce Sortierung WordPress
Anzeige

Letzte Kommentare

  • Martin bei CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • Martin bei CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • Klaus bei Woocommerce: Shop Seiten neu generieren
  • Thomas bei WordPress: Einzelne Kategorien aus dem RSS Feed ausschließen
  • Bernhard bei CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern

Informationen

  • Kontakt
  • Datenschutzerklärung
  • Impressum
  • Cookie-Richtlinie (EU)
  • Kontakt
  • Datenschutzerklärung
  • Impressum
  • Cookie-Richtlinie (EU)
Anzeige