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

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

 

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

 

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

 

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

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

 

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

 






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

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

  • Дмитрий 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» и просит наново создать поле.
        грешил на кириллицу в названии поля — на латинице то же. именно с чекбоксом, с текстовым полем все ок

  • Олег 28.08.2018 Ответить

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

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

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

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

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

  • Grand 09.10.2018 Ответить

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

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

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

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

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

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



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

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

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

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