Стройка - HTML-шаблон магазина инструментов, созданный специально для магазина инструментов / инструментов, но также хорошо подходящий для магазина автозапчастей, магазина электроники и т. Д.
В комплект входит пять готовых HTML-наборов с различными цветовыми схемами (по 37 HTML-файлов в каждом): по умолчанию (желтый), черный, зеленый, синий и красный. Вы можете использовать любой понравившийся.
Пакет также включает исходные файлы, вы можете использовать их для настройки цветов, шрифтов и некоторых других параметров через переменные SASS. Мы используем twig.js в качестве механизма шаблонов для создания файлов HTML.
Если вам понравился мой шаблон, не забудьте поставить ему оценку :)
Функции
37 файлов HTML
100% адаптивный макет
Версия LTR / RTL
HTML5 и CSS3
Bootstrap 4.5.x
SASS
CSS3 Анимация
SVG иконки
Font Awesome Иконки
БЭМ-синтаксис
Шрифт Roboto Google
Совместим со всеми основными браузерами
Сетка / Просмотр списка продуктов
Быстрый просмотр
Страницы аккаунта
Фильтры вне холста
Липкий заголовок, который может работать в двух режимах: pullToShow и alwaysOnTop.
Photoswipe галерея
Select2 интеграция
Off canvas и выпадающая корзина покупок
Раскрывающееся меню учетной записи
Предложения по поиску
Липкие вкладки на странице продукта
Шрифты
Робото (https://fonts.google.com/specimen/Roboto)
Иконки
Большинство значков, используемых в шаблоне, имеют формат SVG, для остальных используются следующие шрифты:
Font Awesome (https://fontawesome.com/) - для иконок социальных сетей.
Стройка - настраиваемый шрифт значков для отображения некоторых значков в шаблоне. Он используется только в браузере Edge для решения проблемы производительности, связанной с рендерингом огромного количества значков SVG.
Используемые фреймворки и библиотеки Javascript
jQuery (https://jquery.com)
Bootstrap (http://getbootstrap.com)
SVG для всех (https://github.com/jonathantneal/svg4everybody)
noUiSlider (https://github.com/leongersen/noUiSlider/)
Сова Карусель 2 (https://github.com/OwlCarousel2/OwlCarousel2)
PhotoSwipe (https://photoswipe.com/)
Select2 (https://select2.org/)
ПРИМЕЧАНИЕ. Изображения в демонстрационной версии не входят в приобретенный пакет.
Журнал изменений