Inhalte aufrufen

Profilbild

Dynamische Inhalte in Produktdetails

produktdetails dynamische inhalte widget

  • Bitte melden Sie sich an, um eine Antwort zu verfassen.
3 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
  • 2510 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

#4 Mike Green

Mike Green

    Benutzer

  • Members
  • 185 Beiträge

Geschrieben: 27 September 2019 - 11:45

Hallo Lothar,

 

habe auf deiner Seite die Funktion mit dem Popover gesehen und würde so etwas dringend auf unseren Seiten benötigen.
Laut Smartstore soll das "irgendwann" mal möglich sein.

Wir verkaufen Artikel bei denen zum Beispiel bei den Attributen die Stoffmuster zur Auswahl stehen.
Liebend gerne hätte ich jedoch , dass wenn der Kunde mit der Maus über die Stoffmuster geht, gleich noch den Stoff in größer sowie eine Beschreibung (Materialzusammensetzung etc.) angezeigt bekommt.
warte schon sehr lange auf diese Funktion.

Vielleicht kannst Du einem recht "unerfahrenen" eine Anleitung geben

Freue mich auf Deine Rückmeldung
Gruß Mike
www.moebel-dam.com
 

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




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