Inhalte aufrufen

Profilbild

Dynamische Inhalte in Produktdetails

produktdetails dynamische inhalte widget

  • Bitte melden Sie sich an, um eine Antwort zu verfassen.
2 Antworten zu diesem Thema

#1 loebbeshop.de

loebbeshop.de

    V.I.P

  • Members
  • 2142 Beiträge

Geschrieben: 01 February 2019 - 19:03

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

 

 

 

Angehängte Bilder

  • copyright.png

  • GalenKa und RidgeOi gefällt das
www.loebbeshop.de

#2 kusnez

kusnez

    V.I.P

  • Members
  • 2499 Beiträge

Geschrieben: 02 February 2019 - 21:44

Hallo Lothar,
 
Danke für deine Anleitung, wie immer perfekt!
 
Schön dass du wieder da bist, du hast diesem Forum wirklich gefehlt!

  • MediArt gefällt das
M.f.G.
E. Kusnezov
www.stahldeko-shop.de

#3 loebbeshop.de

loebbeshop.de

    V.I.P

  • Members
  • 2142 Beiträge

Geschrieben: 05 February 2019 - 19:03

Hallo auch und danke für den warmen Empfang.

Schön auch einen weiteren Veteranen wie Dich dabei zu haben!


  • MediArt gefällt das
www.loebbeshop.de


Auch markiert mit einem oder mehrerer dieser Schlüsselwörter: produktdetails, dynamische inhalte, widget