Всё для сайтов

Традиционные совместные усилия разработчика движка и пользователей шаблона Electronics в который раз удерживают шаблон в разряде великолепно исполненных тем сайта.

Будьте в курсе событий

ГлавнаяНовостиСтатьи

Карта сайтаОбсуждениеФорумКонтакты

По теме
БезопасностьБесплатное от авторовВспомогательные шаблоныГотовые решенияДоки - CSSДоки - Вопросы-ОтветыДоки - МодулиДоки - Поисковая оптимизацияДоки - РазноеДоки - СниппетыДоки - УтилитыДоки - ЧаВО - О базе данныхДоки - ЧаВО - О шаблонахИзготовление сайтовМодулиМодули для сайтаНовинки западной моды дизайнаПлатные стоковые фото и графикаПоисковое продвижениеРабота, вакансии, фрилансРазноеХронологияШаблоныЭксперименты
По марке
BexamCoco TemplatesCodropsCodyHouseDeltaELma ThemesEmirates7ePochtaEvenFlyeWebCraftGlennGoogleHermesHTML CookerHtmlCoderImpera CMSKopasoftMercuryMetafizzyMiddltoneMostafizNetpeakPixar WP ThemesRinoRobertaSAMShutterStockSimpla CMSSmarty ThemesTemplateMonsterTemplatePathThemeForestTony TemplatesUImax StudioWooRocketsWordPressЯндекс
» Комментарии 34

Новая модификация шаблона Electronics, под версию 2.1.4 и выше

Главная » Новости » Новая модификация шаблона Electronics, под версию 2.1.4 и выше

Новая модификация шаблона Electronics

Это лишний раз доказывает эффективность развития проектов, в которых пользователь привлечён и как эксперт, и как контролирующая инстанция.

Краткий список важнейших улучшений:

1. Код основных файлов шаблона переписан по стандартам версии Impera CMS 2.1.3, в результате чего шаблон с такой сложной функциональностью стал лёгким по структуре кода.

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

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

4. Проработан код фильтра так, чтобы удерживал состояние ценовых ползунков при перемещении по категориям. Фильтр выведен на страницу категории, бренда, полного каталога товаров, страницы поиска.

5. Основные настройки шаблона вынесены из его настроечного файла на страницу конфигурационного файла, что облегчило управление элементами шаблона тем людям, кто мало разбирается в коде или боится испортить работу неправильным вмешательством в настроечный файл.

настройки используйте такие:

  • vkontakte - адрес вашей страницы ВКонтакте
  • vk_group - идентификатор вашей группы ВКонтакте (видна в правой колонке)
  • twitter - адрес вашей страницы в Twitter
  • youtube - адрес вашей страницы в YouTube
  • facebook - адрес вашей страницы в Facebook
  • google - адрес вашей страницы в Google
  • phone1 - ваш контактный телефон (виден внизу сайта)
  • email1 - ваш контактный емейл (виден внизу сайта)
  • phone_prefix - подсказка для полей ввода телефонов в формах ввода
  • address - ваш адрес (виден внизу сайта)
  • about_title - заголовок блока "О нас" (внизу сайта слева)
  • about1 - текст 1 блока "О нас" (внизу сайта слева)
  • about2 - текст 2 блока "О нас" (внизу сайта слева)
  • noLanguagePanel - отключает блок выбора языка (вверху сайта справа)
  • noRightSchemaOrg - отключает блок микроразметки в правой колонке
  • noRightSubcategories - отключает блок подкатегорий в правой колонке
  • noRightFilter - отключает блок фильтра в правой колонке
  • noRightBrands - отключает блок брендов в правой колонке
  • noRightKits - отключает ссылку "Комплекты товаров" в правой колонке
  • noRightMakeMoney - отключает ссылку "Заработай с нами" в правой колонке
  • noRightActional - отключает блок акционных товаров в правой колонке
  • noRightShopTweets - отключает блок твитов в правой колонке
  • noRightRecent - отключает блок "Недавно смотрели" в правой колонке
  • noRightTagsCloud - отключает блок "Облако тегов" в правой колонке
  • colorStyle - код другого цветового стиля дизайна

6. Добавлена поддержка страницы комплектов товаров, а также на странице товара выводится блок с комплектами, если такой товар входит в какой-либо комплект.

7. Откорректирован скрипт вьювера фотографий (JAK Light Box), чтобы на странице товара открывал фотографии, даже когда нижний блок (фото галерея) отключили.

8. На всех листаемых страницах реализованы мета теги prev и next строго в согласии с рекомендациями Google для мультистраничного контента.

9. Пагинация страниц сделана более симпатичной, в виде кнопок.

10. Реализованы 3 цветовые схемы, которые можно переключить соответствующей конфигурационной настройкой colorStyle.

Зеленый тон

colorStyle = пустая строка - Green

Желтый тон

colorStyle = FFBB11 - Yellow Orange

Синий тон

colorStyle = 4183D7 - Royal Blue

11. Все шаблоны писем и СМС размещены в самом шаблоне Electronics, что облегчает их поиск и изменение под себя.

шаблоны писем (от старых модулей):

  • email_notifyme_confirm.htm - письмо подключения к системе "Уведомить о наличии"
  • email_order_to_admin.htm - письмо админу о заказе
  • email_order_to_user.htm - письмо клиенту о заказе
  • email_password_remind.tpl - письмо системы восстановления пароля

шаблоны писем:

  • email/callme-to-admin.htm - письмо админу о новом запросе обратного звонка
  • email/callme-to-user.htm - письмо клиенту о принтии его запроса
  • email/feedback-to-admin.htm - письмо админу о новом сообщении в обратной связи
  • email/feedback-to-user.htm - письмо клиенту о принятии его сообщения
  • email/login-to-admin.htm - письмо админу о входе авторизованного клиента
  • email/login-to-user.htm - письмо клиенту об удачном входе на сайт
  • email/registration-to-admin.htm - письмо админу о регистрации нового пользователя
  • email/registration-to-user.htm - письмо клиенту об удачной регистрации

шаблоны СМС:

  • sms/callme-to-admin.htm - СМС админу о новом запросе обратного звонка
  • sms/callme-to-user.htm - СМС клиенту о принтии его запроса
  • sms/feedback-to-admin.htm - СМС админу о новом сообщении в обратной связи
  • sms/feedback-to-user.htm - СМС клиенту о принятии его сообщения
  • sms/login-to-admin.htm - СМС админу о входе авторизованного клиента
  • sms/login-to-user.htm - СМС клиенту об удачном входе на сайт
  • sms/registration-to-admin.htm - СМС админу о регистрации нового пользователя
  • sms/registration-to-user.htm - СМС клиенту об удачной регистрации

12. Хлебные крошки на листаемых страницах 2, 3 и так далее содержат указание номера страницы.

13. Над списком товаров в категории добавлены основные кнопки пагинации, что даёт возможность листать страницы без перемещения к низу списка.

14. Над списком товаров добавлено уточняющее сообщение, если в этот момент к списку применён фильтр, и слева от сообщения есть кнопка сброса фильтра.

Ссылки

Живое демо шаблона смотрите на сайте electronic.imperacms.com

Скачать шаблон imperacms.com/files/media/Electronics.v2.zip (обратите внимание: шаблон платный, вы обязаны приобрести шаблон у компании TemplateMonster, только такой факт покупки даёт вам лицензию на использование этого шаблона на своём сайте, в ином случае у вашего магазина будут проблемы с законом).

Порядок установки

1 Скачать архивный файл шаблона на компьютер или скопировать URL ссылки выше.

2 Открыть в админпанели страницу дизайн > Дизайны сайта. Если там уже есть такой шаблон, нажать напротив него крестик, чтобы удалить старый.

3 Нажать ссылку загрузить в блоке Дизайны клиентской стороны.

4 В открывшемся окне выбрать скачанный файл или полем ниже вставить URL скопированной ссылки и нажать кнопку Начать.

Обсуждение
«Соловей | 9 мар 02:37
И? Где скачать то на пробу?
Ответить
«d1nam1c | 10 мар 06:57
где вы топовые тэмплейты видели чтоб бесплатно дали качать?
Ответить
«Андрей | 9 мар 16:01
Фильтр по цене. Хорошо что помнит состояние пока я хожу по магазину. Но непонятно когда уходим в другую категорию.

Попробуйте войти в категорию. Примените фильтр допустим от 0 до 500 руб. Теперь идите в другую категорию где товары стоят выше 500 рублей. "Товары не найдены". Про правую колонку забываешь что там включен фильтр и можно подумать категория вобще пустая.

Над списком товаров мне кажется надо добавлять что-то наподобие "Товары отобраны с учетом фильтра [сбросить фильтр]".
Ответить
«Impera CMS | 10 мар 09:17
Уже сделано. Благодарю за прекрасную идею.
Ответить
«Андрей | 11 мар 11:25
Спс
Ответить
«Вячеслав | 10 мар 23:50
Есть ещё одна очень неудобная вещь в этом фильтре, которая давно обсуждалась. Фиксированное пороговое верхнее значение вообще неудобно. Во всех магазинах верхний порог устанавливается по максимальной цене в категории. У меня есть категории товаров где самый дорогой стоит 200 грн., а есть категории с товаром в 200 000 грн. Если поставить пороги филтра 0 - 200 000 грн., то когда клиент будет в категории с дешёвыми товарами, то пользоваться ползунком будет вприципе невозможно, та и глупо выглядит возможность поставить ползунком 200 000 грн. когда клиент находтся в разделе пуговиц например.
Ответить
«madness | 11 мар 14:34
Тоже считаю автоматический верхний порог нужен. С привязкой к текущей валюте обзательно. Глупо сейчас сделано. Я ставлю в категории фильтр до 100$. Нашло сколькото товаров. Теперь хочу посмотреть цену в рублях. Выбираю валюту и фильтр стал до 100руб и у меня список найденых показал не найдено товаров. Круто. Покупатель разбираться не будет, просто уйдет.
Ответить
«Кирилл | 11 мар 16:47
О валютах кстати хочу напомнить по примеру банковских сайтов. Где-нибудь сверху всегда выводят текущий курс основных валют. В хороших магазинах это тоже выводят. Да покупатель сменит если надо валюту и посмотрит товары в пересчитанной цене. Только покупатели валюту часто переключают в плохих магазинах не по желанию увидеть цену, а вычислить с каким курсом работает магазин. Покупатель ведь может оплатить другой валютой, и тут решающее значение сыграет знание курса. Не цены вовсе, которая может быть такой же как у соседей, но в пересчёте имеющейся у покупателя валюты по курсу магазина даже выгодней, чем купить у соседей. Так что при наличии переключателя валют всё же правильно выводить ещё курсы. Что это сложно добавить в шаблон?
Ответить
«Вячеслав | 11 мар 11:07
В вёрстке шаблона заметил в корзине коды для блоков кросс продаж, в корзине внизу и место вроде как под них сделано свободное, но блоков не вижу. Они ещё не работают или что-то где-то недонастроено?
Ответить
«madness | 11 мар 12:54
Похоже работает. Сужу по common/cross-sell.htm там нашел такое "получаем ИДы аксессуаров", "получаем ИДы связанных товаров", "получаем ИДы связанных категорий", "получаем ИДы связанных брендов".

Насколько я понял код cross-sell.htm со всех товаров корзины собираются идентификаторы привязанных элементов и выводятся под корзиной.
Ответить
«Вячеслав | 11 мар 13:08
Попробовал, всё-таки не работает. Проставил товару ID связанных товаров, для аксессуаров вообще не проставляются, после сохранения поле очищается. Но даже при наличии связанных товаров блок кросс не отображается.
Ответить
«madness | 11 мар 14:22
На демо почемуто работает

В корзину фен http://electronic.imperacms.com/cart/add/326
Появляется вкладка "не забыли?"

В админке ищу http://electronic.imperacms.com/admin/index.php?section=Products&filter_search=фен

на вкладке "маркетинг" есть
Связан. товары: 204, 95, 98
Похожие бренды:
Похожие категории:
Аксессуары:

Вопрос почему в связанных товарах надо артикулы перечислять, а брендах, категориях и аксесуарах идентификаторы? Почему бы не привести к единому стандарту?

Пожелание разработчику. Сделайте выбор сязанных элементов через автопоиск. Артикулы я могу знать. Если заполняю а не дивжок генерирует сам. Идентификаторы это жесть, откуда мне знать, их mysql база сама назначает.
Ответить
«Вячеслав | 11 мар 15:07
По поводу добавления связанных товаров, это насколько я знаю в разработке, будет возможность просто выбрать из списка.
Что касается кросс продаж, то оказывается работает, просто эти товары находятся в ниже окна корзины и их не видно если не пролистывать страничку вниз, вот я и не заметил.
Ответить
«madness | 11 мар 12:39
Комплекты товаров. Нажмите купить комплект, в корзину не попадает. Просмотрел common/cart.htm нашел только вывод товаров. Судя дампу product и kit различаются, а комплект минует видимо корзину потому что код cart.htm вывода списка товаров не учитывает разницу var структур товара и комплекта.
Ответить
«Вячеслав | 11 мар 13:13
Да, это опробовал, комплекты купить нельзя. Ещё одна неточность по сортировке товаров в комплекте. Обычно второй или третий товар со скидкой отображаются после главного товара. А тут получается в случайном порядке или ещё как-то. У себя в магазине создал комплект из плеера и чехольчика к нему со скидкой 50%. Так в комплекте отображается сначала чехольчик со скидкой + плеер с полной ценой. С маркетинговой точки зрения нужно чтобы сначала плеер оображался а кему уже + акссесуар со скидкой.
Ответить
«Вячеслав | 11 мар 13:23
Ещё заметил что в коротком описании товаров, почему-то пропадают первые одно-два слова, вот http://electronic.imperacms.com/products/robot-dog
У меня на сайте тоже самое. Причём дело походу не в шаблоне, они вроде как не передаются вообще в шаблон.
Ответить
«Анатолий | 17 мар 23:42
Странно, у меня на php 5.2 показывает правильно, а когда ставлю php 5.4 первое слово краткого описания зарезается.
Ответить
«Вячеслав | 18 мар 13:33
Просьба разработчику проверить этот момент.
Ответить
«admiraL | 19 мар 00:26
Проверил в разных сборках Php5. Нифига. От версии не зависит, по крайней мере на моем компе так, везде пропадает первые слова описания. Может особенности PCRE библиотеки?
Ответить
«Impera CMS | 21 мар 13:36
Нет, это в одном из модулей движка неточно записано регулярное выражение. Будет исправлено в следующем обновлении.
Ответить
«Владимир | 17 апр 11:46
Подскажите как в этом шаблоне реализовать следующий код? (у нас на старой версии работает нормально, на этом шаблоне и новой версии движка - белая страница)

{include file = '../../../common_parts/AIMatrix/categories.htm'
.........items = $categories|default:false
.........filter = ''
.........namepath = ''
.........maxlevel = 5
.........opentag = ''
.............box_opentag = ''
.................listing_opentag = '<ul class="topnav">'
.....................link_opentag = '<li>'
.........................a_id = ''
.........................a_class = ''
.........................a_active_class = 'selected'
.........................a_highlighted_class = 'highlighted'
.........................a_text_maxsize = 256
.........................a_target = ''
.........................sublisting_opentag = '<ul>'
.............................sublink_opentag = '<li>'
.............................sublink_closetag = '</li>'
.........................sublisting_closetag = '</ul>'
.....................link_closetag = '</li>'
.................listing_closetag = '</ul>'
.............box_closetag = ''
.........closetag = ''}
Ответить
«Impera CMS | 17 апр 15:30
Судя по вашему коду, а именно по тройному выходу ../../../ пути наверх папок шаблона, значит файл, из которого вызывался модуль categories.htm, располагался где-то в глубине папок старого шаблона. То есть из той точки понадобился тройной выход наверх, чтобы добраться до папки common_parts.

Теперь вы перенесли этот код в новый шаблон, но скорее всего не учли глубину выхода. Например, если этот код расположить в файле index.tpl, там глубина выхода будет равна 2, то есть должно быть ../../ вместо ../../../

Рассчитывается глубина выхода по числу папок слева от имени файла. Например, хотим вызвать модуль из файла
Electronics/html/index.tpl
тогда глубина равна 2 и соответственно выход наверх запишется как ../../

То есть {include file = '../../common_parts/AIMatrix/categories.htm'
Ответить
«Владимир | 18 апр 14:43
Сорри за невнимательность, благодарю!
Ответить
«Вячеслав | 18 апр 18:18
В шаблоне какой-то глюк в слайдере фотографий, при открытии, фотографии не листаются вперёд, только если пролистать хотябы один раз назад, то потом нормально листаются вперёд. Ещё неудобно что даже на больших мониторах фотографии не открываются во весь размер, даже на 30 дюймовойм FHD мониторе и загруженных фотографиях размером 4000х3000 пикселей фотографии выводятся в центре в маленьком лайтбоксе.
Ответить
«Андрей | 18 апр 23:30
Это баг слайдера. На странице его автора http://jak.seznam.cz/example/widgets/lightbox внизу есть параграф SlideShow с параметром

{name: 'slideshow', part: JAK.SlideShow, setting: {duration: 5, autoplay: true}}

Чтобы слайдер автоматически крутил фотографии. В шаблоне JAK-lightbox/main.tpl этого параметра нет.

JAKopt{$id}.components.others.push({ name: 'slideshow', part: JAK.SlideShow });

Попробуйте так, слайдер сам начнет вперед и бага как бы нет :)

JAKopt{$id}.components.others.push({ name: 'slideshow', part: JAK.SlideShow, settings: { duration: 5, autoplay: true } });

p.s. Непонятно почему и кем был выбран JAK.Lightbox. Что других хороших слайдеров нет?
Ответить
«Владимир | 7 май 10:10
В файле common/publication-list выводятся анонсы: новости и статьи, подскажите как добавить в шаблоне кнопочку посмотреть все новости (ну или статьи), аналогично тому как сделано в блоках Хиты продаж, Недавно покупали, обсуждали и тд.
Спасибо
Ответить
«Impera CMS | 7 май 12:32
Пример кнопок на список статей и новостей.

<a class="button" href="articles">Статьи</a>
<a class="button" href="news">Новости</a>

Пример кнопок на другие страницы:

<a class="button" href="kits">Комплекты</a>
<a class="button" href="products">Весь каталог</a>
<a class="button" href="products/CATEGORY-url">Конкретная категория</a>
<a class="button" href="brands/BRAND-url">Конкретный бренд</a>
<a class="button" href="catalog/PRODUCT-url">Конкретный товар</a>
<a class="button" href="products/CATEGORY-url/filter_BRAND-url">Конкретный бренд в некоторой категории</a>

<a class="button" href="catalog?mode=hit">Хиты</a>
<a class="button" href="catalog?mode=newest">Новинки</a>
<a class="button" href="catalog?mode=actional">Акции</a>
<a class="button" href="catalog?mode=awaited">Скоро в продаже</a>
<a class="button" href="catalog?mode=commented">Обсуждаемые</a>
<a class="button" href="catalog?mode=ordered">Покупаемые</a>

<a class="button" href="stocks">Склады</a>
<a class="button" href="media">Медиа файлы</a>

<a class="button" href="quickorder">Заказ по таблице</a>
<a class="button" href="configurator"></a>

<a class="button" href="search">Поиск</a>
<a class="button" href="feedback">Обратная связь</a>
<a class="button" href="callme">Обратный звонок</a>

<a class="button" href="login">Вход</a>
<a class="button" href="login/remind">Забыли пароль?</a>
<a class="button" href="registration">Регистрация</a>
<a class="button" href="account">Личный кабинет</a>

<a class="button" href="rss">Канал новостей</a>
<a class="button" href="pricelist.xls">Прайс-лист</a>

<a class="button" href="cart">Корзина</a>
<a class="button" href="defer">Отложенные</a>

<a class="button" href="countries">Страны</a>
<a class="button" href="regions">Области</a>
<a class="button" href="towns">Города</a>
Ответить
«Сергей | 7 май 12:43
Зачем Вы указываете ссылки на сырой функционал? Модули областей и городов пока что нет в дивжке. Модуль для вывода стран есть, для страны нет. То же по комплектам товаров, комплекты вывести могу, страницу комплекта нет.
Ответить
«Владимир | 11 май 17:37
Спасибо, но в файле common/publication-list врроде как нельзя указать прямую ссылку на все новости или статьи, нужно как-то по дргому
Ответить
«Impera CMS | 13 май 10:28
Посмотрите как сделано в common/product-list.htm, а именно обработка входного параметра $link - это URL ссылки "все".

Но можно сделать ещё проще. Измените common/publication-list.htm, чтобы в теле заголовка выводил некий параметр, например назовём его так же - $link. Только принимать он будет не URL ссылки, а её полный html-фрагмент, например <a href="news">все</a>. Соответственно мы просто echoVar (вывести значение переменной) этот параметр без проверок, так как {echoVar from=link} по смыслу похож на {$link|default:''}.

<h6 class="h1">{$title} {echoVar from=link}</h6>

Теперь в том месте, где вызывается common/publication-list.htm, добавим параметр link с желаемым html-фрагментом ссылки. Например в файле common/news-announce.htm

{include 'common/publication-list.htm' ... link='<a href="news">все</a>' ...}

Чтобы ссылка выровнялась направо и нам не приходилось бы в каждом вызове писать инлайновые стили, как сделано некрасиво в common/product-list.htm при обработке ссылки "все", добавьте стиль.

h6.h1 a { float: right }
Ответить
«Константин | 20 янв 20:24
Здравствуйте!
а в каком вайле формируются эти странички:
Хиты
Новинки
Акции
Скоро в продаже
Обсуждаемые
Покупаемые

У меня они почему-то берут файл для вывода publication-list.htm но для вывода товаров этот файл не годится..
Ответить
«Impera CMS | 20 янв 21:02
В файле catalog.tpl, смотрите участок кода начиная с "Если переключились на список товаров конкретного типа". Там инклудится файл search.tpl, в котором как раз используется publication-list.htm.
Ответить
«Константин | 21 янв 10:46
Спасибо!
Поменял инклуд с publication-list.htm на product-list.htm и на выходе получил белый экран, хотя товары в каталоге нормально работают с product-list.htm
Подскажите, пожалуйста, как правильно поменять на product-list.htm ?
Ответить
«Константин | 20 янв 20:25
catalog?mode=hit
catalog?mode=newest
catalog?mode=actional
catalog?mode=awaited
catalog?mode=commented
catalog?mode=ordered Покупаемые
Ответить

Другие обсуждения »

Теги: магазин электроники, electronics

Хотите чтобы мы рассказали ещё о чём-то - предлагайте тему.

Предложить

Следите за нашими публикациями в социальных сетях и новостных каналах.

RSSTwittereShop News

ВКонтактеGoogle+Facebook