Всем привет, сегодня мы с вами создадим на главной странице витрины информационный блок о компании, в нём мы выведем симпатичное изображение и текст. В качестве подопытного как всегда 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; }
Чистим все кеши и смотрим на финальный результат:
Отлично, так и оставим (в дальнейшем можно будет сделать отдельную страницу о компании, перенести в неё этот большой текст, оставить здесь только основную информацию и добавить кнопку-ссылку с переходом на страницу О компании / ссылки на соц. сети и т.д.).
На сегодня всё, вступайте в нашу группу в ВК и следите за выходом новых материалов.