Hallöchen,
ich brauche eure Hilfe!
Kurz vorweg:
Und zwar bin ich gerade dabei meine Website für einen Shop von Handmadekleidung zu erstellen.
Ich bin Mediengestalterin, habe also Grundkenntnisse von Html, css und co aber bei nem Shopsystem bin ich überfragt, weswegen ich diesen über Shopify hoste und drittanbieterapps für bestimmtes nutze.
so nun geht es darum, dass ich eine Drittanbieterapp dazu nutze, dass mir Imageswatches auf meinen Produktseiten die Stoffauswahl anzeigt. Soweit so gut. Nun habe ich für den Desktop die Vorgaben der App so überarbeitet, dass die Imageswatches über einen Hoher vergrößert werden. klappt auch ganz gut soweit!
Nun zur frage!
Ich würde das selbe gerne am Handy haben, sprich, dass sich die Imageswatches durch gedrückt halten vergrößern und sobald ich loslasse in die Ausgangsgröße zurück gehen. Aktuell bleibt die Vergrößerung nämlich durch den klick und löst sich erst auf, wenn ich woanders hin klicke.
Könnt ihr mir hier helfen?
Hier wäre mein bearbeiteter Code für die Vergrößerung!
Leider habe ich auf den Originalcode keinen zugriff, weswegen ich nur überschreiben kann!
#bcpo .bcpo-colors div.bcpo-color-parent:hover,
#bcpo .bcpo-images div.bcpo-image-parent:hover {
transform:scale(2);z-index: 1; transition:0.5s;
}
alles Liebe Lena