Как изменить favicon в OpenCart 1.5.x-3.x

Значки, которые вы, вероятно, знаете под названием favicon, располагаются в верхней части вкладок вашего браузера или подле заголовка в закладках. Эти крошечные изображения оказывают сильное влияние на восприятие вашего сайта пользователями. Чаще всего они представляют собой модифицированную версию логотипа или любую другую отличительную характеристику сайта. В Opencart по умолчанию это фирменный значок корзины — давайте изменим его.

Что представляет из себя favicon

Если вы добавите значок на свой сайт, вам потребуется подготовить изображение с точными размерами — 16×16 или 32×32 пикселей. Затем вам нужно будет преобразовать его в файл .ico. Для этой цели существует множество онлайн-инструментов, и вы можете использовать поиск Google для их поиска. Поскольку все современные браузеры позволяют использовать тег в разделестраницы, вы также можете использовать файл .png, указав точный путь к иконке в фале header.tpl. Чтобы обеспечить поддержку старых браузеров, вы должны использовать копию выбранного вами изображения, переименовать его favicon.ico и поместить его в корневую папку вашего сайта.К счастью, будучи пользователем OpenCart, вы можете сократить весь этот процесс – и он будет составлять всего несколько кликов. Давайте посмотрим, как мы можем изменить значки по умолчанию в вашем магазине OpenCart.

Подготовим изображение

Как упоминалось выше, значки имеют ограничения по размерам. Изменение размера изображения до 16 x 16 пикселей или 32 x 32 пикселя обязательно для favicon. Другие размеры не поддерживаются. Если ваш логотип не выглядит привлекательно в указанных размерах, выберите только его часть или любую другую отличительную особенность. После того как вы выбрали нужное изображение, сохраните его где-нибудь на жестком диске (например, на рабочем столе).

Загружаем на сервер

Когда ваше изображение будет готово, войдите в панель администрирования OpenCart. Перейдите в раздел «Система»>«Настройки». Как только страница настроек загрузится, нажмите кнопку редактирования магазина и выберите значок, который хотите изменить.

Шаг 1. Как изменить favicon в OpenCart

Затем перейдите на вкладку «Изображение». Здесь вы должны выбрать логотип своего магазина и значок. Нажмите на этот значок и измените его. Появится всплывающая панель с двумя параметрами. Нажмите кнопку редактирования.

Шаг 1. Как изменить favicon в OpenCart

После нажатия появится окно, демонстрирующее содержимое папки с изображением. Здесь вы должны выбрать лого, которое уже присутствует на вашем сервере, или загрузить новое. Если не имеется изображений, кроме стандартных, следует загрузить новый значок. Чтобы сделать это, вы должны нажать кнопку «Загрузить» в верхнем левом углу всплывающего окна.

Шаг 1. Как изменить favicon в OpenCart

Просмотрите хранилище своего устройства и найдите ранее сохраненное изображение. Вы получите сообщение об успешном завершении сразу после кнопки нажатия загрузки.

Шаг 1. Как изменить favicon в OpenCart

Выберите изображение, которое вы только что загрузили. Чтобы перейти к последнему шагу, вы должны сохранить изменения, которые мы только что сделали.

Шаг 1. Как изменить favicon в OpenCart

Чтобы увидеть результат нашей работы, просто зайдите на домашнюю страницу своего магазина и нажмите «Обновить».

Шаг 6. Как изменить favicon в OpenCart

Результат:

Результат

Обязательно меняйте favicon по-умолчанию, это одна из тех мелочей, которая влияет на общее восприятие сайта!

Adblock
detector