FROM CACHE - de_header

Bildgrösse von Produkten änder im Sense Theme

BerndC
Besucher
1 0 0

Hallo, 

leider werden die Produktfotos im o.g. Theme viel zu gross im Browser angezeigt.

wie kann man es so einstellen, das die Bilder an den automatisch an den Rahmen angepasst und auf den Produktseiten Produktfotos auch an die Fenstergrösse des Browers angepasst werden?

 

 

1 ANTWORT 1
Gabe
Shopify Staff
Shopify Staff
14420 2267 3454

Hey @BerndC 

 

Danke und das Sense ist eins unserer Besten! Im Sense Theme wird das Bild vergrößert im Zoom Modus angezeigt, da hast du recht. Die Art Direction des Themes ist minimalistisch und bildorientiert, um eine breite Palette von verschiedenen Shops anzusprechen.

 

Möchtest du den Zoom etwas reduzieren dann gehe in das Produkt im Admin, klicke auf das Foto und gehe in den Medien-Editor. Da kannst du dann auf "Größe ändern" links unten im Editor klicken und die Pixels reduzieren. 

 

image.png

 

Siehe mehr dazu in unseren diversen Hilfeseiten zu diesem Thema die dir bestimmt helfen können hier.

 

Möchtest du das Zoom aber im CSS Code generell reduzieren dann kannst du das folgende in einer Theme Kopie zuerst testen:

  1. Gehe in die theme.scss.liquid.
  2. Suche die CSS Class verantwortlich für den image zoom. Es könnte etwas wie "product-single__photo-zoom" oder "product-image__zoom" heissen.
  3. Sobald du die passende Klasse gefunden hast, kannst du die Zoom-Intensität anpassen, indem du die CSS-Eigenschaft "transform: scale(x);" änderst wo x eine Nummer größer als 1 ist. Je niedriger die Zahl, desto geringer die Zoom-Intensität.
  4. Speichere die Änderungen und teste sie im Test-Theme.

Hinweis: Diese Schritte sind allgemeine Richtlinien, die genaue Umsetzung kann bei verschiedenen Themes oder Anpassungen variieren. Bei weiteren Fragen dazu kann ich gerne einen Empfehlen.

 

-----
Habt ihr schon über Ostern nachgedacht? Warum nicht etwas "Easter Egg Gamification" im Vorfeld Osterns in den Shop einbauen? Man kann z. B. eine Annonce auf der Homepage zeigen, dass Oster Eier im Shop versteckt sind und wenn diese gefunden werden, werden sie automatisch als Geschenk zum Warenkorb ergänzt. Gerne können wir hier weiter darüber plaudern!

Lass wissen, wenn du weitere Fragen hast zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

giphy

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog