Всем привет, сегодня мы с вами создадим на главной странице витрины информационный блок о компании, в нём мы выведем симпатичное изображение и текст. В качестве подопытного как всегда CMS OpenCart 3.0.3.8. Русская сборка.
Сначала подберём симпатичное изображение, в моём случае это:
Изображение от xb100 на Freepik
Я немного обработал изображение (в основном изменил размер и уменьшил вес) и изменил название.
Заходим на сайт по ftp и переходим: ../image/catalog/ и переносим туда наше изображение. Теперь открываем админку сайта и переходим: Модули / Расширения > Модули / Расширения > Текстовый блок — HTML > Добавить и заполняем:
- Название: О компании
- Статус: Включено
Вкладку текст переключаем на исходный код и вставляем этот код:
<div class="row company">
<div class="col-sm-6">
<img src="image/catalog/company.png" class="img-responsive">
</div>
<div class="col-sm-6">
<div class="text-company">
<p class="small">О компании</p>
<h3>Интернет магазин - Название сайта/ Название компании</h3>
<p>
Ваш текст о компании, преимущества и т.д.
</p>
<div>
</div>
</div>
P.S. — Для шаблона текста вы можете воспользоваться YaGPT, а потом уже доработать предложенные нейросетью варианты текста.
Вновь нажимаем кнопку Исходный код и только после этого нажимаем кнопку Сохранить.
Теперь нам необходимо вывести наш новый блок на витрину магазина, переходим в админке: Дизайн > Макеты > Главная / Home > Редактировать > Верх страницы > О компании > Добавить > Сохранить. Смотрим на результат:
Вроде неплохо, но шрифт мелковат, да и текст хочется немножко опустить ниже, этим мы и займёмся, открываем файл: ../catalog/view/theme/default/stylesheet/stylesheet.css и добавим в него эти строки:
.company .small {
padding-top: 5px;
font-size: 14px;
}
.company {
font-size: 13px;
}
Чистим все кеши и смотрим на финальный результат:
Отлично, так и оставим (в дальнейшем можно будет сделать отдельную страницу о компании, перенести в неё этот большой текст, оставить здесь только основную информацию и добавить кнопку-ссылку с переходом на страницу О компании / ссылки на соц. сети и т.д.).
На сегодня всё, вступайте в нашу группу в ВК и следите за выходом новых материалов.
