Hallo , gibt es Möglichkeit diese „Glossy & Reflection“ CSS3 Image Styles in virtuemart 3 einzubinden , konkret in auf Produktbild ( product details - einzelbild)?
Danke in Voraus
Hallo , gibt es Möglichkeit diese „Glossy & Reflection“ CSS3 Image Styles in virtuemart 3 einzubinden , konkret in auf Produktbild ( product details - einzelbild)?
Danke in Voraus
Da müsste man auf den ersten Blick einen Override für die productdetails anlegen und dort das Bild als Hintergrundbild laden.
Edit: Ok, auf den zweiten Blick muss man wahrscheinlich nur ein paar Klassen einfügen.
Das CSS in den eigenen CSS-Dateien übernehmen und gut.
Auf den zweiten Blick, geht das relativ fix.
So long
Stefan
Hallo Stefan, danke für deine Hilfe.
Weißt du vielleicht wo ich die Klasen einfügen soll, und weist du ob ich etwas index.php von Haupt Template einfügen soll?
Servus,
Du kannst das für die Produktansicht mit einem Override für Dateien im Ordner
components/com_virtuemart/views/productdetails/tmpl/
lösen, wahrscheinlich eine Kombination aus default.php und default_images.php, bin leider gerade nicht im Lande. Die Struktur ist in den Beispielen ja angegeben, einfach mal die Strukturen vergleichen und evtl. anpassen. Da war eine Klasse im umschließenden Container und eine für das img und noch eine, dann einfach das CSS bei Dir einfügen, dann sollte das gehen.
So short
Stefan
Danke Stefan für deine Hilfe.
Ich habe jetzt mehrere Stunden versucht hinzukriegen, aber leider mache ich etwas falsch und es klappt nicht. Würde dich bitten wenn du da bist und wenn du Lust und Zeit hast zu gucken wie das geht.
Ich habe das jetzt so gelöst, ich habe in „vm-ltr-site.css“ border-radius , box-shadow und webkit-box-reflect hinzufügt wie es aussieht kannst du auf dem Foto sehen .
Es gibt kleines Problem in firefox wird Spieglung nicht gezeigt.
Ich danke dir noch mall und wünsche dir schönen Sontag
Hallo Sajo,
wenn du -webkit-box-reflect angibst, ist das ja nur für Webkit-Browser, vielleicht kann Firefox das noch nicht, bin ich jetzt überfragt.
Man kann das Bild sicher zweimal darstellen und mit transform rotate das zweite umdrehen, und dann einen semi-transparentes Overlay drüberlegen. Aber das zu bauen, dauert schon etwas länger, ganz so viel Zeit fürs Forum bleibt mir im Moment leider nicht.
Versuch Dich mal in die CSS-Transformationen einzuarbeiten, dann wird das.
So long
Stefan