Настройка полей оформления заказа Woocommerce
Опубликовано: 06.02.2018
Приветствую вас, дорогие друзья!
В этой статье я вам расскажу, как можно настроить под себя страницу оформления заказа в интернет магазине, созданном на WordPress при помощи плагина Woocommerce.
Изначально страница оформления заказа в Woocommerce выглядит следующим образом:
Здесь много различных полей и не всегда все эти поля нужны. Часто возникает необходимость какие-то из этих полей убрать, какие-то добавить, поменять их местами и т.д.
Навигация по статье:
Установка плагина Saphali Woocommerce Russian
Для реализации данной задачи можно использовать плагин Saphali Woocommerce Russian .
Настройка полей оформления заказа в интернет-магазине
Устанавливается он аналогично любому другому плагину. И после установки и активации у нас в разделе Woocommerce появляется пункт Saphali WC Lite .
Для настройки и редактирования формы оформления заказов переходим в раздел «Управление полями» .
6. Оформление заказа по "простому" сценарию.
Здесь мы видим список всех полей, которые у нас отображаются на странице по умолчанию.
Редактирование существующих полей
С данными полями мы можем делать следующие операции:
1. Перемещать и менять местами. Для этого наводим курсор на любое поле, при этом курсор у нас приобретает вид плюсика со стрелочками. Зажимаем левую кнопку мыши и перетаскиваем это поле туда, куда нам нужно. 2. Можно редактировать поля, изменять надпись. Для этого ставим курсор в поле, где указан заголовок и меняем его значение на своё 3. Удалять ненужные поля. Для удаления поля просто нажимаем на кнопку «Удалить» , которая находится справа от названия данного поля. 4. Делать поля по одному или по 2 в строку. Для этого мы должны задать здесь соответствующий класс: Если задан класс form-row-first , то это значит, что поле будет идти на половину строки, при чем, оно будет идти первым. Если стоит класс form-row-last — это значит, что поле также будет идти на половину строки, он оно будет расположено последним. То есть вторым в строке. Если нужно сделать, что бы какое-то поле шло на ширину всей строки, то в поле «Класс поля» нужно поставить класс form-row-wide . 5. Так же, обращаю ваше внимание на столбец «Clear» , если вы устанавливаете здесь галочку, то это будет указывать на то, что следующее поле будет начинаться с новой строки. Обычно, галочки здесь следует ставить тогда, когда в одной строке идет по два поля, и ставится она возле поля с классом form-row-last . 6. Так же вы можете сделать, что бы у вас в поле было задано значение по умолчанию. Например, для адреса здесь уже введен текст «Улица и т.д.». При этом на странице формы в данном поле будет по умолчанию отображается текст, который исчезает, когда покупатель начинает вводить свои данные. 7. Так же, вы можете выбрать тип поля. Это может быть: Select — раскрывающийся список Checkbox – это когда у вас доступно несколько вариантов, я человек ставит галочку Textarea — большое поле, в которое можно вводить какой-то более или мене большой текст Text – стандартное поле для ввода 8. Также можно выбирать обязательно ли данное поле для заполнения или нет, и публиковать это поле или нет.Добавление новых полей
Если вам не достаточно тех полей, которые есть изначально и вы хотите добавить какое-то свое поле, то для этого: