Обновление шаблона AB-Inspiration для сайтов на WordPress — блога, онлайн-школы и интернет-магазина

  Автор:
  274
Обновление шаблона AB-Inspiration для блога, онлайн - школы и интернет- магазина

За последние 2 месяца были сделаны ряд обновлений шаблона AB-Inspiration,  и в этой статье я расскажу об основных изменениях. Чтобы увидеть эти обновления и изменения необходимо обновить шаблона AB-Inspiration до версии 8.89 и выше.

Как вы знаете шаблон AB-Inspiration это не просто шаблон для профессионального блога на WordPress. В шаблоне сделаны интеграции с такими плагинами как Woocommerce (интернет-магазин), WP Courseware (онлайн-школа), Elementor и конечно же изменения касаются не только блога, но и этих интеграций.  С этим продуктами можно ознакомится на сайте клуба «Мастер WordPress».

Всего в этом обновлении сделано 71 исправления и доработок.

Изменения интеграции с плагином интернет-магазина Woocommerce

Переделан стиль страниц Корзина и Оформление заказа для плагина Woocommerce. Проделана большая работа над страницам Корзина и Оформление заказа. Покажу на скриншотах, какие изменения были сделаны.

Корзина (десктоп)

Что изменено на странице «Корзина»  (десктоп)

  1. Удалена граница вокруг списка товаров
  2. Заголовки «Товар»,  «Цена», «Количество», «Подытог» меньше по размеру, менее заметные и более аккуратные
  3. Значок «Удалить перемещен вправо»
  4. Картинка товара стала больше
  5. Больше места для названия товара и текст без подчеркивания
  6. Цена меньше шрифт и более светлый
  7. Количество изменен стиль добавления и удаления товара из корзины
  8. Подытог меньше по размеру шрифт
  9. Форма для купона и кнопка обновить выровнены по стилю (размер шрифта)
  10. Сумма заказов — исправлен размер шрифта

Корзина (мобильная версия)

Что изменено на странице «Корзина»  (Мобильная версия)

Переработан полностью список товаров в корзине. Добавлено изображение, название товара, количество и цена отображаются справа от изображения Форма «Купон» и кнопка «Обновить корзину» размещены вертикально

Оформление заказа (десктоп)

Что изменено на странице «Оформление заказа»  (Десктоп)

Здесь в основном изменения коснулись блока «Ваш заказ», Блок полностью выделен серым фоном, он стал уже по ширине, выровнены размеры шрифтов, увеличены радиокнопки выбора способа оплаты, уменьшен шрифт текста политики конфиденциальности и увеличен размер чекбокса «Я прочитал и соглашаюсь с правилами…»

Оформление заказа (мобильная версия)

Что изменено на странице «Оформление заказа»  (Мобильная версия)

Здесь в основном изменения коснулись блока «Ваш заказ», Блок полностью выделен серым фоном, он стал уже по ширине, выровнены размеры шрифтов, увеличены радиокнопки выбора способа оплаты, уменьшен шрифт текста политики конфиденциальности и увеличен размер чекбокса «Я прочитал и соглашаюсь с правилами…»

Страница товара

Здесь изменения коснулись только кнопки В корзину и количества

Другие изменения интеграции с плагином Woocommerce

  • Удалены лишние шаблоны страниц из папки Woocommerce в шаблоне AB-Inspiration
  • Исправлена ошибка вывода функции is_product, когда Woocommerce не установлен

 

Изменения интеграции с плагином Elementor

Сейчас многие пользуются этим замечательным плагином и интеграция очень важна. В этом обновлении были сделаны следующие исправления в шаблоне:

1. Адаптирован стиль страниц Корзина и Оформление заказа для корректного отображения с шаблонами Elementor.

Теперь можно назначить для страниц «Корзина» и «Оформление заказа» шаблоны Elementor —  Elementor полная ширина, или Холст Elementor

2. Адаптирован стиль страницы Магазин (Woocommerce) для Elementor. 

Теперь, если вы хотите создать произвольную страницу с товарами магазина, вы можете воспользоваться виджетом Elementor «Товары»  и создать такой стиль как вам захочется. Ниже, на скриншоте пример отображения товаров по умолчанию в шаблоне AB-Inspiration, и второй вариант с измененным стилем.

 

3. Адаптирован шаблон (шапка и футер) для работы с шаблонами Elementor

Эта работа была сделана для того, чтобы вы могли создавать произвольные шапку и футер в Elementor для ваших страниц или всего сайта. Для этого были переделаны файлы шаблона header.php и footer.php

  • перенесены все скрипты из файлов header.php и footer.php в functions.php
  • перенесены открывающие и закрывающие теги с файлов header.php и footer.php в functions.php и внесена функция открывающего и закрывающего тегов во все файлы шаблона.

 

Изменения интеграции с плагином WP Courseware

Для пользователей сайтов онлайн-школы с плагином WP Courseware есть некоторые приятные изменения.

1. Изменение отображения кнопки «В корзину» и «Подробнее» на странице Курсы, Архив курсов, Категории курсов (WP Courseware)

На страницах, где выводятся курсы изменен стиль кнопок. В предыдущей версии шаблона AB-inspiration кнопки располагались справа, а сверху была ссылка Подробнее. Если курс платный цена стояла слева от кнопки В корзину. Также расположение кнопки по вертикале зависело от количества знаков в описании и заголовке.

В новой версии шаблона AB-inspiration на страницах Курсы, Архив курсов, Категории курсов:

  1. Все кнопки на одном уровне независимо от  количества текста и длины заголовка
  2. Кнопки Зарегистрироваться и В корзину слева, а ссылка Подробнее стала кнопкой справа.
  3. Цена курса (если он платный), расположена над кнопкой В корзину.

В целом получилось аккуратно, и компактно.

2. Исправлена ошибка отображения комментариев на странице с заданием курса (WP Courseware)

На страницах с заданиями курса форма с комментариями отображалась с полями Имя, Email и Вебсайт. В новой версии шаблона эта ошибка исправлена.

 

Исправления в шаблоне AB- Inspiration

1. Удален фавикон из раздела Настройки шаблона — Вставки.

В последних версиях WordpRess добавил загрузку фавикона в раздел Внешний вид -> Настроить.  Чтобы не было конфликта я удалила фавикон из настроек шаблона.

Как загрузить фавикон:

1. Перейдите в раздел «Внешний вид» -> Настроить.

 

2. Перейдите во вкладку Свойства сайта

3. Нажать на ссылку «Выберите иконку сайта» и загрузите фавикон. Изображение заранее подготовьте. Изображение должно быть квадратное не менее 512 x 512 пикселей

4. Нажмите на кнопку «Опубликовать»

2. Полная смена кода для комментариев на блоге и курсах

Код формы комментариев устарел, и его необходимо было переписать в шаблоне. Это изменение коснулось не только страниц статей, но и с страниц с заданиями курса (для плагина WP Courseware). На скриншоте вы можете видеть как форма комментариев выглядела в старой версии и как в новой версии шаблона AB-Inspiration.

3. Полная замена функционала и стиля для переключателей в комментариях

Внешний изменений кнопок переключателей не видно. Они выглядят также как и в старой версии шаблона. Но я заменила полностью код этих кнопок с Javascript на bootstrap. Фреймворк Bootstrap встроен в шаблон и удалив лишний Javascript на сайте на один подгружаемый скрипт меньше. Это хорошо для скорости загрузки сайта.

Другие исправления в шаблоне AB-Inspiration

  • Исправлено расположение кнопки Корзина в основном меню при расположении меню слева
  • Исправлен отступ сверху от границы для заголовка виджета
  • Кнопка Вверх перемещена влево
  • Добавлен мета тег для пользовательского увеличения экрана на мобильных устройствах
  • Удален скрипт js для отображения переключателей в комментариях
  • Изменены настройки по умолчанию для отображения переключателей в комментариях и показ смайликов
  • добавлены иконки Line Icons
  • исправлена иконка Viber
  • исправлена ссылка на шрифт Roboto
  • исправлен путь к файлу шрифта AvenirNext
  • Удален виджет «Новости AB-inspiration» в консоли админки
  • Исправлена иконка Viber в виджетах в шапке и «Следуй за мной»

 

Обновление плагина Каталог

1. Опция «Где отключить кнопку «Купить»?» для для карусели «похожих продуктов» объединена с опцией «на странице Каталога«. кнопка «Купить» не будет отображаться на странице Каталог и в карусели «похожие продукты» если вы активируете первую опцию «на странице Каталог и в карусели похожие продукты».

2. Стиль для вкладок «Выберите вариант отображения медиа«. Раньше переключатели «Выберите вариант для отображения медиа» были практически одного цвета не зависимо от того активна вкладка или нет. Из-за этого была не понятно, какая из опций активирована. В новой версии плагина Каталог добавлен файл admin.css со стилем для переключателей медиа на странице создания продукта каталога.  Активная опция выделена черным цветом.

Если нужна помощь по обновлению шаблона AB-Inspiration до самой свежей версии обращайтесь в службу поддержки.

 

Вопросы и пожелания к будущим обновлениям своего

пишите в комментариях к этой статье.

Обновление шаблона AB-Inspiration для сайтов на WordPress — блога, онлайн-школы и интернет-магазина

   1 голос
Средняя оценка: 5 из 5
Вам понравилась статья? Буду очень благодарна Вам если поделитесь ею в социальных сетях - просто нажмите на кнопки ниже:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик многофункционального шаблона "AB-Inspiration" для самостоятельного создания и профессиональной настройки сайтов разного назначения на WordPress. Основатель клуба "Мастер WordPress" и автор курсов по создании и применению сайтов на WordPress. Фрилансер. Предприниматель. Спикер.

Как создать свой сайт на WordPress с закрытыми и отрытыми онлайн - курсами, с универсальным интернет - магазином, профессиональным блогом и высоко конверсионными лендингами для заработка в интернете 2022
Оставьте свой комментарий:

Ваш адрес email не будет опубликован.

четыре × четыре =

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.