Astra прекрасно интегрируется с WooCommerce. Все элементы WooCommerce автоматически адаптируются к остальной части вашего веб-сайта на базе Astra и используют цвета и шрифты «из коробки» в настройках настройки темы. Таким образом, вы сможете сразу запустить свой магазин с минимальными затратами на настройку. Давайте посмотрим!
Содержание
Установка Woocommerce и Astra
- Устанавливаем woocommerce на вордпресс. Стандартная установка в поиске плагинов
- Скачиваем тему Astra или ищем в поиске тем
Меняем дизайн сайта
Конструктор шапки
Переходим на главную страницу сайта и жмем «Настроить»
В шапку можно сразу добавить иконку корзины и телефона и т.д.
Далее переходим в конструктор шапки в нем добавляем/меняем элементы. Можно менять дизайн, например цвет и значок корзины, логотипа, меню, фон и т.д. Поэкспериментируйте — все это подробно расписывать не буду.
Поменять основные цвета на сайте
Чтобы поменять основные цвета сайта, из левого меню настроек заходим в Глобальные-Цвета-Палитра. Выбираем палитру (например, стиль 1), опускаемся них и меняем в ней цвета на нужные нам
Поменять стиль шрифта
Чтобы поменять стиль шрифта заходим в Настройки-Глобальные-Типографика. Я пишу для бесплатной версии, в платной возможностей больше
Изменение основного баннера и содержимого главной страницы
Чтобы изменить основную информацию перейдите в страницы. Там будет уже список готовых страниц от Astra
Переходим в главную страницу и видим там установленный редактор Guttenberg и стандартные картинки и надписи. Их меняем на свои. Сверху отобразится набор шаблонов и паттерны, из которых можно выбрать свой новый стиль. Вот основные настройки и сделаны!
Мой пример магазина на Astra
Ниже пример интернет магазина, который недавной я создавала на Astra и woocommerce
Если интересуют мои услуги, обращайтесь по телефону 89202756964 или пишите на электронную почту sitemaster-tula@yandex.ru