https://doc.komiz.io/ 2026-04-24T19:26:17+0000 https://doc.komiz.io/ https://doc.komiz.io/lib/tpl/bootstrap3_komizio/images/favicon.ico text/html 2019-03-04T09:25:35+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/blok_filtrov_tovarov?rev=1551691535&do=diff Блок фильтров товаров Вот несколько примеров блоков фильтров №1 Список фильтров в левом/правом меню сайта (отдельными блоками) Посмотреть код html text/html 2019-03-04T09:23:31+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/blok_katalogov?rev=1551691411&do=diff Блок каталогов Вид каталога может меняться взависимости от дизайна, но основные блоки должны сохраняться Вот несколько видов: Вид каталога в примере верстки text/html 2019-03-04T09:25:54+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/blok_preimushchestv?rev=1551691554&do=diff Блок преимуществ Приверы блоков преимуществ Вот предоставлен пример верстки блока преимуществ для примера на первом рисунке text/html 2019-03-04T09:26:44+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/blok_s_izobrazheniem?rev=1551691604&do=diff Блок с изображением Посмотреть код html <div class="el_offerItem_xxxxxx col"> <div class="wrapperInner"> <div class="imageBlock image-flex"> <a class="el" href="#"><img src="offer.png" alt=""></a> </div> ... </div> </div> text/html 2019-03-04T09:26:17+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/blok_s_vlozhennymi_spiskami?rev=1551691577&do=diff Блок с вложенными списками Посмотреть код html <div class="el_asideBlock_xxxxxx"> <div class="wrapperInner"> <p class="blockTitle">Каталоги</p> <ul> <li> <a href="#">Каталог 1 <i class="fa fa-angle-right" aria-hidden="true"></i></a> <ul> <li> <a href="#">Каталог 1.1 <i class="fa fa-angle-right" aria-hidden="true"></i></a> <ul> <li> <a href="#">Каталог 1.1.1</a> <ul> <li><a href="#">Каталог 1.1.1.1</a></li> <li><a href="… text/html 2019-03-04T09:23:49+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/blok_spisoka_katalogov?rev=1551691429&do=diff Блок списка каталогов В списке каталогов показан блок(вид) каталога test. Верстку и css елемента каталога можно посмотреть здесь №1 Список каталогов в слайдере text/html 2019-03-04T09:24:42+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/blok_spisoka_statei?rev=1551691482&do=diff Блок списка статей В списке статей показан блок(вид) статьи test. Верстку и css елемента статьи можно посмотреть здесь №1 Список статей в слайдере text/html 2019-03-04T09:24:10+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/blok_spisoka_tovarov?rev=1551691450&do=diff Блок списка товаров В списке товаров показан блок(вид) товара test. Верстку и css елемента товара можно посмотреть здесь №1 Список товаров в слайдере text/html 2019-03-04T09:24:32+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/blok_statei?rev=1551691472&do=diff Блок статей Вид статьи может меняться взависимости от дизайна, но основные блоки должены сохраняться Вот несколько видов: text/html 2019-03-04T09:23:59+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/blok_tovarov?rev=1551691439&do=diff Блок товаров Вид товара может меняться взависимости от дизайна, но основные блоки должены сохраняться Вот несколько видов: Вида товара в примере верстки text/html 2019-03-04T09:26:59+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/formy?rev=1551691619&do=diff Формы Оформление элементов может меняться взависимости от дизайна Вид элементов в примере верстки Посмотреть код html <div class="itemBlock"> <p class="el_blockTitle_xxxxxx">Элементы формы без обертки .form-group</p> <label>Заголовок инпута</label> <input type="text" name="inputName" placeholder="Инпут"> <label>Заголовок селекта</label> <select name="selectName" placeholder="Селект"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3… text/html 2019-03-04T09:25:25+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/navigatcionnaia_stroka?rev=1551691525&do=diff Навигационная строка Вид навигационной строки может меняться взависимости от дизайна, но основные блоки должены сохраняться Вот несколько видов: text/html 2019-03-06T12:00:40+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/osnovnyye_veypointy?rev=1551873640&do=diff Основные вейпоинты для тем За основу берем Bootstrap grid breakpoints Пример: Размер экрана от ~ до 1200pх Максимальная ширина сайта (контента) - 1200px text/html 2019-03-04T09:26:04+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/paginatciya?rev=1551691564&do=diff Пагинация Вид блока может меняться взависимости от дизайна, но основные блоки должены сохраняться Вот несколько видов: Вид блока в примере верстки text/html 2019-03-04T09:23:09+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/proizvolnyi_blok?rev=1551691389&do=diff Произвольный блок <div class="el_1Tk2HJgt"> <div class="wrapperInner"> ... </div> </div> text/html 2019-03-04T09:27:09+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/slaider?rev=1551691629&do=diff Слайдер №1 Блок со слайдером изображений в центральной области Посмотреть код html <div class="el_centralBanner_xxxxxx"> <div class="wrapperInner initBanner"> <div class="item"> <a href="#1" style="background-color: #FFFFFF; background-image: url({{ "banner1.jpg"|shareUrl }});"></a> </div> <div class="item"> <a href="#2" style="background-color: #FFFFFF; background-image: url({{ "banner2.jpg"|shareUrl }});"></a> </div> <div class="item"> <a href="#3" style="background… text/html 2019-03-04T09:24:58+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/stranitca_spisoka_zakazov?rev=1551691498&do=diff Страница списка заказов Вид страницы может меняться взависимости от дизайна, но основные блоки должены сохраняться Вот несколько видов: text/html 2019-03-04T10:07:20+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/stranitca_tovara?rev=1551694040&do=diff Страница товара Изображения товара Основное изображение остается одним. Мелкие изображения делаем слайдером. При клике на мелкое изображение заменяем путь к картинке на основном. При клике на основное - увеличиваем (фансибокс например) text/html 2019-03-04T09:25:08+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/stranitca_zakaza?rev=1551691508&do=diff Страница заказа Вид страницы может меняться взависимости от дизайна, но основные блоки должены сохраняться Вот несколько видов: text/html 2019-01-16T09:35:50+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/type_content_block_1_css?rev=1547631350&do=diff Пример CSS кода для блока типа №1 с количеством елементов в списке от 2 до 7 Пример верстки для количества елементов в списке от 2 до 7. В этом примере показана верстка для максимальной ширины контента 1170px. text/html 2019-01-16T09:36:06+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/type_content_block_2_css?rev=1547631366&do=diff Пример CSS кода для блока типа №2 с количеством елементов в списке от 2 до 7 Можно использовать для страниц как слевым так и справым меню. text/html 2019-01-16T09:35:59+0000 Anonymous (anonymous@undisclosed.example.com) https://doc.komiz.io/dev/tpl/pravila_verstki_besplatnyh_shablonov/primery_verstki_blokov/type_content_block_3_css?rev=1547631359&do=diff Пример CSS кода для блока типа №3 с количеством елементов в списке от 2 до 7 Можно использовать для страниц с левым и правым меню. Пример верстки для количества елементов в списке от 2 до 7.