Moushe.ru

Блог обо всём

OpenCart 1.5.+ шаблон Wape (1 часть)



Всем привет, не смотря на то что многие уже используют на своих интернет магазинах OpenCart 2.1.+, до сих пор многие пользуются OpenCart 1.5.+, поэтому я решил сделать несколько статей посвящённых старой версии OpenCart’а. Надеюсь эти статьи будут вам полезны.

OcStore15512

Список задач на сегодня:

1. Создаём копию стандартного шаблона и переименовываем её

2. Переписываем пути к CSS стилям

3. Подключаем иконочный шрифт

4. Выберем в админке наш шаблон

5. Отключим лишние языки и валюты

6. Включим модуль Приветствие

Приступим:

1. Откроем папку ../catalog/view/theme, в этой папке располагаются все шаблоны нашего интернет магазина (витрины), после установки движка в ней находится только стандартный шаблон default, с ним мы и будем работать, копируем папку default и переименовываем получившуюся копию стандартного шаблона в wape, если вы всё сделали правильно вы увидите это:

wape_01

2. В шапке нашего шаблона прописаны пути к файлам CSS стилей, но по умолчанию они ведут к папке default, а нам необходимо прописать пути к папке wape, сделать это очень просто, откроем этот файл: ../catalog/view/theme/wape/template/common/header.tpl и вместо этих строк:

28 - <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />

40 - <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />

43 - <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />

вставим эти:

28 - <link rel="stylesheet" type="text/css" href="catalog/view/theme/wape/stylesheet/stylesheet.css" />

40 - <link rel="stylesheet" type="text/css" href="catalog/view/theme/wape/stylesheet/ie7.css" />

43 - <link rel="stylesheet" type="text/css" href="catalog/view/theme/wape/stylesheet/ie6.css" />

(если честно не знаю кто до сих пользуется ie 6 и 7, ну да ладно, пусть остаются эти записи)

wape_02

3. Все обожают использовать на своих сайтах иконки (владельцы интернет магазинов не исключение), но стандартные иконки очень сложно подгонять по размерам, а иногда ещё приходится и цвет иконок подгонять – поэтому нам на помощь приходит иконочный шрифт, его преимущества:

  • 1 – малый вес (намного меньше чем у обычной графической иконки)
  • 2 – легко редактируется размер и цвет (css стили)
  • 3 – при масштабировании иконки не увеличивается вес и не теряется качество (обычная растровая иконка этим похвастаться не может)

Если мне удалось вас убедить что иконочный шрифт это круто, открываем эту ссылку — Font Awesome, указываем свою почту и получаем на почтовый ящик ссылку для подключения иконочного шрифта на наш сайт (иконки будут подгружаться с сайта иконочного шрифта, а при желании вы можете просто скачать архив с иконочным шрифтом и подгружать его со своего хостинга – из папки своего шаблона).

Откроем файл ../catalog/view/theme/wape/template/common/header.tpl и после этой строки (28):

<link rel="stylesheet" type="text/css" href="catalog/view/theme/wape/stylesheet/stylesheet.css" />

вставим ссылку которая пришла вам на почту, у меня это:

<script src="https://use.fontawesome.com/3fc3e4b472.js"></script>

wape_03

4. Откроем админку нашего магазина и переходим по пунктам:

Система > Настройка > Изменить > Витрина > Шаблон магазина: Wape > Сохранить

wape_04

5. Откроем админку нашего магазина и переходим по пунктам:

Система > Локализация > Языки > English > Удалить

Система > Настройка > Изменить > Локализация > Валюта: Рубль > Сохранить

Система > Локализация > Валюты > Euro и US Dollar > Удалить

6. Откроем админку нашего магазина и переходим по пунктам:

Дополнения > Модули > Приветствие > Установить > Изменить > Добавить модуль:

Заполним страницу и настроим по моему скриншоту (текст конечно нужно написать покрасивее и подлиннее, при желании можно вставить заголовок, картинки и ссылки, если необходимо пишите в комменты и я сделаю статью об этом):

wape_05

Не забываем нажать кнопку Сохранить

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

2 Комментария

  1. Антон

    12.08.2016 at 00:07

    Добрый вечер. Читал Ваши статьи, о редактировании меню в ОР 1.5. Но у меня нет половины кода, который вы предлагаете редактировать. В принципе, через админку я смог добавить новый пункт, через header.tpl убрать не нужный, но при этом есть проблема — при наведении курсора на новый пункт, подсвечивается соседний.. Где это исправлять, подскажите, пожалуйста?

    • Дайте ссылку на свой сайт, у вас какой версии OpenCart, какой шаблон, как у меня в статьях Default? Дайте ссылку на свой сайт.

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика