ОСНОВНОЕ

WORDPRESS

Операционные системы

Базы данных

Фреймворк Bootstrap

Плакать — не всегда значит страдать (Фелиция Жанлис).

Как добавить пользовательские поля продукта в WooCommerce

FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

Статья опубликована: 12 мая 2017

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

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

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

Создание собственной пользовательской разметки для продукта только в порядке, когда вы создаете пользовательский макет в METABOX. Но, если вы только собираетесь использовать регулярные поля, а затем использовать функцию поля продукта в WooCommerce. Это будет намного проще для вас, чтобы создать много полей продукта с помощью WooCommerce API в WordPress.

Давайте узнаем о этих функциях.

Текстовое поле

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

 

Поле флажок

Входной флажок принимает некоторые другие параметры, и создается с помощью функции woocommerce_wp_checkbox. Параметр cbvalueявляется значением, которое сохраняет положение флажка. Это значение будет соответствовать параметра value. Если они имеют такое же значение, то поле флажка будет установлено.

 

Поле радио

Для того, чтобы создать поле радио, нам нужно будет использовать функцию woocommerce_wp_radio. Для того, чтобы создать различные варианты радио, вам нужно будет использовать параметр options. Это будет ассоциативный массив, где keyбудет значение и valueбудет текст этого поля.

 

Поле Textarea

Поле TextArea осуществляется с помощью функции woocommerce_wp_textarea_input. Параметры почти такие же, как и для ввода текста, но мы также можем задать строки и столбцы в параметрах rowsи cols.

 

Поле выбора

Поле выбора имеет что – то подобное с полем радио. Параметр optionsбудет использован для создания всех вариантов. Функция, которая будет создавать поле выбора является woocommerce_wp_select.

 

Скрытые поля

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

 

По умолчанию вкладки продукта

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

  • General
  • Inventory
  • Shipping
  • Linked Products
  • Attributes
  • Variations
  • Advanced

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

Вкладка Общие

  • woocommerce_product_options_pricing
  • woocommerce_product_options_downloads
  • woocommerce_product_options_tax
  • woocommerce_product_options_general_product_data

Вкладка Inventory

  • woocommerce_product_options_sku
  • woocommerce_product_options_stock
  • woocommerce_product_options_stock_fields
  • woocommerce_product_options_stock_status
  • woocommerce_product_options_sold_individually
  • woocommerce_product_options_inventory_product_data

Вкладка Доставка

  • woocommerce_product_options_dimensions
  • woocommerce_product_options_shipping

Вкладка Сопутствующая продукция

  • woocommerce_product_options_related

Атрибуты

  • woocommerce_product_options_attributes

Вариации

  • woocommerce_variable_product_bulk_edit_actions

Продвинутый

  • woocommerce_product_options_reviews
  • woocommerce_product_options_advanced

Пример

Ниже приведен пример общей вкладки и некоторых полей пользовательских продуктов в WooCommerce.

 

Пользовательская вкладка продукта

Некоторые дополнения или решения также потребует дополнительных вкладок продукта. Мы можем добавить вкладки пользовательских продуктов с помощью фильтра или действия:

  • Фильтр:woocommerce_product_data_tabs
  • Действие:woocommerce_product_write_panel_tabs

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

Сейчас мы покажем вам способы, как добавить вкладки.

Пользовательская вкладка с фильтром

При добавлении вкладки с помощью фильтра, необходимо определить label, targetи class. Целью будет атрибутidнашей панели.

 

Пользовательская вкладка с действиями

При определении нашей пользовательской вкладки с действием, мы должны создать всю разметку. Это означает, что добавление элемента li, а также с целью а в качестве значения в href.

 

Пользовательские панели

Так как наши пользовательские позиции определены, мы также должны добавить панель, которая будет отображаться при нажатии нашей вкладки. Мы добавляем пользовательскую панель, зацепив в woocommerce_product_data_panels.

 

Не забудьте добавить такое же значение в атрибуте , idкоторого вы определили как target.

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

Последняя часть , которую мы также должны определить, как сохранить наше поле продукта. Для сохранения продукта, необходимо использовать действие woocommerce_process_product_meta.

 

Мы просто получаем объектWC_Product, а затем обновляем/добавляем новые метаданные. После этого мы вызываем метод, save()чтобы сохранить все новые изменения.

Вывод

Поскольку WooCommerce использует API WordPress Plugin, вы можете настроить все возможные детали. Чтобы добавить пользовательские поля продукта в WooCommerce, вы можете использовать различные действия и фильтры для достижения цели. В этой статье вы узнали много о пользовательских полей и действия/фильтр продукта, который вы можете использовать.

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


Читайте также

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Простая логическая игра "Поймай кота". Задача игры окружить кота точками так, чтобы он не смог убежать с поля. Постигла неудача - начни игру снова!

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close