Featured Grid – Dokumentation
MEK7
Featured Grid – Dokumentation
v1.8.2
Produkt-Raster fuer Startseite und Angebotsseite
– mit Hersteller-Logo, Angebots-Countdown und automatischer
Sortierung.
1 Voraussetzungen
| Komponente | Anforderung |
|---|---|
| WordPress | 5.8 oder neuer |
| WooCommerce | 6.0 oder neuer |
| PHP | 7.4 oder neuer |
| Elementor | Optional – fuer das Widget. Ohne Elementor per Shortcode nutzbar. |
| Perfect Brands for WooCommerce | Optional – liefert die Hersteller-Logos (Taxonomy pwb-brand) |
2 Installation
1
Plugin hochladen
Im WordPress-Backend: Plugins → Installieren →
Plugin hochladen → ZIP-Datei auswaehlen → Jetzt
installieren.
2
Plugin aktivieren
Nach der Installation auf Plugin aktivieren
klicken.
3
Hilfeseite oeffnen
Im Backend-Menue unter MEK7 Tools → Featured
Grid stehen alle Shortcodes jederzeit nachschlagbar
bereit.
3 Einrichtung
Drei Schritte, einmalig. Danach laeuft alles ueber die
Produkt-Markierung.
1
Angebotsseite anlegen
WordPress-Admin → Seiten → Erstellen.
Titel z. B. „Angebote“. In den Seiteninhalt den Shortcode
[mek7_angebote] einfuegen und veroeffentlichen.
Die Seiten-URL (z. B. /angebote/) wird in Schritt 2
gebraucht.
2
Startseiten-Grid einbauen
Mit Elementor: Startseite bearbeiten, Widget
„MEK7 Featured Grid“ (Kategorie Allgemein)
an die gewuenschte Stelle ziehen. Im Feld Link „Alle
Angebote“ die URL aus Schritt 1 eintragen.
Ohne Elementor: auf einer Seite den Shortcode
[mek7_featured_grid] einfuegen.
3
Produkte markieren
Produkte als Angebot kennzeichnen (siehe Abschnitt 4). Erst
dann erscheint etwas im Grid.
Wichtig – Cache: Nach jeder Aenderung (Produkt
markiert, Counter gesetzt, Shortcode geaendert) den Object
Cache leeren, sonst zeigt die Seite den alten Stand. Bei
Elementor zusaetzlich Werkzeuge → CSS & Daten neu
generieren.
4 Produkte als Angebot markieren
Es gibt zwei Angebots-Arten. Beide werden im Produkt-Editor im Tab
Allgemein gepflegt.
| Angebots-Art | Wie | Wofuer |
|---|---|---|
| Sonderaktion | Haekchen „Als Angebot markieren“ setzen | Kuratierte, oft befristete Aktionen |
| Abverkauf | Produkt der Kategorie „Sonderangebote“ zuordnen | Restposten, dauerhafte Abverkaeufe |
Angebots-Countdown
Im selben Tab das Feld „Angebots-Counter bis“ mit
Datum und Uhrzeit fuellen. Im Grid laeuft dann unter dem Preis ein
Countdown. Feld leer = kein Counter. Nach Ablauf verschwindet der
Counter, die Kachel bleibt.
Beide Felder nutzen eigene Datenfelder, die JTL-Wawi beim Sync nicht
veraendert.
5 Shortcode – Startseite
Das Featured-Grid zeigt eine begrenzte Anzahl Produkte mit
optionalem „Alle Angebote“-Link.
[mek7_featured_grid]
| Attribut | Beschreibung | Standard |
|---|---|---|
| source | both / offer (Haekchen) / category / manual |
both |
| category | Kategorie-Slug fuer source category/both |
sonderangebote |
| limit | Max. Anzahl im Grid. 0 = alle |
12 |
| columns | Spalten am Desktop: 1 oder 2 (mobil immer 1) |
2 |
| hide_outofstock | Ausverkaufte ausblenden (yes/no) |
yes |
| more_link | URL fuer den „Alle Angebote“-Link. Leer = kein Link | /angebote/ |
| more_text | Beschriftung des Links | Alle Angebote ansehen |
| ids | Manuelle Produkt-IDs, komma-getrennt (Override aller Quellen) | – |
Beispiel: [mek7_featured_grid limit="8" source="offer"]
– zeigt 8 Produkte, nur Sonderaktionen.
6 Shortcode – Angebotsseite
Zeigt alle Angebots-Produkte mit „Mehr laden“-Button.
[mek7_angebote]
| Attribut | Beschreibung | Standard |
|---|---|---|
| source | both / offer / category |
both |
| category | Kategorie-Slug | sonderangebote |
| per_page | Kacheln pro Ladeschritt | 24 |
| columns | Spalten am Desktop: 1 oder 2 |
2 |
| hide_outofstock | Ausverkaufte ausblenden | yes |
7 Sortierung & Anzeige
- Produkte mit aktivem Counter stehen oben
– das am bald ablaufende zuerst. - Startseite: die restlichen Produkte rotieren
taeglich, damit ueber die Zeit jedes Produkt drankommt. - Angebotsseite: stabile Reihenfolge, neueste
Produkte zuerst. - Ausverkaufte Produkte werden ausgeblendet (abschaltbar per
hide_outofstock="no"). - Das Hersteller-Logo erscheint automatisch, sobald dem Produkt
eine Marke (Perfect Brands) zugewiesen ist. - Der „Alle Angebote“-Link erscheint nur, wenn es mehr Produkte
gibt als angezeigt werden.
MEK7 Featured Grid · Dokumentation v1.8.2
mek7.com