Решения для бизнеса

Адаптированная версия бесплатного лендинга от Peter Finlan и сообщества Codrops. Интерпретация для магазина велотехники.

Товар из каталога

Synthetica - главная страница велосайта

Скриншот шаблона Synthetica

Вы когда-нибудь видели, как лендинг превращают в главную страницу вело магазина? Вот это такой случай, берите пользуйтесь. Всё сделано просто, легко затачивается под себя.


Подробности

Появление этого шаблона среди готовых решений, даже скажем проще, его натяжка по-сути явилась результатом новогоднего эксперимента по проверке возможностей библиотеки ShortCodes. С её помощью всего четверть часа понадобилось на втягивание шаблона в движок, и ещё день потратили уже на демо-марафет, подготовку публикации на витрину, заворачивание натянутого шаблона в обёртку установочного архива и т.п.

Скачать шаблон

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

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

2 Открыть в админпанели страницу дизайн > Дизайны сайта.

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

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

Для наложения этого лендинга поверх существующего на вашем сайте шаблона, чтобы не затереть действующие файлы демонстрационными, из архива Synthetica следует удалить такие файлы:

  • html/modules/*
  • html/index.tpl
  • html/missing_template.htm
  • html/navigation.htm
  • images/demo/*
  • images/favicon.ico
  • images/no-photo.png
  • images/thumbnail.jpg

Если ещё планируете иметь несколько видов главной страницы, тогда заменить уникальным имя следующего файла в архиве:

  • html/catalog.htm

Теперь вернёмся к описанию шаблона.

Как об этом рассказал Codrops

Источник tympanus.net/codrops/2016... (страница на английском языке).

Халява Synthetica - шаблон одностраничного сайта (HTML, эскиз) Современный адаптивный шаблон одностраничника на основе Bootstrap. Отлично подойдёт агентствам и клубам. Нарисовал и закодил Peter Finlan.

Сегодня с удовольствием представляем Synthetica – бесплатный HTML5/CSS3 шаблон, распространяемый исключительно через Codrops. Synthetica стала новым элементом в семействе весьма популярных шаблонов Codrops, таких как Land.io (разработал Taty Grassini), Sedna, Boxify, Halcyon Days. Можете бесплатно использовать Synthetica для личного проекта или сайта вашего клиента!

О шаблоне Synthetica Этот адаптивный лендинг разработан по последним течениям в моде, с большими визуально различимыми секциями, еле уловимым анимационным эффектом, задорно-спокойной цветовой схемой. Шаблон подходит для портфолио, презентации агентства или сообщества.

В шаблоне реализованы следующие детали:

  • Блок навигации с выезжающим поиском
  • Представление участников с курсор-эффектом и диаграммой показателей
  • Блок анимированных счётчиков главных достижений
  • Свежие публикации с элементом сортировки и ссылкой на полный список
  • Блок плюшек, демонстрирующий некие элементы с анимационным эффектом "подробнее"
  • Блок подписки в учтивой манере и мягким фоном
  • Подвал в модерновом стиле с интуитивной навигацией

Этот лендинг использует следующие библиотеки и ресурсы:

  • Bootstrap
  • jQuery
  • Modernizr
  • Animate.css
  • Stroke Gap Icons
  • Unsplash
  • Startup Stock
  • Pexel
  • Retina.js
  • VideoJS
  • Waypoints.js

Поддержка браузеров: Chrome, Firefox, Internet Explorer 9+, Safari, Opera.

Скриншоты
Все элементы страницы управляются из админпанели, кроме жёстко зашитого в шаблон вводного текста секций "Служба поддержки" и "Свежие обзоры", который меняется редактированием файла catalog.htm шаблона.

Скриншот шаблона Synthetica


Живое демо страницы