Intereting Posts
Пользовательская переименование заголовка страницы Лучший способ передать аргументы на другую страницу в WordPress Существующие плагины электронной торговли с пользовательскими типами сообщений Зачем использовать API настроек в новом меню администрирования? Создать отфильтрованный список сообщений с использованием данных JSON как установить значения полей по умолчанию в новой форме сообщения в админах panal Сделайте больше действий после успешного входа в систему Проблемы с загрузкой файла с помощью wp_remote_get () JQuery нужно определить в <head>, но Gravity Forms определяет его в <footer> Помощь с MySQL в WPDB Query Conversion Получить перетаскиваемые виджеты на странице «Редактировать сообщения» Как установить, чтобы страница была «частной», если ребенок или потомок определенного родителя? Thickbox больше не работает на интерфейсе, изменился код в WP3.3 beta 3? выпадающий список проблемы таксономии Мои настраиваемые панели записи не будут сохранять данные. Что мне не хватает?

WooCommerce: несколько полей ввода для нескольких вариантов продукта

Я пытаюсь настроить тему Woocommerce по умолчанию для моих нужд.

У меня есть продукт, который поставляется в двух вариантах: это вино, поэтому вариация А представляет собой пакет из 6 бутылок, а вариант B – деревянный корпус размером 12 бутылок.

Я хотел бы иметь двойное текстовое поле ввода рядом с продуктом, которое позволит мне добавить их в корзину покупок.

Что-то вроде того, что вы можете видеть на этом изображении (не обращайте внимания на цифры, они просто случайны в дизайне;)):

двойное поле ввода

Прямо сейчас у меня есть только одно текстовое поле, которое позволяет мне добавить только 1 вариант, ИЛИ кнопку, которая отправляет меня на страницу подробных сведений о продукте с выпадающим списком, который позволяет мне выбрать один из двух вариантов.

Но я хотел бы сделать это непосредственно на странице каталога (архива), а не с выпадающим меню, но с двумя разными полями ввода.

Можете ли вы мне помочь? Кажется, что настройка Woocommerce не так просто … 🙁

Прямо сейчас я пытаюсь редактировать content-product.php, я прокомментировал некоторые действия по умолчанию для woocommerce, чтобы настроить его с помощью моего кода. Это мой фактический контент-продукт.php, но он отображает только одно поле ввода только для одного варианта продукта.

<?php /** * The template for displaying product content within loops. * * Override this template by copying it to yourtheme/woocommerce/content-product.php * * @author WooThemes * @package WooCommerce/Templates * @version 1.6.4 */ global $product, $woocommerce_loop; // Store loop count we're currently on if ( empty( $woocommerce_loop['loop'] ) ) $woocommerce_loop['loop'] = 0; // Store column count for displaying the grid if ( empty( $woocommerce_loop['columns'] ) ) $woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 4 ); // Ensure visibilty if ( ! $product->is_visible() ) return; // Increase loop count $woocommerce_loop['loop']++; ?> <li class="product-catalog <?php if ( $woocommerce_loop['loop'] % $woocommerce_loop['columns'] == 0 ) echo 'last'; elseif ( ( $woocommerce_loop['loop'] - 1 ) % $woocommerce_loop['columns'] == 0 ) echo 'first'; ?>"> <?php do_action( 'woocommerce_before_shop_loop_item' ); ?> <?php /** * woocommerce_before_shop_loop_item_title hook * * @hooked woocommerce_show_product_loop_sale_flash - 10 * @hooked woocommerce_template_loop_product_thumbnail - 10 */ //do_action( 'woocommerce_before_shop_loop_item_title' ); ?> <?php echo get_the_post_thumbnail( $post->ID, 'shop_catalog' ) ?> <h3 class="section-title"><?php the_title(); ?></h3> <?php the_excerpt(); echo '<div class="more-link-container"><a href="'.get_permalink($loop->post->ID).'" title="More details" class="read-more-link">More Details</a> <span class="link-arrow">&raquo;</span></div>' ?> <form action="<?php echo esc_url( $product->add_to_cart_url() ); ?>" class="cart" method="post" enctype='multipart/form-data'> <?php woocommerce_quantity_input(); ?> <p>(Six bottle minimum, price is based<br />on a per bottle cost of $15.95)</p> <button type="submit" class="button alt">Add to chart</button> <a href="<?php echo $woocommerce->cart->get_cart_url(); ?>" class="button-link">Checkout</a> </form> <?php /** * woocommerce_after_shop_loop_item_title hook * * @hooked woocommerce_template_loop_price - 10 */ //do_action( 'woocommerce_after_shop_loop_item_title' ); ?> <?php //do_action( 'woocommerce_after_shop_loop_item' ); ?> </li> 

Solutions Collecting From Web of "WooCommerce: несколько полей ввода для нескольких вариантов продукта"

Просто FYI для других людей, которые нашли это: я смог добиться этого с помощью продуктов Grouped вместо Variants. Просто добавьте основной продукт (Wine, в данном случае) как «Группированный продукт». Затем добавьте два размера корпуса как простой продукт, а на вкладке «Дополнительно» выберите Grouped-продукт из раскрывающегося списка «Группировка».

У меня закончилась страница, которая выглядит так .

Надеюсь, это полезно кому-то.

Если вы следуете рекомендованному процессу настройки WooCommerce, вы должны скопировать все файлы WooCommerce, которые необходимо изменить в папку темы. На всякий случай у вас его нет, это ссылка на документацию .

Из моего опыта работы с WooCommerce я бы предложил посмотреть файл ../woocommerce/single-product/add-to-cart/variable.php, после того как вы скопировали его на свою тему, конечно.

Это файл, который генерирует форму «добавить в корзину» для переменных продуктов, как на странице одного продукта, так и на странице категории.

Имейте в виду, что форма AJAX управляется, и вам также может понадобиться просмотреть связанный код jQuery для достижения ваших целей.

Я на самом деле сделал это раньше, но не могу вспомнить, где / какой клиент. Я попытаюсь найти фрагмент кода и опубликовать его, но никаких обещаний о том, когда. Боюсь, что в течение следующих нескольких дней я болото.