Добавить новое поле на страницу товара 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, сделать поля доступными для редактирования.

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

 

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

 

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

 

 Добавить или изменить поле на странице Оформления заказа Смотри Здесь !

 Более 100 Супер полезных плагинов Woocommerce Смотри Здесь !

 

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

 






info-effect.ru
Добавить новое поле на страницу товара Woocommerce обновлено: Май 9, 2017 автором: Илья Журавлёв

25 комментариев

  • Дмитрий 05.01.2018 Ответить

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

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

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

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

    • Илья Журавлёв 05.01.2018 Ответить Автор

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

  • Дмитрий 05.01.2018 Ответить

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

  • Дмитрий 05.01.2018 Ответить

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

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

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

    Спасибо.

    • Илья Журавлёв 05.01.2018 Ответить Автор

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

  • Дмитрий 19.01.2018 Ответить

    Добрый день.

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

  • Ростислав 08.02.2018 Ответить

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

  • Тимур 11.02.2018 Ответить

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

    • Илья Журавлёв 12.02.2018 Ответить Автор

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

      • Тимур 12.02.2018 Ответить

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

        • Илья Журавлёв 12.02.2018 Ответить Автор

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

          • Тимур 12.02.2018

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

          • Илья Журавлёв 12.02.2018 Автор

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

          • Тимур 12.02.2018

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

          • Илья Журавлёв 12.02.2018 Автор

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

  • Евгегний 16.03.2018 Ответить

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

    • Илья Журавлёв 16.03.2018 Ответить Автор

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

  • Вадим 26.05.2018 Ответить

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

    • Илья Журавлёв 26.05.2018 Ответить Автор

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

      • Вадим 27.05.2018 Ответить

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

        • Илья Журавлёв 27.05.2018 Ответить Автор

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

          • Вадим 28.05.2018

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

  • Максим 04.06.2018 Ответить

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

    • Илья Журавлёв 04.06.2018 Ответить Автор

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

      • Максим 04.06.2018 Ответить

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

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

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

Я согласен с политикой конфиденциальности и пользовательским соглашением



Яндекс.Метрика

W/A 7 922 717 9869   Связь - Мой Супер хостинг

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх