Пн. Май 27th, 2024

Astra прекрасно интегрируется с WooCommerce. Все элементы WooCommerce автоматически адаптируются к остальной части вашего веб-сайта на базе Astra и используют цвета и шрифты «из коробки» в настройках настройки темы. Таким образом, вы сможете сразу запустить свой магазин с минимальными затратами на настройку. Давайте посмотрим!

Установка Woocommerce и Astra

  1. Устанавливаем woocommerce на вордпресс. Стандартная установка в поиске плагинов
  2. Скачиваем тему Astra или ищем в поиске тем

Меняем дизайн сайта

Конструктор шапки

Переходим на главную страницу сайта и жмем «Настроить»

В шапку можно сразу добавить иконку корзины и телефона и т.д.

Далее переходим в конструктор шапки в нем добавляем/меняем элементы. Можно менять дизайн, например цвет и значок корзины, логотипа, меню, фон и т.д. Поэкспериментируйте — все это подробно расписывать не буду.

Поменять основные цвета на сайте

Чтобы поменять основные цвета сайта, из левого меню настроек заходим в Глобальные-Цвета-Палитра. Выбираем палитру (например, стиль 1), опускаемся них и меняем в ней цвета на нужные нам

Поменять стиль шрифта

Чтобы поменять стиль шрифта заходим в Настройки-Глобальные-Типографика. Я пишу для бесплатной версии, в платной возможностей больше

Изменение основного баннера и содержимого главной страницы

Чтобы изменить основную информацию перейдите в страницы. Там будет уже список готовых страниц от Astra

Переходим в главную страницу и видим там установленный редактор Guttenberg и стандартные картинки и надписи. Их меняем на свои. Сверху отобразится набор шаблонов и паттерны, из которых можно выбрать свой новый стиль. Вот основные настройки и сделаны!

Мой пример магазина на Astra

Ниже пример интернет магазина, который недавной я создавала на Astra и woocommerce

Если интересуют мои услуги, обращайтесь по телефону 89202756964 или пишите на электронную почту sitemaster-tula@yandex.ru

от admin

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

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