Добавить новое поле на страницу товара Woocommerce

WooCommerce

 Привет! Сегодня я покажу вам как можно очень просто и быстро добавить новое поле на страницу товара. Вы сможете добавлять поля на страницу редактирования товара и страницу товара, которая отображается на лицевом сайте. Вы сможете добавлять поля только на определённые товары, либо категории товаров. Очень простой и полезный плагин!

 

новое поле


страница товара

 

 

Добавить новое поле товара плагин Woocommerce

 

Установить плагин WC Fields Factory вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

WC Fields Factory

 

Далее, после установки и активации плагина, перейдите на страницу: Fields Factory. Здесь будут отображаться все созданные поля, которые отображаются на странице товара, на сайте. Чтобы добавить новое поле, нажмите вверху на кнопку – Add New. Либо перейдите на страницу – Add Product Field.

 

WC Product Field Groups

 

Далее, на странице создания нового поля вы можете настроить:

 

Text, выбрать тип поля.

Label, указать названия поля.

– Required, сделать поле обязательным для заполнения.

– Message, сообщение, если поле не заполнено.

– Visibility, видимость поля. Показывать в корзине и на странице оформления заказа. По умолчанию показывается.

– Order Item Meta, добавить поле в email письмо заказа. По умолчанию добавляется.

– Place Holder, текст внутри поля.

– Default Value, можно указать значение по умолчанию для текстового поля.

– Maximum characters, можно указать максимальное число символов в поле.

– Show login user only, показывать поле, только если пользователь авторизован на сайте.

– Editable, сделать поле редактируемым в корзине.

– Field Class, можно указать класс поля.

– Rules, здесь можно выбрать где будет отображаться поле. Можно выбрать определённый товар или страницу категории товара.

Чтобы создать поле, нажмите на кнопку – + Add Field. Затем нажмите на кнопку – Опубликовать.

 

создать новое поле

 

Далее, на странице Admin Fields будут отображаться все созданные поля, которые отображаются на странице редактирования товара. Чтобы добавить новое поле, перейдите на страницу – Add Admin Field.

Здесь такие же настройки, но есть некоторые дополнения:

 

– Read Only, сделать поле только для чтения.

– Value or Field, можно выбрать, значение или поле?

– Format, здесь можно выбрать формат поля. Текст, цена, десятичное число, акция (запас), URL адрес.

– Tips, можно включить значок подсказки.

 

Admin Fields

 

Далее, перейдите на страницу “Settings”. Здесь вы сможете настроить параметры плагина.

 

– Display on Cart & Checkout, отображать поля в корзине и на странице оформления заказа.

– Fields Location, выберите где должно отображаться поле на странице товара. До кнопки “Добавить в корзину” или после и т.д.

– Fields Cloning, клонирование полей. Если пользователь увеличит количество товара, то поля также будут добавлены.

– Cloning Group Title, можно указать название для группы клонированных полей.

– Group Meta, пользовательские мета-данные будут сгруппированы и отображены в корзине и оформлении заказа.

– Group Fields, пользовательские поля будут сгруппированы и отображены в корзине и оформлении заказа.

– Show Group Title, показывать название группы для каждой группы полей?

– Client Side Validation, проверка на стороне клиента.

– Client Side Validation Type, тип проверки.

– Show custom fields login user only, показывать поля, только если пользователь авторизовался на сайте.

– Editable, сделать поля доступными для редактирования.

Сохраните изменения.

 

настройки плагина

 

Всё готово! После сохранения настроек, все изменения отобразятся на вашем сайте!

 

Остались вопросы? Напиши комментарий! Удачи!

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Дмитрий

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

    В Вашей статье, в самом начале, скриншот страницы товара с новым полем, без линий таблицы. Не подскажите как их убрать в настройках?

    Заранее спасибо.

    P.S.: Самое простое поставить 0 в толщину линий таблицы или сделать белый #ffffff цвет… но как формируется страница товара – это для меня загадка… )) Что я только не делал – нулевой результат… ))

    Ответить
    1. Admin автор

      Здравствуйте! Вам поможет плагин SiteOrigin CSS.

      Ответить
  2. Дмитрий

    Увы, именно на страницах товара он и не работает.

    Ответить
  3. Дмитрий

    Ой.. пардон…
    работает.

    Утром не получилось, а вечером да.

    Все работает с SiteOrigin CSS.

    Спасибо.

    Ответить
    1. Admin автор

      Вверху поле есть, туда можно любой URL сайта вбить. Стили рекомендую переносить на WordPress. Внешний вид – Настроить – Дополнительные стили. Просто туда копировать код.

      Ответить
  4. Дмитрий

    Добрый день.

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

    Ответить
  5. Ростислав

    Добрый вечер. Плагин хороший. Спасибо за статью. Не могу вставить поле в вариативный товар.

    Ответить
  6. Тимур

    Привет Илья. Подскажи,как в область “цена-кнопка” добавить html-поле с не сквозным контентом( для каждого товара свой контент), поле должно отображаться только в карточке товара.Есть ли плагин подходящий?

    Ответить
    1. Admin автор

      Привет. Что значит не сквозной контент?

      Ответить
      1. Тимур

        Контент, конкретно для данного товара (при создании товара задаем каждому,свой контент)

        Ответить
        1. Admin автор

          Добавьте поле на страницу создания/редактирования товара и добавляйте контент, конкретно для каждого товара.

          Ответить
          1. Тимур

            этим плагином,или штатная функция?

          2. Admin автор

            Да, этим плагином можно добавить текстовое поле в данные товара.

          3. Тимур

            Этот плагин создает текстовое поле.Задача вставлять html. Может подскажешь какой плагин подойдет?

          4. Admin автор

            Там есть разные типы полей.

  7. Евгегний

    Привет. А как изменить дизайн поля? Я создал admin поле: Бонусные баллы. Прописываю количество баллов, отображаются все отлично. Но обычное серое поле и такое длинное не устраивает. Как его настроить? Хотя бы изменить длину и поменять цвет поля и цвет текста если это возможно?

    Ответить
    1. Admin автор

      Привет. Да, могу порекомендовать плагин – SiteOrigin CSS

      Ответить
  8. Вадим

    Добрый день!
    Мне нужно вывести показ дополнительного поля на лицевой части в другое место, а не туда, куда плагин ставит по своим настройкам.
    Подскажите, пожалуйста, каким кодом это можно сделать в шаблоне?

    Ответить
    1. Admin автор

      Здравствуйте. Где должно поле отображаться?

      Ответить
      1. Вадим

        Вместо цифр £235 Value -6% Discount £13 Savings нужно прописывать свои значения. Где строчки отвечающие за вывод значений в шаблоне нашел, а какие переменные туда ставить от WC Fields Factory не могу разобраться…

        Ответить
        1. Admin автор

          Можно так попробовать, добавьте поле с помощью плагина. Зайдите на страницу товара, перейдите в исходный код, скопируйте код, который выводит поле и вставьте его в шаблон, заместо того, что хотите заменить.

          Ответить
          1. Вадим

            Благодарю! Решил проблему с плагином ACF (бесплатная версия) – подобный функционал, но там есть документация по выводу с указанием кода – acf.wp-book.ru/primery-koda/

  9. Максим

    у меня вот при создании поля типа “checkbox” все ок, но, когда сохраняешь Admin Field Group – то это поле не сохраняется, ошибка вылетает

    Ответить
    1. Admin автор

      Какая ошибка, что написано?

      Ответить
      1. Максим

        да просто при сохранении – пустое поле с кнопками “Delete” и “Edit”.
        когда на Edit жмешь – выскакивает, мол “Data corrupted” и просит наново создать поле.
        грешил на кириллицу в названии поля – на латинице то же. именно с чекбоксом, с текстовым полем все ок

        Ответить
  10. Олег

    Добрый день!
    Сохраняется ли запись поля в базе данных? То есть будет ли она доступна в истории заказов? 

    Ответить
  11. Евгений

    Всем привет! Илья подскажите пожалуйста по полю “file”, как можно пересчитать сумму загруженных картинок, что-то вроде 5 фалов по 15 руб в сумме 75 руб, т.е., количество файлов по 15 руб. Ставил в price цену но так и не понял как этот функционал работает. Заранее извиняюсь если непонятно написал. Спасибо!

    Ответить
    1. Admin автор

      Здравствуйте. Плохо вас понимаю, можете пример показать, что вы хотите сделать?

      Ответить
  12. Grand

    Можно ли каким-то образом добавить сопутствующие (апсейл) товары для вариации на странице товара? Хочу чтобы это выглядело так, как на этом изображений nursace.kz/wp-content/uploads/2018/10/sdfsdf.pngwoocommerce

    Ответить
    1. Admin автор

      Это делается с помощью вариаций, причём тут апсейлы? Создаёте вариативный товар и добавляете к нему вариации. Есть плагин для вариаций Woocommerce.

      Ответить
  13. Владислав

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

    Ответить
    1. Admin автор

      Здравствуйте. Прям точь в точь такого плагина я не встречал. Наверно придётся через файл добавлять, но тогда при каждом обновлении, изменения будут слетать. Можно добавить новую вкладку с помощью плагина Custom Product Tabs for WooCommerce.

      Ответить
  14. Евгений

    Всё хорошо. Только нет параметра спрятать не заполненное поле. Например, если в стандартном поле Артикул, значение не указано, поле не отображается. Здесь поле будет пустым. Как это побороть?

    Ответить
    1. Admin автор

      Если в настройках нет такой функции, значит надо к разработчику обратиться.

      Ответить
      1. Евгений

        Я обращался, они уже год никому не отвечают…
        Не силен в php, не знаю как прописать функцию проверки конкретного поля и сокрытия его в случае не заполнения…

        Ответить
        1. Admin автор

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

          Ответить
  15. Анастасия

    Добрый день, Илья! У меня при создании нового поля выдает ошибку. Что это значит?

    Ответить
    1. Admin автор

      Добрый день. Что написано в ошибке?

      Ответить
  16. Дмитрий

    Здравствуйте!
    Установил плагин WC Product Field, добавил поле, сделал его обязательным и поставил сообщение, если поле не заполнено, то выводить сообщение об ошибке.
    При выборе в нём значения и нажатия на кнопку в корзину происходит эта ошибка, которую я написал сам… Хотя я выбрал значение.
    По сути при выборе значения почему-то не отправляется на сервер POST запрос о смене значения, которое я выбрал в селекте…
    В чем может быть проблема и как её можно решить?

    Ответить
    1. Admin автор

      Добрый день. Данный плагин последний раз 1 год назад обновлялся. Видимо автор уже забросил его. Скорей всего он уже не совместим с WooCommerce. Здесь может быть всё что угодно. Альтернативы увы не нашёл. Но думаю и этот плагин можно допилить, если к спецу обратиться.

      Ответить