Code-Schnipsel für ein Mouse-Over

Louie · 29. Dezember 2020

Hallo zusammen,
ich muss vorausschicken, dass ich kein Programmierer bin und mich lediglich minimal in PHP auskenne - versuche aber mit etwas Anleitung mein Bestes zu geben. Ich bin auf der Suche nach einem Code-Schnipsel, den ich dann nach Vorgabe einbauen kann.
Ich würde gerne in einer geöffneten Kundenbestellung einen Mouse-Over über einen dort gelisteten Artikel haben, da meine Artikel sich oft nicht groß unterscheiden und man auf den dortigen kleinen Thumbnails nicht genug erkennen kann. Optimal wäre es, wenn bei einem Mouse-Over über einem bestellten Artikel das Haupt-Produktbild des bestellten Artikels recht groß angezeigt würde.
Vielleicht kann sich einer von euch etwas unter meiner Problem Beschreibung vorstellen und mir Tipps in dieser Richtung oder gar einen - sofern technisch überhaupt möglich - Code-Schnipsel hierfür zur Verfügung stellen.
LG Petra

Marcus[IS] · 29. Dezember 2020

Mojn,

meinst du so einen Zoom Effekt, den man in diverse Onlineshops sieht, wenn man mit der Maus auf das Produktbild geht.

Das wäre zum Beispiel so ein Plugin, dass mit WooCommerce arbeitet.
https://de.wordpress.org/plugins/woocommerce-image-zoom/

Ob das jetzt auch greift, wenn man auf Bilder im Bestellkorb geht, vermag ich nicht zu sagen.

Louie · 31. Dezember 2020

Hi Marcus, nein nicht ganz. Das Plugin dass du aufzeigst wirkt ja in der Artikelansicht im Frontend wie eine Lupe auf ein vorhandenes schon großes Foto.
Ich suche einen Script, der im Shop-Backend beim überfahren mit der Maus über dem Artikel-Link im Dialog 'Bestellung bearbeiten' - siehe Link unten - (mit diesem Link kann man den bestellten Artikel öffnen, was ich aber vermeiden will) die im Link eingebundenen 'postid' als Zeiger auf den Artikel aufnimmt und irgendwie das zum Artikel gehörende Haupt-Produktbild dann im Dialog 'Bestellung bearbeiten' anzeigt.
Der Dialog 'Bestellung bearbeiten' sieht ungefähr so aus:
https://wpml.org/wp-content/uploads/2019/02/3249018-Bestellung_01.png
Das dortige Artikelfoto ist zu klein und es gibt keine Mouse-Over Vergrößerungsfunktion beim überfahren mit der Maus, aber der Artikellink wäre halt ein Ansatz.
LG Petra

truetext · 31. Dezember 2020

ich nehm dieses code, um die Produktbilder im admin in der Produktliste zu vergrößern, ob das angepasst auch in der Bestellliste funktioniert, keine Ahnung. un auch kein mousover

add_action('admin_head', 'ts_wc_admin_thumbs');
function ts_wc_admin_thumbs() {
echo '<style>
table.wp-list-table .column-thumb {
width: 90px;
}
table.wp-list-table td.column-thumb img {
max-width: 80px;
max-height: 80px;
padding-top: 10px;
padding-bottom: 10px
}
.widefat td {
vertical-align: middle;
}
</style>';
}

Louie · 31. Dezember 2020

Danke für deine Hilfe! Hmmm, müsste man mal ausprobieren. Wo muss ich das Script denn einfügen? Ich habe ja anfangs geschrieben dass ich nicht 'vom Fach' bin und nur nach Anleitung etwas einpflegen kann.

WPDE.org

Code-Schnipsel für ein Mouse-Over

Louie New Member

Marcus[IS] Well-Known Member

Louie New Member

truetext Well-Known Member

Louie New Member

Nützliche Suchen

Code-Schnipsel für ein Mouse-Over

Louie New Member

Marcus[IS] Well-Known Member

Louie New Member

truetext Well-Known Member

Louie New Member