Шаблон: BW Themes MI
Автор: Slait, https://opencartforum.com/user/17720-slait/

# Установка шаблона

1.	Содержимое папки upload скопировать в корневую директорию сайта
2.	Загрузить файлы 
•	vie_extra_positions.ocmod.xml,
•	bwtheme.ocmod.xml
•	ajaxsearch.ocmod.xml через Еxtension Installer (установщик расширений)
3.	В разделе Modifications (модификации) нажать кнопку refresh (обновить)
4.	В разделе «Система -> Настройки» во вкладке «Магазин» выбрать шаблон «Mi» и сохранить изменения.

**Шаблон готов к работе!**



# Предварительная настройка шаблона

## Рекомендуемые размеры изображений
«Система -> Настройки -> Изображения»

Размер изображения в списке категорий		80x80
Размер большого изображения товара			482x482
Размер всплывающего изображения товара		1000x1000
Размер изображения в списке товаров			228x228
Размер дополнительных изображений товара		80x80
Размер изображения аналогичных товаров		228x228
Размер изображения в списке сравнения		90x90
Размер изображения в списке заметок			47x47
Размер изображений товаров в корзине		47x47
Размер изображения магазина				268x50


## Модули

### Слайдер
Изменяем размеры и добавляем на главную
Макет: Главная
Позиция: Вверх страницы
Размеры слайдера	912x460


###Верхнее меню
Необходимо установить и включить модуль PAV menu и создать пункты меню
Затем добавить модуль во все схемы
Позиция: Меню

###Модуль карусели
По желанию вы можете включить карусель

###Ajax поиск
«Система -> Настройки -> Ajax поиск»
Включаем и настраиваем модуль

###Модуль табов
По желанию вы можете включить модуль табов

###Текстовый блок
На сайте можно добавить рекламные блоки, пример 4-х баннеров с эффектом
<div class="row">
	<div class="col-md-3 col-sm-6 col-xs-6">
		<a href="#" class="brick">
			<img src="image/catalog/banner/home-up-1.jpg " alt="" class="img-responsive">
		</a>
	</div>
	<div class="col-md-3 col-sm-6 col-xs-6">
		<a href="#" class="brick">
			<img src="image/catalog/banner/home-up-2.jpg " alt="" class="img-responsive">
		</a>
	</div>
	<div class="col-md-3 col-sm-6 col-xs-6">
		<a href="#" class="brick">
			<img src="image/catalog/banner/home-up-3.jpg " alt="" class="img-responsive">
		</a>
	</div>
	<div class="col-md-3 col-sm-6 col-xs-6">
		<a href="#" class="brick">
			<img src="image/catalog/banner/home-up-4.jpg " alt="" class="img-responsive">
		</a>
	</div>
</div>

Внимание добавьте свои изображения или поменяйте путь
image/catalog/banner/home-up-4.jpg






#Страница Контакты
Для отображения Google карты добавьте iframe код из google maps. Замените значение width на width="100%"
Пример кода
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d73215.92109654525!2d82.95248972132893!3d55.00820826474655!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x42dfe5e190cc4d97%3A0x9b3a0673e1d3e985!2z0J3QvtCy0L7RgdC40LHQuNGA0YHQuiwg0J3QvtCy0L7RgdC40LHQuNGA0YHQutCw0Y8g0L7QsdC7Lg!5e0!3m2!1sru!2sru!4v1455016869094" width="100%" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>