Opencartmaster.ru

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

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

Добавляем favicon в Opencart

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

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

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

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

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

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

Добавляем favicon в Opencart

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

Добавляем favicon в Opencart

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

Добавляем favicon в Opencart

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

Добавляем favicon в Opencart

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

Добавляем favicon в Opencart

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

Добавляем favicon в Opencart

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

 

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...