WordPress-Shop: Ermöglichen den Kunden, die Produktfarbe mithilfe von Bildminiaturansichten in benutzerdefinierten Feldern auszuwählen

Ich nutze WordPress Custom Fields, um Kunden verschiedene Produktfarbencodes in einer Dropdown-Liste zur Verfügung zu stellen, aber jetzt möchte ich die verschiedenen Farbminiaturen zur einfacheren Auswahl hinzufügen … ähnlich wie die Farbe auf dieser Seite ausgewählt ist: http: //www.blackhairspray.com/outre-quick-weave-belinda-outreqsbel.html

Kann mir jemand eine Idee davon geben, wie man das in WordPress macht oder mich auf ein relevantes Tut verweist?

Da das Googeln die Ware nicht liefert, halte ich meinen Atem für eine SuperUser-Lieferung eifrig 🙂

Solutions Collecting From Web of "WordPress-Shop: Ermöglichen den Kunden, die Produktfarbe mithilfe von Bildminiaturansichten in benutzerdefinierten Feldern auszuwählen"

Speichern Sie jedes benutzerdefinierte Feld als ein kommagetrenntes Paar. So was:

option_name, option_image_URL

Dann machen wir das (innerhalb der Schleife) …

$options = array(); foreach( get_post_custom_keys( $post->ID ) as $key ) { $a = get_post_meta( $post->ID, $key, true ) $a_array = explode( ',', $a ); $options[] = $a_array[0] // first value of each array is the option, add it to another array echo ''; // display the image with the option name as the id attribute } 

Dann durchlaufen Sie das Optionsfeld:

  

Jedes der Bilder sollte eine ID-Attribute haben sollte ein ID-Attribut, das ist die gleiche wie eine der Dropdown-Optionen. Sie können dann etwas Javascript verwenden, um die Optionen zu ändern.

Dieses Javascript wird wahrscheinlich nicht funktionieren, aber es wird Ihnen den Anfang machen:

 jQuery('img').click(function() { var id = jQuery(this).attr('id'); jQuery( 'option' ).removeAttr( 'selected' ); jQuery( 'option #' + id ).attr( 'selected', 'selected'); }