Variationen mit Bildern anzeigen

[housegroover]

Hi Leutz,

ich bin grad etwas am verzweifeln, da ich den entsprechende Eintrag im Wiki bzw im JTL Demoshop nicht mehr finde.

Es geht um folgendes:

ich möchte einfach die Variationen in Bildern anzeigen lassen. Als Beispiel nehm ich mal Schuhe. Die Größe und die Farbe sollen nicht per Radiobutton oder Selectbox ausgewählt werden, sondern es soll eine Grafik entsprechend angezeigt werden.

Ich habe den Eintrag im Wiki gestern gefunden, aber heute finde ich es nicht mehr.

Kann mir vlt einer einen Tipp geben, wo und wie ich es einstelle.

Vielen Dank im Vorraus,

 

[salepix.de]

AW: Variationen mit Bildern anzeigen

In der Wawi bei den Variationen können diese Bildchen hinterlegt werden

 

[3po]

AW: Variationen mit Bildern anzeigen

In der Wawi bei den Variationen können diese Bildchen hinterlegt werden

Dadurch werden aber doch nicht in der Artikeldetailseite die dropdown's/radio buttons zur Artikel Bestimmung(Größe/Farbe) zu grafiken? es werden lediglich die grafiken für die Varianten in der Variantenauflistung grafisch dargestellt, oder?

 

[salepix.de]

AW: Variationen mit Bildern anzeigen

hhhmm, ich dachte genau die ist erwünscht 🙂 so was wie das hier: SUPERDRY Supersonic Entry Tee Dark Marl, 24,99 €

 

[3po]

AW: Variationen mit Bildern anzeigen

hhhmm, ich dachte genau die ist erwünscht 🙂 so was wie das hier: SUPERDRY Supersonic Entry Tee Dark Marl, 24,99 €

Aber das bekommt man doch nicht mit dem hochladen der Bildchen in der Wawi hin, mal abgesehen davon ist dein gezeigtes Beispiel eine reine CSS Lösung

<div class="variations">
<label>
<input type="radio" onclick="xajax_checkVarkombiDependencies(4255, 788, 8643); aktualisierePreis(); aktualisiereGewicht();" value="8643" id="kEigenschaftWert_8643" name="eigenschaftwert_788"><span> S</span>
</label>
<label>
<input type="radio" onclick=" xajax_checkVarkombiDependencies(4255, 788, 8647);aktualisierePreis(); aktualisiereGewicht();" value="8647" id="kEigenschaftWert_8647" name="eigenschaftwert_788"><span> XS</span>
</label>
</div>

und der CSS Code:

.variations label {
  float: left;
  margin-bottom: 1em;
  margin-right: 1em;
}
.variations label input {
  display: none;
  position: relative;
}
.variations label span {
  border: 1px solid;
  display: block;
  font-weight: bold;
  padding: 0.3em 1em 0.2em;
  text-align: center;
}

 

[housegroover]

AW: Variationen mit Bildern anzeigen

hhhmm, ich dachte genau die ist erwünscht 🙂 so was wie das hier: SUPERDRY Supersonic Entry Tee Dark Marl, 24,99 €

Hi,

genau das meinte ich ... gibts dazu n Anleitung oder so ? Ich finde es einfach nicht mehr in der Dokumentation. Aber vielen Dank schon mal vorweg !

gruß,

 

[salepix.de]

AW: Variationen mit Bildern anzeigen

@3po: niemand hat dies auch jemals behauptet, hier wollte ich nur feststellen was housegroover meint. Und meine Vermutung war auch absolut richtig

Das gezeigte Beispiel wurde von uns, wie auch 3po bereits unschwer erkannt hat mit reinem CSS dargestellt. Der Grund hierfür ist einfach, alle Größen werden in diesem Style dargestellt, auch die zukünftigen.

 

[salepix.de]

AW: Variationen mit Bildern anzeigen

@3po: bevor man einen fremden Code-Ausschnitt irgendwo veröffenticht, sollte man den Urheber vorerst fragen, ob dieser dem auch zustimmt...