Produkt-Badges – Gestaltung & Mehrsprachigkeit
Auf dieser Seite
Gestaltung je Badge und Sprache
Beim Bearbeiten eines Badges pflegen Sie für jede in Ihrem Shop installierte Sprache einen eigenen Tab mit folgenden Feldern:
| Einstellung | Standard | Beschreibung |
|---|---|---|
| Typ | Text | Auswahl zwischen „Text“ (Text-Badge) und „Image“ (Bild-Badge) |
| Text | leer | Der angezeigte Text bei Typ „Text“. Hinweis im Backend: keine langen Texte eintragen |
| Textfarbe | #000 |
Schriftfarbe des Text-Badges |
| Hintergrundfarbe | #fff |
Hintergrundfarbe des Text-Badges |
| Bild | leer | Bild-Upload bei Typ „Image“. Erlaubte Formate: JPG, PNG, SVG, WebP |
| Breite | 50 | Breite des Bild-Badges in Pixeln |
| Höhe | 50 | Höhe des Bild-Badges in Pixeln |
| Position | Oben links | Ecke, in der das Badge erscheint: Oben links, Oben rechts, Unten links, Unten rechts |
| Aktiv | Nein | Nur bei aktiviertem Schalter wird das Badge in dieser Sprache angezeigt |
Die maximal zulässige Dateigröße für ein hochgeladenes Bild richtet sich nach der PHP-Einstellung upload_max_filesize Ihres Servers; überschreitet ein Bild diese Grenze, weist das Backend beim Speichern darauf hin und die Datei wird nicht übernommen. Wird ein nicht erlaubtes Dateiformat hochgeladen, erscheint ebenfalls ein Hinweis und die Datei wird nicht gespeichert.
Positionen und Stapelung
Jedes Badge wird in einer von vier Ecken des Produktbilds angezeigt: oben links, oben rechts, unten links oder unten rechts. Badges derselben Ecke werden untereinander gestapelt, sodass sich mehrere Badges am selben Produkt nicht überlagern – die Reihenfolge im Stapel richtet sich nach der Sortierung des jeweiligen Badges.
Mehrsprachigkeit
Das Plugin unterstützt alle im Shop installierten Sprachen. Für jede Sprache legen Sie Typ, Text bzw. Bild, Farben, Größe, Position und den Aktiv-Schalter getrennt fest. So können Sie z. B. den Text in Deutsch aktivieren und anzeigen lassen, in Englisch aber deaktiviert lassen, oder in jeder Sprache einen eigenen Text hinterlegen. Ist eine Sprache nicht auf „Aktiv“ gesetzt, wird das Badge in dieser Sprache nicht angezeigt, auch wenn die Regel (Feld/Wert) zutrifft.
Eigene CSS-Anpassungen
Die Badges werden im Frontend in einem Container mit der Klasse .salepix-badges ausgegeben, jedes einzelne Badge trägt die Klasse .salepix-badge. Über eigenes CSS in Ihrem Template können Sie das Aussehen zusätzlich anpassen, zum Beispiel Schriftgröße, Innenabstand oder eigene Übergänge/Animationen für diese Klassen.
Support
Bei Fragen erreichen Sie uns über das Kontaktformular auf salepix.de. Bitte nennen Sie die Plugin-Version und Ihre JTL-Shop-Version.
Frage nicht beantwortet?
Unser Support hilft Ihnen gerne weiter – bitte nennen Sie Plugin- bzw. Template-Version und Ihre JTL-Shop-Version.