Hallo,
hier ein Beispiel, wie dynamische Inhalte abhängig vom "Hersteller" (Manufacturer) auf der Produktdetailseite eingefügt werden können. In diesem Fall ein Copyright Hinweis unter dem Produktbild.
Im Backend unter CMS -> Seiten & Inhalte -> NEU eine neue Seite erstellen.
Die Einstellungen sind im Bild unten gezeigt.
Um den Copyright Hinweis unter dem Produktfoto zu plazieren wähle ich als Widget-Zone: productdetails_pictures_bottom
Nun auf "Inhalt" klicken und in die Code-Ansicht wechseln (siehe roter Kringel im Bild unten).
Folgendes Skript in den Bereich kopieren:
<script>
jQuery(function($){
var brand_from_meta = $('meta[itemprop="brand"]').attr("content");
if (brand_from_meta =="HERSTELLER1") $("#copyright").html('Hier den Copyright Hinweis für HERSTELLER1 eintragen');
if (brand_from_meta =="HERSTELLER2") $("#copyright").html('Hier den Copyright Hinweis für HERSTELLER2 eintragen');
});
</script>
<div id="copyright"></div>
An die Stelle von HERSTELLER1 und HERSTELLER2 wird der Name des Herstelllers eingesetzt, für den der individuelle Copyright Hinweis auf Eurer Shopseite angezeigt werden soll. Bitte die Anführungszeichen " und Hochkommata ' intakt lassen!
Die "if"-Zeile kann für jeden weiteren Hersteller einfach kopiert werden.
Speichern nicht vergessen.
Nun sollte automatisch, abhängig vom Hersteller unter Euren Produktbildern ein Copyright Hinweis erscheinen.
Z.B. wie hier:
https://www.loebbesh...-vitotronic-100
Wenn ein Hersteller einen ellenlangen Text verlangt könnt Ihr das auch über ein Mouse over Popup anzeigen lassen. So wie hier:
https://www.loebbesh...ohrkonsolen-set
In dem Fall muss das Skript wie folgt um einen HERSTELLER0 erweitert werden:
<script>
jQuery(function($){
var copyright_hersteller0 = '<a href="#" data-toggle="popover" title="" data-content="Hier steht der ellenlange Text des HERSTELLERS0." data-original-title="HERSTELLER0 Copyright Hinweis" data-trigger="hover">© Copyright Hinweis</a>';
var brand_from_meta = $('meta[itemprop="brand"]').attr("content");
if (brand_from_meta =="HERSTELLER0") $("#copyright").html(copyright_hersteller0);
if (brand_from_meta =="HERSTELLER1") $("#copyright").html('Abb.: Max Weishaupt GmbH');
if (brand_from_meta =="HERSTELLER2") $("#copyright").html('Abb.: Viessmann Werke GmbH & Co. KG');
});
$(document).ready(function(){$('[data-toggle="popover"]').popover();});
</script>
<div id="copyright"></div>
Das Popover verwendet eine Bootstrap Funktion und sollte daher mit Layouts im responsive Design funktionieren.
Liebe Grüsse
Lothar
