{"id":93162,"date":"2020-10-23T08:49:32","date_gmt":"2020-10-23T06:49:32","guid":{"rendered":"https:\/\/de.wordpress.org\/support\/topic\/einzelne-produktseite-maximale-hoehe-der-bilder-verwenden\/"},"modified":"2020-10-23T08:50:50","modified_gmt":"2020-10-23T06:50:50","slug":"einzelne-produktseite-maximale-hoehe-der-bilder-verwenden","status":"publish","type":"topic","link":"https:\/\/de.wordpress.org\/support\/topic\/einzelne-produktseite-maximale-hoehe-der-bilder-verwenden\/","title":{"rendered":"Einzelne Produktseite: Maximale H\u00f6he der Bilder \u00e4ndern"},"content":{"rendered":"<p>Hallo,<\/p>\n<p>Ich habe ein etwas spezielleres Problem mit Produktbildern, das ich bereits mittels CSS versucht habe zu l\u00f6sen &#8211; das funktioniert auch soweit, aber sobald ich Bilder zur Produktgalerie hinzuf\u00fcge, merke ich, dass mein CSS anscheinend nur auf das erste Bild angewendet wurde. Hier eine kurze Demo: <a href=\"https:\/\/www.loom.com\/share\/8e1b9c0b82d34ddea1a5b0853245dc53\">https:\/\/www.loom.com\/share\/8e1b9c0b82d34ddea1a5b0853245dc53<\/a><\/p>\n<p>Hier der CSS-Snippet:<\/p>\n<pre><code>.woocommerce #content div.product div.images, \n.woocommerce div.product div.images, \n.woocommerce-page #content div.product div.images, \n.woocommerce-page div.product div.images {\n    max-height: 60vh;\n    overflow: hidden;\n    margin: 0px 0px 0px 0px;\n}\n\n.zoomImg, .wp-post-image {\n    position: relative !important;\n    width: auto !important;\n    max-height: 60vh !important;\n    margin-bottom: 0;\n    margin: 0 auto;\n}\n\n.woocommerce div.product div.images .woocommerce-product-gallery__trigger {\n    display: none;\n}<\/code><\/pre>\n<p>Der Link zum Shop: https:\/\/gauer-glas.de\/produkt\/stehwichtel\/<\/p>\n<p>Sonst ist eigentlich alles an diesem Shop default.<br \/>\nDer Hintergrund hinter dieser \u00c4nderung ist, dass viele Produktbilder in nicht \u00fcblichen Verh\u00e4ltnissen geschossen wurden (viel zu lang, aber nicht sehr breit, also zb 2:8). Dies wollten wir nun kompensieren indem wir die Bilder sich nicht in ihrer ganzen L\u00e4nge strecken lassen.<\/p>\n<p>W\u00e4re super, wenn es eine L\u00f6sung g\u00e4be um dieses Problem zu l\u00f6sen.<br \/>\nIch danke euch schon mal im Voraus,<\/p>\n<p>Mit lieben Gr\u00fc\u00dfen,<br \/>\nPhilipp<\/p>\n","protected":false},"template":"","class_list":["post-93162","topic","type-topic","status-publish","hentry","topic-tag-bildergrose","topic-tag-css","topic-tag-produktbilder","topic-tag-single-product-page"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/93162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":2,"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/93162\/revisions"}],"predecessor-version":[{"id":93164,"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/93162\/revisions\/93164"}],"wp:attachment":[{"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=93162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}