Корзина пуста

Случайные продукты

Если Вы заметили, то некоторое время назад внешний вид интернет-магазина ТЕХНОКЛИМАТ кардинально изменился. Базовый бесплатный шаблон Helium от RocketTheme   дополнился элементами коммерческого шаблона JM Modern Hikashop - появилось  3 дополнительных цветовых решения для кнопок button и btn , которые используются в интернет-магазине на платформе Hikashop. А все благодаря нескольким файлам CSS, которые были скопированы с помощью отладчика браузера с демо-шаблона JM Modern.

Для корректной работы недостаточно подключить стилевые файлы style1.css (red), style2.css (blue) и style3.css (green), пользовательский css-файл extensions.css, а также  файлы template.css и  animated-buttons для фишек шаблона , нужно заглянуть вовнутрь файлов.

 

И здесь свои хитрости - т.к. изначально шаблон JM Modern (версия 3.5 - 4.0) не удалось скачать бесплатно, поэтому пришлось немножко попотеть и скачать все там же дополнительно иконки 3-х цветов (красные, синие, зеленые - цвета шаблона JM). Очередность подключения файлов в Hikashop оказалось имеет значение - поигравшись заменой мест frontend- и style- файлов , заметил, что некоторые иконки сразу появляются на страницах товара, а другие никак не проявляют себя. Также не забываем, что Hikashop сам по умолчанию имеет свои стилевые решения default.

Чтобы фишки шаблона JM Modern не могли использовать на других шаблонах  внутри файлов есть заглушки  - теги типа #jm-allpage 

Именно этот тег шаблона не дает реализовать правильную стилизацию  модулей  Hikashop простым копированием и подключением файлов css. Плюс другие теги #, присутствующие в файле и отвечающие за стилизацию в конкретной позиции шаблона JM Modern.

  

Кстати, самих позиций в шалоне JM Modern Joomla3 не так много, но они адаптивны к ширине экрана монитора - компьютер, планшет, смартфон:

  

 Конечно, адаптировать вроде простой шаблон  JM Modern Joomla под Gantry5 (шаблон Helium) несколько сложнее - пришлось немного доработать стили (некоторые повторяющиеся классы отключить, добавить-убрать позиции, исправить ошибки в стилевых файлах), но за один день управился и это хорошо.

Результат Вам виден !? Попробуйте сами.