Neu swatches größe anpassen?

[maitho]

Ich versuche verzweifelt eine Lösung zu finden und zwar habe ich es zwar schon geschafft meine Swatches farblich zu ändern aber ich möchte sie auch kleiner haben.
Ich habe hier mal ne Bildmontage gemacht der Pfeil zeigt auf die Größe die ich gerne hätte aber finde absolut keine Möglichkeit.
Ich hoffe das hier ein Experte ist der mir helfen kann und weiß was ich in meine custom.css einfügen muss um dieses Ergebniss zu erhalten.
Danke

 

[css-umsetzung]

.swatches .variation>span.label-variation {
  max-width: none;
  height: 30px;
  width: 120px;
  line-height: 30px;
}

 

[Novidion]

Hallo,

das mit den swatches in den Varianten funktioniert prima. Allerdings wird ja beim hover der swatches immer einer Darstellung der Variante bei den Artikelbildern angezeigt. Diese unterscheidet sich in der Größe von den normalen Artikelbildern. Gibt es eine möglichkeit diese ebenfall in der Größe anzupassen so das die Vorschaubilder die gleiche Größe wie die normalen Artikelbilder haben? Konnte leider keine lösung finden und über Storefront > Einstellungen kann ich leider nur die normalen Artikelbildergrößen anpassen.

 

[css-umsetzung]

sind das nicht die Bildeinstellungen der Varianten?
Hast du ein Beispiel?

 

[Novidion]

Ja klar. Also im ersten Bild sieht man das normale für den Vater hinterlegt Artikelbild. Dessen Größe konnte ich unter Storefront > Bilder > Einstellungen unter Produkte normale Größe anpassen.
Im Zweiten Bilder sieht man das Vorschaubild welches kommt wenn ich mit der Maus über einer der Varianten fahre. Obwohl ich in den Einstellungen für Varianten die selbe Größe ausgewählt habe wie für die Produkte, wird das Bild deutlich kleiner dargestellt. auch das in der WaWi hinterlegte bild der Variante hat die gleiche Auflösung wie das Produktbild.

 

[FPrüfer]

Hallo,
die Bilder für die Details werden immer so skaliert, dass sie eine einheitliche Breite haben. Das Produktbild ist jedoch viel höher als das Swatch-Bild - wenn du genau hinschaust wirst du aber sehen, das beide gleich breit sind.

 

[Novidion]

hmmm... aber das macht keinen Sinn. Beide Bilder sind mit 1000x1000px Hinterlegt. Über die Einstellung im Backend dann auf 800x800 für die normale Größe und Variation eingestellt. Im Artikel sind sie dann aber unterschiedlich Groß. Die Bilder sind auch nicht gleich breit. Das Swatch img ist 320x320px und das Produktbild ist ja freigestellt und hat Weißflächen und ist 800x800px.

 

[css-umsetzung]

Zeig doch mal die Url, warum versteckt Ihr die immer, Ihr wollt doch auch das die Kunden kommen und kaufen oder dürfen die die Url dann auch nicht wissen?
Ich sehe doch so bei den Bildern gar nicht wo er das abgreift, was aber schon wichtig wäre.

 

[Novidion]

Nein das ist normalerweise auch kein Problem es handelt sich hier allerdings noch um eine Testumgebung, wesshalb die Text und inhalte noch nicht entgültig sind und daher mache ich sie unkenntlich.
Aber hier nochmal der Code mit bilder src

 

[css-umsetzung]

bei dem zweiten steht max-height:320px beim ersten 800px

 

[Novidion]

ja das habe ich wohl schon gesehen. Aber ich weiß nicht wo er sich das hernimmt wie gesagt im Backend stehen Produktbilder und Varianten auf 800x800. Habe bis jetzt nicht herausfinden können wie das die 320px wieder rein kommen.

 

[Mirko.Schmidt User deaktiviert]

Derzeit werden nur "Artikelbilder" direkt neugeneriert über die Bilder Einstellung im Backend, alle anderen nicht. Daher muss ein Artikelbilder Komplettabgleich nochmal gemacht werden oder die Bilder neu setzen bei den Variationen. Danach werden die Variationsbilder beim Hover auch in der neuen Größe angezeigt.

 

[Novidion]

Perfekt. Vielen Dank! hat funktioniert. Darauf muss man auch erstmal kommen