Отдельный момент — у разных плагинов разные шорткоды. У WooCommerce свои, у плагина с брендами вроде того, что вы установили, — свои. Разработчики плагинов закладывают формат шорткодов и их возможности заранее. Я покажу вам один шорткод, а вы при желании погуглите другие и поэкспериментируйте. Кликните по пустому месту в макете, чтобы добавить в колонку дополнительный элемент. Я скачал фотографию для баннера у пользователя mnzoutfits на бесплатном стоке Unsplash, потому что никакого магазина одежды у меня на самом деле нет.
Называется этот плагин «Perfect Brands for WooCommerce». Нажмите на любой шаблон, чтобы рассмотреть его поближе. В нижнем левом углу следующей страницы будет кнопка «Preview» при нажатии на которую сайт откроется на полном экране в новой вкладке. В верхней части экрана слева от поиска поставьте переключатель на «Free», чтобы на экране отображались только бесплатные шаблоны. Как видите, вариантов достаточно и среди бесплатных. Перейдите в раздел «Внешний вид» – «Starter Templates».
По окончанию загрузки вы можете отредактировать фото в правой части экрана, а также заполнить его параметры. В целом, по названиям примерно понятно, какие настройки будут в каждом разделе. Любопытство поможет вам быстрее освоиться в интерфейсе и запомнить, где что находится. Если поменяете какие-то настройки и результат вас не устроит, всё всегда можно вернуть комбинацией клавиш Ctrl+Z. Например, по умолчанию ссылки в меню не полностью белого цвета, а немного сероватые. Они становятся белыми, только если на них навести курсор. Это интересный ход, но я на своём демонстрационном сайте сделал наоборот.
Личный сайт
После того как вы замените изображение, отредактируйте его параметры в боковой панели. Кнопка справа открывает раздел с блоками, которые вы можете добавить на страницы. Если вам вдруг понадобится добавить заголовок, кнопку, картинку https://spilno.net/shho-take-groshovi-bonusi-ta-chi-varto-nimi-koristuvatisya/ или ещё что-то, всё это можно найти здесь. Просто найдите нужный элемент и перетащите в нужную область на сайте. Зайдите на главную страницу вашего сайта и в панели быстрого доступа нажмите кнопку «Редактировать в Elementor».
Главную страницу следует сделать информативной, но не перегруженной информацией. Вместо кусков текста, используйте большие баннеры. На них можно разместить информацию об акциях, скидках или новых товарах. На этой странице под товаром будет блок с суммой заказа и вариантами доставки. После этого остаётся только поменять стандартное название и ярлык страницы. Для этого нажмите в левом верхнем углу боковой панели на три полоски, а потом на кнопку «Выйти в консоль».
Конструктор сайтов
Теоретически у вас в магазине их может быть несколько, если доставляете в разные страны и в каждой из них этим занимаются разные компании. В разделе «Дополнительно» как раз будут ярлыки категорий и меток. По умолчанию названия и ярлыки всех страниц будут на английском. Чтобы быстро это изменить, наведите курсор на строку с какой-нибудь страницей и нажмите «Свойства». Его не было заметно, когда на сайте был стандартный баннер, но после загрузки изображения с фоном другого цвета, этот эффект бросается в глаза.
В поле «Индивидуальный атрибут товара» выберите нужный атрибут, а потом нажмите «Добавить». Когда создадите атрибуты и значения, останется присвоить их товарам. Для этого перейдите в раздел «Товары» – «Все товары», наведите курсор на нужный товар и нажмите «Изменить». После установки в разделе «Товары» появится подраздел «Бренды». В нём такой же интерфейс как и в подразделе «Категории».
Чтобы удалить товары из категории, выберите сами категории, а также поставьте галочку в этом пункте. Введите адрес электронной почты, который вы указывали при регистрации. Мы отправим письмо с информацией для восстановления пароля.