Autor Thema: Wechselnde Artikelbilder bei Varianten  (Gelesen 6225 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline parimo

  • Full Member
  • ***
  • Beiträge: 104
  • Lob: 0
Wechselnde Artikelbilder bei Varianten
« am: Juli 08, 2012, 15:57:05 »
Hallo,

wahrscheinlich ist es wieder mal ganz simpel - ich finde es nur gerade nicht:
Ich möchte bei den Artikelvarianten, dass das zur jeweiligen Variante passende Bild angezeigt wird. Also, wenn man den Strumpf in blau wählt, sollte auf der Detailseite auch der blaue Strumpf erscheinen. Wie bekommt man das hin?

Viele Grüße
parimo

Linkback: http://www.shoppilot.net/pf/shoppilot-enterprise/2/wechselnde-artikelbilder-bei-varianten/1612/

Offline dobra

  • Global Moderator
  • Hero Member
  • *****
  • Beiträge: 1337
  • Lob: 18
    • ShopPilot AT
Re: Wechselnde Artikelbilder bei Varianten
« Antwort #1 am: Juli 08, 2012, 17:29:55 »
Hallo parimo,

guck mal da
http://www.shoppilot.net/pf/aktuelle-faq-haufige-fragen/produktbilder-in-einer-lightbox-auf-shopseiten-darstellen/msg4661/#msg4661

Das ist z.B. eine (relativ einfache) Möglichkeit.
(die [roadtrip] - Variante)
mfG
dobra
______________________________
Betreute Shops:
Barrique Einzelhandel
Barrique Großhandel

Offline parimo

  • Full Member
  • ***
  • Beiträge: 104
  • Lob: 0
Re: Wechselnde Artikelbilder bei Varianten
« Antwort #2 am: Juli 08, 2012, 19:27:48 »
Hallo dobra,

danke, das werde ich mal ausprobieren. Mir ist noch nicht klar, ob das jeweilige Bild automatisch angezeigt wird, wenn die entsprechende Variante ausgewählt wird.

Viele Grüße
parimo

Offline parimo

  • Full Member
  • ***
  • Beiträge: 104
  • Lob: 0
Re: Wechselnde Artikelbilder bei Varianten
« Antwort #3 am: Juni 24, 2013, 17:31:50 »
Ich greife das Thema noch einmal auf, weil ich damit noch nicht weitergekommen bin.

Gewünscht ist, dass - wenn der Kunde auf der Detailseite eine Farbvariante auswählt -, das Detailbild automatisch wechselt.
Ich habe ein benutzerdef. Datenfeld angelegt namens __BILDZOOM__ und habe dabei auch das Kästchen für "auch für Varianten anlegen" angeklickt.
Somit habe ich jetzt die Möglichkeit, jeder Variante das entsprechende Farbbild zuzuweisen. So weit - so gut.

Nur wie bekomme ich es hin, dass der Kunde auch das entsprechende Farbbild sieht?

Viele Grüße
parimo


Offline admin

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 530
  • Lob: 10
Re: Wechselnde Artikelbilder bei Varianten
« Antwort #4 am: Juni 26, 2013, 12:08:04 »
Also hier mal eine Anleitung.
Voraussetzungen. Die Auswahl der Variante geschieht mit einer Listbox, also mit dem Identifier __listvar__.  Die Varianten haben das benutzerdefinierte Feld BILDZOOM, das für alle Varianten gefüllt ist (gibt es kein Bild, sollte dort ein Dummybild hinterlegt werden). Wenn über die Listbox eine Variante ausgewählt wird, soll sich das Bild entsprechend ändern. Ist noch keine Variante ausgewählt, wird das Bild der ersten Variante angezeigt.

Wir brauchen in der Seite eine Stelle, wo das Bild ausgegeben wird. Dieses img-Tag bekommt eine eindeutige id, damit wir damit das Bild ändern können. Der Identifier __vBILDZOOM__ wird benutzt, um das erste Bild darzustellen. Weil der Bildpfad in BILDZOOM relativ zum Hauptverzeichnis ist, die Ausgabe aber im Verzeichnis der Vorlage (html_de) erfolgt, müssen wir für den korrekten Pfad noch eine Ebene hoch, deshalb ../ .

<img id="variimg" src="../__vBILDZOOM__" border="0">

Um den Wechsel der Auswahl in der Listbox zu erkenne benötigen wir Javascript. Diesen Code schreiben wir jedoch nicht fest in die Seite, da er für jeden Artikel anders wäre, sondern generieren ihn per ssp-Funktion. Wir machen also ein Modul mit einem Identifier.
Da wir den Code nur an dieser Stelle benötigen können wir das Modul auch in der HTML-Datei der Detailvorlage für Artikel mit Varianten  (z.B. im Header) definieren.

<!--spmacro:module(vari)

sub img_selection {
   my $anzahl = $_[3];

   # Anfang des JS Codes
   my $out= qq|<script>
     variants = {
   |;
  
   # Ein Array bilden, das sie Artnr und den Bildpfad enthält
   for (my $i=0; $i<=$anzahl; $i++) {
      my $itemid = ssp::get_var_varticle('itemid', $i);
      my $bild = ssp::get_var_varticle('VARIBILD', $i);
      $out .= qq{$itemid : "../$bild"};
      if ($i < $anzahl) { # beim letzten keine Komma
         $out .= ",\n";
      } else {
         $out .= "\n};";
      }
   };

   my $mid = ssp::get_var_article('itemid',0);
   my $selector =  qq{select[name="v__$mid"]};
   # Bei Änderung der Auswahl, wird der Bidpfad dem Array entnommen
   # und als src für img-Tag gesetzt.
   $out .= qq{
            jQuery('$selector').change(function() {
               var id = jQuery(this).val();
               document.getElementById("variimg").src= variants[id];
            });
      </script>
   };
    
   main::mprint $out;
}
-->

Wir haben somit den  Identifier __vari::img_selection__ zur verfügung, der den JS-Code einfügt. Wichtig ist, dass dieser Identifer nach __listvar__ eingefügt wird.
Am besten fügt man ihn vor dem schließenden body-Tag ganz am Ende ein.


PS: Vergessen habe ich, dass wir noch die Javascript Bibliothek jQuery einbinden müssen. Die Datei jQuery.js  kann aus einem der Demoshops kopiert werden.
Dies kann im Header z.B. so passieren:
<script src="../js/jQuery.js" type="text/javascript"></script>
Nicht vergessen js/jQuery.js als zusätzliche Datei einzutragen, damit sie hochgeladen wird.
« Letzte Änderung: Juni 26, 2013, 15:45:56 von admin »

Offline Robco

  • Newbie
  • *
  • Beiträge: 37
  • Lob: 0
Re: Wechselnde Artikelbilder bei Varianten
« Antwort #5 am: Juli 14, 2015, 17:10:26 »
Ich habe das Thema mal wieder hervorgekramt, da ich für meinen Shop noch keine Lösung habe.
Wir verwenden für die Auflistung der Varianten den Identifier __vari::show__, damit die Varianten, für die es keinen Bestand gibt, ausgeblendet werden.

Funktioniert das o.g. Script damit auch?

Viele Grüße - parimo

Offline admin

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 530
  • Lob: 10
Re: Wechselnde Artikelbilder bei Varianten
« Antwort #6 am: Juli 16, 2015, 19:45:13 »
Ja sollte funktionieren.


xx
EP: Wechselnde Artikel auf Startseite

Begonnen von ahe

4 Antworten
7468 Aufrufe
Letzter Beitrag August 29, 2004, 17:09:15
von emil
xx
dynamisch wechselnde (Artikel)Anzeige auf statischen Seiten

Begonnen von dobra

0 Antworten
2575 Aufrufe
Letzter Beitrag Oktober 23, 2007, 06:16:17
von dobra
xx
zufällig wechselnde Artikel mit ajax (auch auf statischen Seiten)

Begonnen von dobra

0 Antworten
3254 Aufrufe
Letzter Beitrag Januar 15, 2010, 20:53:35
von dobra
xx
Listboxauswahl für Varianten

Begonnen von dobra

1 Antworten
3446 Aufrufe
Letzter Beitrag April 16, 2008, 10:10:05
von dobra