Astra прекрасно интегрируется с WooCommerce. Все элементы WooCommerce автоматически адаптируются к остальной части вашего веб-сайта на базе Astra и используют цвета и шрифты «из коробки» в настройках настройки темы. Таким образом, вы сможете сразу запустить свой магазин с минимальными затратами на настройку. Давайте посмотрим!
Содержание
Установка Woocommerce и Astra
- Устанавливаем woocommerce на вордпресс. Стандартная установка в поиске плагинов
- Скачиваем тему Astra или ищем в поиске тем
Меняем дизайн сайта
Конструктор шапки
Переходим на главную страницу сайта и жмем «Настроить»
![](https://seo-round.ru/wp-content/uploads/2023/11/image-51-1024x521.png)
В шапку можно сразу добавить иконку корзины и телефона и т.д.
![](https://seo-round.ru/wp-content/uploads/2023/11/image-63-1024x354.png)
Далее переходим в конструктор шапки в нем добавляем/меняем элементы. Можно менять дизайн, например цвет и значок корзины, логотипа, меню, фон и т.д. Поэкспериментируйте — все это подробно расписывать не буду.
![](https://seo-round.ru/wp-content/uploads/2023/11/image-52.png)
![](https://seo-round.ru/wp-content/uploads/2023/11/image-59.png)
Поменять основные цвета на сайте
Чтобы поменять основные цвета сайта, из левого меню настроек заходим в Глобальные-Цвета-Палитра. Выбираем палитру (например, стиль 1), опускаемся них и меняем в ней цвета на нужные нам
![](https://seo-round.ru/wp-content/uploads/2023/11/image-56.png)
![](https://seo-round.ru/wp-content/uploads/2023/11/image-57.png)
Поменять стиль шрифта
Чтобы поменять стиль шрифта заходим в Настройки-Глобальные-Типографика. Я пишу для бесплатной версии, в платной возможностей больше
![](https://seo-round.ru/wp-content/uploads/2023/11/image-58.png)
Изменение основного баннера и содержимого главной страницы
Чтобы изменить основную информацию перейдите в страницы. Там будет уже список готовых страниц от Astra
![](https://seo-round.ru/wp-content/uploads/2023/11/image-60-1024x580.png)
Переходим в главную страницу и видим там установленный редактор Guttenberg и стандартные картинки и надписи. Их меняем на свои. Сверху отобразится набор шаблонов и паттерны, из которых можно выбрать свой новый стиль. Вот основные настройки и сделаны!
![](https://seo-round.ru/wp-content/uploads/2023/11/image-62-1024x468.png)
Мой пример магазина на Astra
Ниже пример интернет магазина, который недавной я создавала на Astra и woocommerce
![](https://seo-round.ru/wp-content/uploads/2023/11/image-64-1024x592.png)
![](https://seo-round.ru/wp-content/uploads/2023/11/image-65-1024x561.png)
Если интересуют мои услуги, обращайтесь по телефону 89202756964 или пишите на электронную почту sitemaster-tula@yandex.ru