Intereting Posts
Двадцать одиннадцать: домашняя страница, Посмотреть полное сообщение из последних сообщений и резюме остального Миниатюры перестают загружаться в медиа-библиотеку через некоторое время Создайте отдельный шаблон для общей пользовательской таксономии с общими условиями Пользовательский тип сообщения Nav для подстраницы Первоначальное развертывание wordpress через git Удалить или Изменить <dc: creator> в Каналах Хранить иерархию страниц в wp_list_pages, даже если на ребенка или внука Удалить все слова остановки из старых констант Пользовательский тип сообщения (постоянная ссылка) выдает ошибку 404 Отображать значение года перед набором сообщений Ошибка пользовательского сопоставления доменов WordPress MU Оберните X количество столбцов таксономии в отдельной строке в WordPress Обработка вызова ajax для php для вставки в базу данных mysql Добавить дочернюю категорию в родительскую запись после создания и сохранения Подсчет просмотров страниц на сайтах с высокой пропускной способностью

Магазин WordPress: включение custormers для выбора цвета продукта с помощью эскизов изображений на пользовательских полях

Я использую пользовательские поля WordPress для предоставления клиентам различных цветовых кодов продуктов в раскрывающемся списке, но теперь я хотел бы добавить различные миниатюры цветов для удобства выбора … аналогично тому, как выбран цвет на этом сайте: http: //www.blackhairspray.com/outre-quick-weave-belinda-outreqsbel.html

Может ли кто-нибудь дать мне представление о том, как это сделать в WordPress, пожалуйста, или указать мне на соответствующий вопрос?

так как googling не предоставил товар, поэтому я с нетерпением жду, когда буду дышать для доставки SuperUser 🙂

Храните каждое настраиваемое поле в виде пары, разделенной запятыми. Как это:

option_name, option_image_URL

Затем мы делаем это (внутри цикла) …

$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 '<img src="' . $a_array[1] . '" id="' . $a_array[0] . '"/>'; // display the image with the option name as the id attribute } 

Затем пройдите через массив опций:

 <select name="your_option"> <?php foreach( $options as $option ) { echo '<option id="' . $option . '" value="' . $option . '">' . $option . '</option>'; } ?> </select> 

Каждое из изображений должно иметь атрибуты идентификатора, должно иметь атрибут идентификатора, который является таким же, как и один из вариантов выпадающего списка. Затем вы можете использовать некоторые javascript для изменения параметров.

Этот javascript, вероятно, не сработает, но он запустит вас:

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