Your IP : 3.137.211.240
mixin block-name()
.block-name.bem&attributes(attributes)
mixin accordion-steps()
.accordion-steps.bem&attributes(attributes)#bx-soa-order
.accordion-steps__content
+accordion-informer
+accordion-step-1.bx-active.bx-step-completed
+accordion-step-2.bx-active
+accordion-step-3
+accordion-step-4
+accordion-step-5
.accordion-steps__submit
a(href="#").button-primary Оформить заказ
.accordion-steps__result
.accordion-steps-result
.accordion-steps-result__item
.accordion-steps-result__label Товаров на:
.accordion-steps-result__value
.accordion-steps-result__discount <span>3 176</span> руб.
.accordion-steps-result__base.is-discount <span>3 176</span> руб.
.accordion-steps-result__item
.accordion-steps-result__label Доставка:
.accordion-steps-result__value
.accordion-steps-result__base <span>500</span> руб.
.accordion-steps-result__footer
.accordion-steps-result__label Итого:
.accordion-steps-result__value 3 670 руб.
.accordion-steps-result__total-button-container
a(href="#").button-primary Оформить заказ
mixin accordion-informer ()
.accordion-steps-informer.bem#bx-soa-main-notifications
.is-alert.is-alert-warning(data-type='informer')
div(style='position: relative; padding-left: 48px;')
.icon-warning
div
p Вы заказывали в нашем интернет-магазине, поэтому мы заполнили все данные автоматически.<br>
p Обратите внимание на развернутый блок с информацией о заказе. Здесь вы можете внести необходимые изменения или оставить как есть и нажать кнопку "Оформить заказ".
mixin accordion-steps-coupon ()
.accordion-step-coupon.bem&attributes(attributes)
.accordion-step-coupon__title Применить купон
.accordion-step-coupon__input
input(type='text')
mixin accordion-step-1()
.accordion-step.bem&attributes(attributes)
.accordion-step__header
.accordion-step__title-wrapper
.accordion-step__title-count
.accordion-step__title Товары в заказе
.accordion-step__settings
a(href='#').accordion-step__editstep Изменить
.accordion-step__content
.accordion-step__item-table
.accordion-step__item-tr.is-basket-info.accordion-step__item-tr-first
.accordion-step__item-td
.accordion-step__item-block
.accordion-step__item-img-block
a(href='#')
.accordion-step__item-imgcontainer(style='background-image: url(https://placeholdit.imgix.net/~text?txtsize=200&txt=Ф&h=500&w=500);')
.accordion-step__item-content
.accordion-step__item-title
a(href='#') Футболка Без рукавов
.accordion-step__scu-container
.accordion-step__item-td-title Объем
.accordion-step__item-td-text 10л
.accordion-step__item-td.bx-soa-item-properties
.accordion-step__item-td-title Краткое описание
.accordion-step__item-td-text Lorem ipsum dolor sit amet.
.accordion-step__item-td.bx-soa-item-properties.bx-text-right
.accordion-step__item-td-title Цена
.accordion-step__item-td-text
.bx-price 10 000 руб.
.accordion-step__item-td.bx-soa-item-properties.bx-text-right
.accordion-step__item-td-title Количество
.accordion-step__item-td-text 9 шт.
.accordion-step__item-td.bx-soa-item-properties.bx-text-right
.accordion-step__item-td-title Сумма
.accordion-step__item-td-text
.bx-price.all 90 000 руб.
.accordion-step__item-tr.is-basket-info
.accordion-step__item-td
.accordion-step__item-block
.accordion-step__item-img-block
a(href='#')
.accordion-step__item-imgcontainer(style='background-image: url(https://placeholdit.imgix.net/~text?txtsize=200&txt=Ф&h=500&w=500);')
.accordion-step__item-content
.accordion-step__item-title
a(href='#') Футболка Без рукавов
.accordion-step__scu-container
.accordion-step__item-td-title Объем
.accordion-step__item-td-text 10л
.accordion-step__item-td.bx-soa-item-properties
.accordion-step__item-td-title Краткое описание
.accordion-step__item-td-text Lorem ipsum dolor sit amet.
.accordion-step__item-td.bx-soa-item-properties.bx-text-right
.accordion-step__item-td-title Цена
.accordion-step__item-td-text
.bx-price 10 000 руб.
.accordion-step__item-td.bx-soa-item-properties.bx-text-right
.accordion-step__item-td-title Количество
.accordion-step__item-td-text 9 шт.
.accordion-step__item-td.bx-soa-item-properties.bx-text-right
.accordion-step__item-td-title Сумма
.accordion-step__item-td-text
.bx-price.all 90 000 руб.
+accordion-steps-coupon.is-infooter
.accordion-step__footer
.accordion-step__buttons
a(href="#").accordion-step__next Далее
mixin accordion-step-2()
.accordion-step.bem&attributes(attributes)
.accordion-step__header
.accordion-step__title-wrapper
.accordion-step__title-count
.accordion-step__title Регион доставки
.accordion-step__settings
a(href='#').accordion-step__editstep Изменить
.accordion-step__content
.bx_soa_location
.form-standart
.form-standart__field
.form-standart__label Тип плательщика
ul.form-standart__list
li.form-standart__list-item
label
input(type='radio' name='pickpoint' checked)
| Физическое лицо
li.form-standart__list-item
label
input(type='radio' name='pickpoint')
| Юридическое лицо
.form-standart__field.bx-soa-location-input-container
.form-standart__label Город
.form-standart__inputs
input(type="text" name="email" placeholder="Введите название ..." value="" data-mask='email' data-necessary)
.accordion-step__reference Выберите свой городе в списке. Если вы не нашли свой город, выберите "другое местоположение", а город впишите в поле "Город"
.accordion-step__footer
.accordion-step__buttons
a(href="#").accordion-step__prev Назад
a(href="#").accordion-step__next Далее
mixin accordion-step-3()
.accordion-step.bem&attributes(attributes)
.accordion-step__header
.accordion-step__title-wrapper
.accordion-step__title-count
.accordion-step__title Доставка
.accordion-step__settings
a(href='#').accordion-step__editstep Изменить
.accordion-step__content
.accordion-step__pp
.accordion-step__item-container
.accordion-step__pp-company.bx-selected(data-id="1")
.accordion-step__pp-company-graf-container
input.accordion-step__pp-company-checkbox.unstyled(type='checkbox', checked)
.accordion-step__pp-company-image(style='background-image: url(https://placeholdit.imgix.net/~text?txtsize=20&txt=Курьером&h=250&w=500);')
.accordion-step__pp-delivery-cost 150 руб.
.accordion-step__pp-company-smalltitle Курьером
.accordion-step__pp-company(data-id="2")
.accordion-step__pp-company-graf-container
input.accordion-step__pp-company-checkbox.unstyled(type='checkbox')
.accordion-step__pp-company-image(style='background-image: url(https://placeholdit.imgix.net/~text?txtsize=20&txt=Самовывоз&h=250&w=500);')
.accordion-step__pp-delivery-cost 0 руб.
.accordion-step__pp-company-smalltitle Самовывоз
.accordion-step__pp-desc-container
.accordion-step__pp-company(data-id="1")
.accordion-step__pp-company-subTitle Курьером
.accordion-step__pp-company-logo
.accordion-step__pp-company-graf-container
.accordion-step__pp-company-image(style='background-image: url(https://placeholdit.imgix.net/~text?txtsize=20&txt=Курьером&h=250&w=500);')
.accordion-step__pp-company-block
.accordion-step__pp-company-desc
div.clearfix
ul.accordion-step__pp-list
li
.accordion-step__pp-list-termin Стоимость:
.accordion-step__pp-list-description 150 руб.
.accordion-step__pp-company.is-hidden(data-id="2")
.accordion-step__pp-company-subTitle Самовывоз
.accordion-step__pp-company-logo
.accordion-step__pp-company-graf-container
.accordion-step__pp-company-image(style='background-image: url(https://placeholdit.imgix.net/~text?txtsize=20&txt=Самовывоз&h=250&w=500);')
.accordion-step__pp-company-block
.accordion-step__pp-company-desc
div.clearfix
ul.accordion-step__pp-list
li
.accordion-step__pp-list-termin Стоимость:
.accordion-step__pp-list-description 0 руб.
.accordion-step__footer
.accordion-step__buttons
a(href="#").accordion-step__prev Назад
a(href="#").accordion-step__next Далее
mixin accordion-step-4()
.accordion-step.bem&attributes(attributes)
.accordion-step__header
.accordion-step__title-wrapper
.accordion-step__title-count
.accordion-step__title Оплата
.accordion-step__settings
a(href='#').accordion-step__editstep Изменить
.accordion-step__content
.accordion-step__pp
.accordion-step__item-container
.accordion-step__pp-company.bx-selected(data-id="1")
.accordion-step__pp-company-graf-container
input.accordion-step__pp-company-checkbox.unstyled(type='checkbox', checked)
.accordion-step__pp-company-image(style='background-image: url(https://placeholdit.imgix.net/~text?txtsize=30&txt=Наличными&h=250&w=500);')
.accordion-step__pp-company-smalltitle Наличные курьеру
.accordion-step__pp-company(data-id="2")
.accordion-step__pp-company-graf-container
input.accordion-step__pp-company-checkbox.unstyled(type='checkbox')
.accordion-step__pp-company-image(style='background-image: url(https://placeholdit.imgix.net/~text?txtsize=30&txt=Картой&h=250&w=500);')
.accordion-step__pp-company-smalltitle Оплата картой
.accordion-step__pp-desc-container
.accordion-step__pp-company(data-id="1")
.accordion-step__pp-company-subTitle Наличные курьеру
.accordion-step__pp-company-logo
.accordion-step__pp-company-graf-container
.accordion-step__pp-company-image(style='background-image: url(https://placeholdit.imgix.net/~text?txtsize=20&txt=Наличными&h=250&w=500);')
.accordion-step__pp-company-block
.accordion-step__pp-company-desc
.accordion-step__pp-company.is-hidden(data-id="2")
.accordion-step__pp-company-subTitle Оплата картой
.accordion-step__pp-company-logo
.accordion-step__pp-company-graf-container
.accordion-step__pp-company-image(style='background-image: url(https://placeholdit.imgix.net/~text?txtsize=20&txt=Картой&h=250&w=500);')
.accordion-step__pp-company-block
.accordion-step__pp-company-desc
.accordion-step__footer
.accordion-step__buttons
a(href="#").accordion-step__prev Назад
a(href="#").accordion-step__next Далее
mixin accordion-step-5()
.accordion-step.bem&attributes(attributes)
.accordion-step__header
.accordion-step__title-wrapper
.accordion-step__title-count
.accordion-step__title Покупатель
.accordion-step__settings
a(href='#').accordion-step__editstep Изменить
.accordion-step__content
.is-alert.is-alert-danger Тут будет текст ошибок общий
.accordion-step__customer-wrapper
.accordion-step__customer
.form-standart.accordion-step__customer-field
label
span.bx-authform-starrequired *
| Фамилия, имя, отчество
.soa-property-container
input.accordion-step__form-control.accordion-step__customer-input.bx-ios-fix(type='text')
.form-standart.accordion-step__customer-field
label
span.bx-authform-starrequired *
| E-Mail
.soa-property-container
input.accordion-step__form-control.accordion-step__customer-input.bx-ios-fix(type='email')
.form-standart.accordion-step__customer-field
label
span.bx-authform-starrequired *
| Телефон
.soa-property-container
input.accordion-step__form-control.accordion-step__customer-input.bx-ios-fix(type='tel')
.form-standart.accordion-step__customer-field
label
span.bx-authform-starrequired *
| Адрес
.soa-property-container
textarea.accordion-step__form-control.bx-ios-fix(cols='30', rows='2')
.form-standart.accordion-step__customer-field
label.accordion-step__customer-label Комментарии к заказу:
textarea.accordion-step__form-control.accordion-step__customer-textarea.bx-ios-fix
.accordion-step__footer
.accordion-step__buttons
a(href="#").accordion-step__prev Назад
mixin address-detail()
.address-detail.bem&attributes(attributes)
.address-detail__caption Название магазина
.address-detail__cols
.address-detail__left-col
.address-detail__contact-holder
ul.address-detail__contact-items
li.address-detail__contact-item
.address-detail__contact-label Телефон:
.address-detail__contact-value.is-important +7 (495) 123-45-67
li.address-detail__contact-item
.address-detail__contact-label Факс:
.address-detail__contact-value.is-important +7 (495) 123-45-67
li.address-detail__contact-item
.address-detail__contact-label Режим работы:
.address-detail__contact-value с 10 до 20 без выходных
li.address-detail__contact-item
.address-detail__contact-label E-mail:
.address-detail__contact-value
a(href="#") orderonline@myshop1.ru
li.address-detail__contact-item
.address-detail__contact-label Сайт:
.address-detail__contact-value
a(href="#") www.myshop3.ru
li.address-detail__contact-item
.address-detail__contact-label Адрес:
.address-detail__contact-value Москва, ул. Перевёрнутая, д. 3. ТД "Перевёртыш"
.address-detail__routes-holder
.address-detail__route
.address-detail__route-title На машине
.address-detail__route-description Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
.address-detail__route
.address-detail__route-title На метро
.address-detail__route-description.content-area
p Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.
p Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
.address-detail__right-col
.address-detail__map
+ymap
.address-detail__photo-gallery
+photogallery-with-thumbs_contacts(data-thumbs-qtty="2")
mixin advantages-grid()
.advantages-grid.is-3cols.bem&attributes(attributes)
.advantages-grid__title Преимущества
ul.advantages-grid__list
each val in [1,2,3]
li.advantages-grid__item
.advantages-grid__icon-holder
.advantages-grid__icon
img.advantages-grid__icon-img(src="http://placehold.it/100x100?text=Фото")
.advantages-grid__content-holder
.advantages-grid__name.content-area Лучшее качество
.advantages-grid__text.content-area Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
mixin articles-list()
.articles-list.bem
ul.articles-list__items
li.articles-list__item
.articles-list__thumbnail
.articles-list__thumb-holder
a.articles-list__thumb-link(href="#")
img.articles-list__thumb-img(src="http://placehold.it/158x126?text=Фото статьи", width="158")
.articles-list__content
.articles-list__title
a.articles-list__title-link(href="#") Заголовок-ссылка статьи
.articles-list__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
ul.articles-list__tags
li.articles-list__tag
a.articles-list__tag-link(href="#") Михаил Иванович
li.articles-list__tag
a.articles-list__tag-link(href="#") Спорт
li.articles-list__tag
a.articles-list__tag-link(href="#") Искусство
li.articles-list__item
.articles-list__thumbnail
.articles-list__thumb-holder
a.articles-list__thumb-link(href="#")
img.articles-list__thumb-img(src="http://placehold.it/158x126?text=Фото статьи", width="158")
.articles-list__content
.articles-list__title
a.articles-list__title-link(href="#") Заголовок-ссылка статьи
.articles-list__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
ul.articles-list__tags
li.articles-list__tag
a.articles-list__tag-link(href="#") Михаил Иванович
li.articles-list__tag
a.articles-list__tag-link(href="#") Спорт
li.articles-list__tag
a.articles-list__tag-link(href="#") Искусство
li.articles-list__item
.articles-list__thumbnail
.articles-list__thumb-holder
a.articles-list__thumb-link(href="#")
img.articles-list__thumb-img(src="http://placehold.it/158x126?text=Фото статьи", width="158")
.articles-list__content
.articles-list__title
a.articles-list__title-link(href="#") Заголовок-ссылка статьи
.articles-list__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
ul.articles-list__tags
li.articles-list__tag
a.articles-list__tag-link(href="#") Михаил Иванович
li.articles-list__tag
a.articles-list__tag-link(href="#") Спорт
li.articles-list__tag
a.articles-list__tag-link(href="#") Искусство
li.articles-list__item
.articles-list__thumbnail
.articles-list__thumb-holder
a.articles-list__thumb-link(href="#")
img.articles-list__thumb-img(src="http://placehold.it/158x126?text=Фото статьи", width="158")
.articles-list__content
.articles-list__title
a.articles-list__title-link(href="#") Заголовок-ссылка статьи
.articles-list__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
ul.articles-list__tags
li.articles-list__tag
a.articles-list__tag-link(href="#") Михаил Иванович
li.articles-list__tag
a.articles-list__tag-link(href="#") Спорт
li.articles-list__tag
a.articles-list__tag-link(href="#") Искусство
li.articles-list__item
.articles-list__thumbnail
.articles-list__thumb-holder
a.articles-list__thumb-link(href="#")
img.articles-list__thumb-img(src="http://placehold.it/158x126?text=Фото статьи", width="158")
.articles-list__content
.articles-list__title
a.articles-list__title-link(href="#") Заголовок-ссылка статьи
.articles-list__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
ul.articles-list__tags
li.articles-list__tag
a.articles-list__tag-link(href="#") Михаил Иванович
li.articles-list__tag
a.articles-list__tag-link(href="#") Спорт
li.articles-list__tag
a.articles-list__tag-link(href="#") Искусство
mixin auth-form()
//- В рамках рефакторинга js-а сделать одно поле под все ошибки
.auth-form.is-auth-form.bem&attributes(attributes)
.auth-form__plate
block auth-form__title
.auth-form__title Авторизация
form.js-ajax(name="" method="" action="#")
.auth-form__fields-list
.auth-form__field
.auth-form__item
.auth-form__inputs
input(type="email" name="email" placeholder="E-mail" value="" data-mask='email' data-necessary)
.auth-form__message
.auth-form__error Неверно заполнен e-mail
.auth-form__none Пожалуйста, укажите свой e-mail
.auth-form__field
.auth-form__item
.auth-form__inputs
input(type="password" placeholder="Пароль" name="password" value="")
.auth-form__message
.auth-form__error Неверный пароль
.auth-form__none Введите пароль
.auth-form__field
.auth-form__item
.auth-form__captcha
.auth-form__captcha-img
img(src="http://placehold.it/200x70", alt="Капча" width=200)
.auth-form__captcha-reload
a.auth-form__captcha-link(href="#") Обновить
.auth-form__inputs
input(type='text' name="name" placeholder="Введите код с картинки" value="" data-necessary)
.auth-form__message
.auth-form__none Пожалуйста, укажите код
.auth-form__field
.auth-form__item
.auth-form__inputs
label
input(type='checkbox' data-necessary)
| Запомнить меня
.auth-form__field
.auth-form__item
.auth-form__common-error
span.auth-form__common-error-text Неверный логин / пароль
.auth-form__field
.auth-form__item
.auth-form__inputs
input.button-primary(type="submit" name="" value="Войти")
ul.auth-form__link-items
li.auth-form__link-item
a.auth-form__forgot-link.js-modal(href="#forgotpasswd") Забыли пароль?
li.auth-form__link-item
a.auth-form__reg-link.js-modal(href="#register") Регистрация
.auth-form__socials-holder
.auth-form__socials-caption Войти через
ul.auth-form__socials
li.auth-form__socials-item
a.auth-form__socials-link.is-ok(href="#")
li.auth-form__socials-item
a.auth-form__socials-link.is-vk(href="#")
li.auth-form__socials-item
a.auth-form__socials-link.is-tw(href="#")
li.auth-form__socials-item
a.auth-form__socials-link.is-fb(href="#")
mixin auth-block()
.auth-block.bem&attributes(attributes)
block auth-block__caption
.auth-block__caption Авторизация
.auth-block__intro-text.content-area
p Для входа на сайт, вам нужно ввести свой <nobr>E-mail</nobr> и пароль. Пароль был выслан вам на <nobr>E-mail</nobr> после оформления заказа.<br/> Если вы ещё не совершали заказов, но хотите зарегистрироваться на сайте предварительно — воспользуйтесь <a href="#">этой ссылкой</a>.
.auth-block__form
.auth-block__plate
+auth-form
mixin auth-link_login()
.auth-link.bem&attributes(attributes)
ul.auth-link__items
li.auth-link__item
a.auth-link__link.js-modal(href="#auth") Войти
li.auth-link__item
a.auth-link__link.js-modal(href="#register") Зарегистрироваться
mixin auth-link_user()
.auth-link.bem&attributes(attributes)
ul.auth-link__items
li.auth-link__item
a.auth-link__user-link(href="#") <span class="auth-link__user-name">Евлампий Аполлонович</span>
mixin b2b-modal()
.b2b-modal.bem&attributes(attributes)
.b2b-modal__holder
.b2b-modal__title Характеристики товара
.b2b-modal__product
.b2b-modal__product-content
.b2b-modal__thumb
a.b2b-modal__thumb-link(href="#")
img.b2b-modal__thumb-img(src="http://placehold.it/300x300?text=Фото" width="300")
.b2b-modal__props-holder
.b2b-modal__props
.b2b-modal__prop-row
.b2b-modal__prop-name Тип арматуры:
.b2b-modal__prop-value Затворы дисковые
.b2b-modal__prop-row
.b2b-modal__prop-name Категория осн:
.b2b-modal__prop-value Межфланцевые (Wafer)
.b2b-modal__prop-row
.b2b-modal__prop-name Торговая марка:
.b2b-modal__prop-value XUROX
.b2b-modal__prop-row
.b2b-modal__prop-name Давление:
.b2b-modal__prop-value PN16
.b2b-modal__prop-row
.b2b-modal__prop-name Материал корпуса:
.b2b-modal__prop-value Чугун (GGG 40.5)
.b2b-modal__prop-row
.b2b-modal__prop-name Материал зап. устройства:
.b2b-modal__prop-value Чугун (GGG 50)
.b2b-modal__prop-row
.b2b-modal__prop-name Материал уплотнения:
.b2b-modal__prop-value EPDM
.b2b-modal__prop-row
.b2b-modal__prop-name Диаметр:
.b2b-modal__prop-value DN32 - DN1000
mixin b2b-table()
.b2b-table.bem&attributes(attributes)
.b2b-table__title Запрос: 202WE R DN50 PN16202WE R DN50 PN16
.b2b-table__table-wrapper
table.b2b-table__table
thead.b2b-table__head
tr.b2b-table__head-tr
th.b2b-table__th.b2b-table__th-vendor-code Артикул
th.b2b-table__th.b2b-table__th-info
th.b2b-table__th.b2b-table__th-name Наименование
th.b2b-table__th.b2b-table__th-price Цена
th.b2b-table__th.b2b-table__th-percent %
th.b2b-table__th.b2b-table__th-stock Склад
th.b2b-table__th.b2b-table__th-reserve Рез
th.b2b-table__th.b2b-table__th-balance Ост
th.b2b-table__th.b2b-table__th-date Дата пост
th.b2b-table__th.b2b-table__th-quantity Кол-во
th.b2b-table__th.b2b-table__th-buy-col
tbody.b2b-table__body
each product in [1,2,3,4,5,6,7,8,9]
tr.b2b-table__tr
td.b2b-table__td.b2b-table__vendor-code 202WE R DN50 PN16
td.b2b-table__td.b2b-table__info
a.b2b-table__info-link.js-b2b-info-link(href="#")
.b2b-table__modal
+b2b-modal.js-b2b-info-modal
td.b2b-table__td.b2b-table__name
a.b2b-table__link(href="#") Затвор дисковый межфланцевый Xurox 202WE R DN50 PN16, GGG40.5 / GGG50 / EPDM, редуктор
td.b2b-table__td.b2b-table__price 230 €
td.b2b-table__td.b2b-table__percent 10%
td.b2b-table__td.b2b-table__stock 20
td.b2b-table__td.b2b-table__reserve 16
td.b2b-table__td.b2b-table__balance 4
td.b2b-table__td.b2b-table__date 23.09.15
td.b2b-table__td.b2b-table__quantity
+counter-input
td.b2b-table__td.b2b-table__buy-col
a.button(href="#") Купить
mixin b2b-table-empty()
.b2b-table.bem&attributes(attributes)
.b2b-table__title Запрос: 202WE R DN50 PN16202WE R DN50 PN16
.b2b-table__table-wrapper
table.b2b-table__table
tbody.b2b-table__body
tr.b2b-table__tr
td.b2b-table__td Товар по запросу не найден
mixin back-link(txt)
.back-link.bem&attributes(attributes)
a.back-link__link(href="#")= txt
mixin booklets-list()
.booklets-list.bem&attributes(attributes)
ul.booklets-list__items
each val in [1,2,3,4,5,6,7,8]
li.booklets-list__item
.booklets-list__booklet
.booklets-list__bg-holder
a.booklets-list__booklet-link(href="#")
img.booklets-list__booklet-img(src="http://placehold.it/875x1200", alt="Лого" width=875 height=1200)
.booklets-list__bg-holder
.booklets-list__title= 'Поясняющая подпись '+val
.booklets-list__bg-holder
span.booklets-list__type PDF
span.booklets-list__size (83.17 КБ)
a.booklets-list__download-link(href="#") Скачать
mixin brands-detail()
.brands-detail.bem&attributes(attributes)
//- .brands-detail__title Заголовок конкретной новости
.brands-detail__image-holder
img.brands-detail__main-image(src="http://placehold.it/1200x300?text=img", width=1200)
//.brands-detail__date 12 августа 2014
.brands-detail__content.content-area
p.intro Текст анонса новости. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
p Детальный текст новости. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
p Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.
p Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
.brands-detail__recomend&attributes(attributes)
.brands-detail__recomend-title Одежда
+catalog-items(3).is-3cols
mixin brands-list()
.brands-list.bem
block brands-list-title
.brands-list__title Все бренды
ul.brands-list__items
each val in [1,2,3]
li.brands-list__item
.brands-list__logo
a.brands-list__logo-link(href="#")
img.brands-list__logo-img(src="http://placehold.it/143x143?text=Фото", width="143")
.brands-list__info
.brands-list__company
a.brands-list__company-link(href="#") Наименование компании-1
.brands-list__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
a.brands-list__view(href="#") Ссылка просмотр
li.brands-list__item
.brands-list__logo
a.brands-list__logo-link(href="#")
img.brands-list__logo-img(src="http://placehold.it/143x143?text=Фото", width="143")
.brands-list__info
.brands-list__company
a.brands-list__company-link(href="#") Наименование компании. Очень длинное навзание компании-2
.brands-list__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
a.brands-list__view(href="#") Ссылка просмотр
mixin brands-tiles()
.brands-tiles.bem&attributes(attributes)
ul.brands-tiles__items
each val in ['РЖД','Betty Barclay','Apple','Bugatti Rus','Gerry Weber','Перектресток','Почта России','Nenette','Ингосстрах','Пятерочка','Zerres']
li.brands-tiles__item
.brands-tiles__cert
.brands-tiles__bg-holder
.brands-tiles__link
img.brands-tiles__bg(src="http://placehold.it/1200x875?text="+val, alt="Лого" width=875 height=1200)
.brands-tiles__content-holder
.brands-tiles__title= val
mixin breadcrumbs()
.breadcrumbs.bem&attributes(attributes)
ul.breadcrumbs__list
li.breadcrumbs__item
a.breadcrumbs__link(href='#' title='') Главная
li.breadcrumbs__item
a.breadcrumbs__link(href='#' title='') Каталог
li.breadcrumbs__item
a.breadcrumbs__link(href='#' title='') Категория
li.breadcrumbs__item
span.breadcrumbs__text Страница
mixin buttons-icon()
.buttons-icon.bem&attributes(attributes)
a(href="#").buttons-icon__button.is-rss
mixin buyer-questionary()
.buyer-questionary
.buyer-questionary__evaluation-list
.buyer-questionary__block-title Пожалуйста, оцените нас
+evaluation-list
.buyer-questionary__evaluation-products-list
.buyer-questionary__block-title Пожалуйста, оцените нас
+evaluation-products-list
.buyer-questionary__evaluation-review
mixin cart-items()
.cart-items.bem&attributes(attributes)
//
.cart-items__title Корзина
.cart-items__table
.cart-items__table-head
.cart-items__table-cell.cart-items__cell-order.is-head
span.cart-items__head-title Описание
.cart-items__table-cell.cart-items__cell-price.is-head
span.cart-items__head-title Цена
.cart-items__table-cell.cart-items__cell-quantity.is-head
span.cart-items__head-title Количество
.cart-items__table-cell.cart-items__cell-total.is-head
span.cart-items__head-title Сумма
.cart-items__table-cell.cart-items__cell-remove.is-head
span.cart-items__head-title
each product in [1,2]
.cart-items__table-item
.cart-items__table-cell.cart-items__cell-order
.cart-items__order-thumb
a.cart-items__thumb-link(href="#")
img.cart-items__thumb-img(src="http://placehold.it/82x82?text=Фото" with="82")
.cart-items__order-options
.cart-items__order-name
a.cart-items__name-link(href="#") Подушка 50х70 бамбук ПБ-11
.cart-items__sku-selected
.cart-items__sku-selected-item
span.cart-items__sku-selected-key Цвет:
=' '
span.cart-items__sku-selected-value Зелёный
.cart-items__sku-selected-item
span.cart-items__sku-selected-key Размер:
=' '
span.cart-items__sku-selected-value 46
.cart-items__sku-selected-change
a.cart-items__sku-selected-link(href="#") Изменить
.cart-items__sku-holder
.cart-items__sku
.cart-items__sku-caption Цвет:
ul.cart-items__sku-list
li.cart-items__sku-item
a.cart-items__sku-link(href="#")
span.cart-items__color.is-active(style="background-color:green;")
li.cart-items__sku-item
a.cart-items__sku-link(href="#")
span.cart-items__color(style="background-color:yellow;")
.cart-items__sku
.cart-items__sku-caption Размер:
ul.cart-items__sku-list
li.cart-items__sku-item
a.cart-items__sku-link(href="#")
span.cart-items__size.is-active 46
li.cart-items__sku-item
a.cart-items__sku-link(href="#")
span.cart-items__size 48
li.cart-items__sku-item
a.cart-items__sku-link(href="#")
span.cart-items__size 50
li.cart-items__sku-item
a.cart-items__sku-link(href="#")
span.cart-items__size 52
li.cart-items__sku-item
a.cart-items__sku-link(href="#")
span.cart-items__size 54
.cart-items__table-cell.cart-items__cell-price
.cart-items__price-discount Скидка 45%
.cart-items__price-old 3 182 <span class="rub">руб.</span>
.cart-items__price-value <span class="cart-items__price-number">2 195</span> <span class="rub">руб.</span>
.cart-items__table-cell.cart-items__cell-quantity
+counter-input
.cart-items__table-cell.cart-items__cell-total
span.cart-items__total-value <span class="cart-items__total-number">3 000</span> <span class="rub">руб.</span>
.cart-items__table-cell.cart-items__cell-remove
span.cart-items__remove-order
.cart-items__table-item
.cart-items__table-cell.cart-items__cell-order
.cart-items__order-thumb
a.cart-items__thumb-link(href="#")
img.cart-items__thumb-img(src="http://placehold.it/82x82?text=Фото" with="82")
.cart-items__order-options
.cart-items__order-name
a.cart-items__name-link(href="#") Набор стаканов для виски Rona 1605/0/390 стекло Business set 2шт 390мл тубус
.cart-items__table-cell.cart-items__cell-price
.cart-items__price-value <span class="cart-items__price-number">1 850</span> <span class="rub">руб.</span>
.cart-items__table-cell.cart-items__cell-quantity
+counter-input
.cart-items__table-cell.cart-items__cell-total
span.cart-items__total-value <span class="cart-items__total-number">2 500</span> <span class="rub">руб.</span>
.cart-items__table-cell.cart-items__cell-remove
span.cart-items__remove-order
.cart-items__footer
.cart-items__footer-content
.cart-items__back
.cart-items__coupon
span Введите код купона для скидки:
input(type="text", size="21")
.e_apply_coupon.button OK
.coupon-list
.coupon.bx_ordercart_coupon.bad
span.coupon_text.bad KOD1
.bx_ordercart_coupon_notes.notes.bad не найден
.close x
.coupon.bx_ordercart_coupon.good
span.coupon_text.good KOD_KUPONA2
.bx_ordercart_coupon_notes.notes.good применен
.close x
.coupon.bx_ordercart_coupon.disabled
span.coupon_text.disabled KOD_KUPONA
.bx_ordercart_coupon_notes.notes.disabled купон не был применен
.close x
.cart-items__result
.cart-items__result-info
.cart-items__result-sum
span.cart-items__sum-old 9 929 <span class="rub">руб.</span>
.cart-items__result-full
span.cart-items__full-label Итого:
|
span.cart-items__full-price 8 815 <span class="rub">руб.</span>
.cart-items__footer-content
.cart-items__back
+back-link("Вернуться к покупкам")
.cart-items__result
.cart-items__result-btn
a.cart-items__checkout.button-primary(href="#") Оформить заказ
mixin cart-items-empty()
.cart-items.bem&attributes(attributes)
.cart-items__empty-wrap
.cart-items__empty-img
.cart-items__empty-text Ваша корзина пуста
.cart-items__empty-text Выбрать товары можно в нашем <a href="#">каталоге</a>
mixin cart-items2()
.cart-items2.bem&attributes(attributes)
block cart-items2__title
.cart-items2__title Корзина
.cart-items2__cart-content
.cart-items2__cart-header
.cart-items2__name-head
span.cart-items2__head-name Товар
.cart-items2__price-head
span.cart-items2__head-price Цена
.cart-items2__amount-head
span.cart-items2__head-amount Количество
.cart-items2__sum-head
span.cart-items2__head-sum Сумма, руб
.cart-items2__remove-head
.cart-items2__product
.cart-items2__name-col
.cart-items2__thumb
a.cart-items2__thumb-link(href="#")
img.cart-items2__thumb-img(src="http://placehold.it/120x100?text=Фото" width="120")
.cart-items2__description
.cart-items2__name-title
a.cart-items2__name-link(href="#") Премикс П 1 1
.cart-items2__name-subtitle Премикс для племенных кур-несушек, уток, индеек, гусей, цесарок
.cart-items2__price-col
.cart-items2__price-value <span class="cart-items2__price-number">2 261,6</span> <span class="rub">руб</span>/мешок
.cart-items2__amount-col
.cart-items2__amount-counter
+counter-input_variant('мешков')
.cart-items2__sum-col
.cart-items2__sum-value <span class="cart-items2__sum-number">2 261,6</span> <span class="rub">руб</span>
.cart-items2__remove-col
span.cart-items2__remove-order
.cart-items2__product
.cart-items2__name-col
.cart-items2__thumb
a.cart-items2__thumb-link(href="#")
img.cart-items2__thumb-img(src="http://placehold.it/120x100?text=Фото" width="120")
.cart-items2__description
.cart-items2__name-title
a.cart-items2__name-link(href="#") Премикс П 1 1
.cart-items2__name-subtitle Премикс для племенных кур-несушек, уток, индеек, гусей, цесарок
.cart-items2__price-col
.cart-items2__price-value Зависит от рецепта *
.cart-items2__amount-col
.cart-items2__amount-counter
+counter-input_variant('тонн')
.cart-items2__sum-col
.cart-items2__sum-title Зависит от рецепта*
+upload-input
.cart-items2__remove-col
span.cart-items2__remove-order
.cart-items2__footer
.cart-items2__footer-content
.cart-items2__information
.cart-items2__footnote
span.cart-items2__footnote-title * Цена зависит от рецепта и состава.
span.cart-items2__footnote-subtitle Расчитывается индивидуально для каждого заказа
.cart-items2__checkout
.cart-items2__order-total
.cart-items2__total-value <span class="cart-items2__total-label">Итого (без стоимости доставки):</span> <span class="cart-items2__total-price">22 616</span> <span class="rub">руб.</span> + расчет индивидуального рецепта
.cart-items2__order-notice
.cart-items2__notice-title Результат расчетов и итоговую стоимость сообщить
.cart-items2__notice-method
.form-standart__inputs-several
ul.form-standart__list
li.form-standart__list-item
label
input(type='radio' name='notice-radio-group' checked data-necessary)
| На электронную почту
li.form-standart__list-item
label
input(type='radio' name='notice-radio-group')
| По телефону
.form-standart__message-several
.form-standart__none Выберите один из вариантов
.cart-items2__information
.cart-items2__back
span.cart-items2__back-arrow ←
a.cart-items2__back-link(href="#") Вернуться в каталог
.cart-items2__checkout
.cart-items2__order-btn
a.cart-items2__checkout-btn.button-primary(href="#") Оформить заказ
mixin cart-line()
.cart-line.bem&attributes(attributes)
.cart-line__container
.cart-line__mini
.cart-line__mini-info
.cart-line__amount
a.cart-line__amount-link(href="#") <span class="cart-line__amount-count">2</span> товара
.cart-line__price на сумму <span class="cart-line__price-number">10 250</span> р.
.cart-line__order
.cart-line__order-holder
.cart-line__detail
each value in [1,2]
.cart-line__detail-row
.cart-line__detail-photo
a.cart-line__img-link(href="#")
img.cart-line__img(src="http://placehold.it/110x82?text=Фото" width="110")
.cart-line__detail-name
a.cart-line__name-link(href="#") Подушка ПБ-11
.cart-line__detail-amount
.cart-line__amount-number 7
.cart-line__detail-price
.cart-line__price-number <span class="cart-line__price-numeral">2 195</span> руб.
.cart-line__detail-close
a.cart-line__close-btn(href="#")
.cart-line__detail-result
.cart-line__detail-total <span class="cart-line__total-amount">2</span> товара на сумму <span class="cart-line__total-price">5 995</span> руб.
.cart-line__detail-btns
a.cart-line__cart-btn.button(href="#") Перейти в корзину
a.cart-line__checkout-btn.button-primary(href="#") Оформить заказ
mixin cart-line_mobile()
.cart-line.bem.is-mobile&attributes(attributes)
.cart-line__detail-btns
a.cart-line__cart-btn.button(href="#") Перейти в корзину
.cart-line__detail
each value in [1,2]
.cart-line__detail-row
.cart-line__detail-photo
a.cart-line__img-link(href="#")
img.cart-line__img(src="http://placehold.it/110x82?text=Фото" width="110")
.cart-line__detail-name
a.cart-line__name-link(href="#") Подушка ПБ-11
.cart-line__detail-amount
.cart-line__amount-number 7
.cart-line__detail-price
.cart-line__price-number <span class="cart-line__price-numeral">2 195</span> руб.
.cart-line__detail-close
a.cart-line__close-btn(href="#")
.cart-line__detail-result
.cart-line__detail-total <span class="cart-line__total-amount">2</span> товара на сумму <span class="cart-line__total-price">5 995</span> руб.
.cart-line__detail-btns
a.cart-line__checkout-btn.button-primary(href="#") Оформить заказ
mixin cart-modal()
.cart-modal.bem&attributes(attributes)
.cart-modal__holder
.cart-modal__head
.cart-modal__head-content
.cart-modal__head-title
span.cart-modal__heading Товар добавлен в корзину
.cart-modal__head-shopping
a.cart-modal__shopping-link(href="#") Продолжить покупки
.cart-modal__product
.cart-modal__product-content
.cart-modal__thumb
a.cart-modal__thumb-link(href="#")
img.cart-modal__thumb-img(src="http://placehold.it/300x240?text=Фото" width="300")
.cart-modal__detail
.cart-modal__name
a.cart-modal__name-link(href="#") Наименование продукта/изделия
.cart-modal__option <span class="cart-modal__option-label">Размер</span> <span class="cart-modal__option-value">S</span>
.cart-modal__option <span class="cart-modal__option-label">2548-89</span> (<span class="cart-modal__option-value">белый</span>)
.cart-modal__amount
span.cart-modal__amount-label Кол-во:
.cart-modal__amount-counter
+counter-input_variant
.cart-modal__checkout
.cart-modal__price
.cart-modal__price-old <span class="cart-modal__old-number"> 4 800</span> <span class="rub">руб.</span>
.cart-modal__price-actual
.cart-modal__actual-title
span.cart-modal__actual-label Цена:
.cart-modal__actual-value <span class="cart-modal__actual-number">2 520</span> <span class="rub">руб.</span>
.cart-modal__purchase
a.cart-modal__cart-btn.button(href="#") Перейти в корзину
a.cart-modal__order-btn.button-primary(href="#") Оформить заказ
.cart-modal__products
.cart-modal__products-title Также рекомендуем купить:
+related-carousel
mixin catalog-aside_example()
.catalog-aside.bem&attributes(attributes)
.catalog-aside__plate
ul.catalog-aside__first-level
li.catalog-aside__first-item
a.catalog-aside__first-link.is-opening(href="#")
span.catalog-aside__link-text Каталог продукции
li.catalog-aside__first-item.is-contain
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Аксессуары для смартфонов
span.catalog-aside__qtty 99
span.catalog-aside__contain-marker
.catalog-aside__second-holder
ul.catalog-aside__second-level
li.catalog-aside__second-item.is-contain
a.catalog-aside__second-link(href="#") Моноподы для селфи
span.catalog-aside__qtty 10
span.catalog-aside__contain-marker
.catalog-aside__third-holder
ul.catalog-aside__third-level
li.catalog-aside__third-item
a.catalog-aside__third-link(href="#") Перчатки для сенсорных экранов
span.catalog-aside__qtty 13
li.catalog-aside__third-item
a.catalog-aside__third-link(href="#") Пульты для селфи
span.catalog-aside__qtty 12
li.catalog-aside__third-item
a.catalog-aside__third-link(href="#") Светящиеся наушники
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Перчатки для сенсорных экранов
span.catalog-aside__qtty 1
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Пульты для селфи
span.catalog-aside__qtty 21
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Перчатки для сенсорных экранов
span.catalog-aside__qtty 23
li.catalog-aside__first-item.is-hide
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Оригинальные подарки
span.catalog-aside__qtty 99
li.catalog-aside__first-item.is-contain.is-hide
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Товары для детей
span.catalog-aside__qtty 99
span.catalog-aside__contain-marker
.catalog-aside__second-holder
ul.catalog-aside__second-level(data-max-items=5)
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Бинарные часы
span.catalog-aside__qtty 12
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Волшебные червячки
span.catalog-aside__qtty 12
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Детские машинки
span.catalog-aside__qtty 13
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Игрушки Говорящий Хомяк
span.catalog-aside__qtty 16
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Летающие игрушки
span.catalog-aside__qtty 64
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Музыкальные инструменты
span.catalog-aside__qtty 12
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Настольные игры
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Нелопающиеся мыльные пузыри
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Неокубы
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Резинки для плетения браслетов
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Танцевальные коврики
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") <nobr>Шары-предсказатели</nobr>
span.catalog-aside__qtty 14
li.catalog-aside__first-item
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Товары для дома
span.catalog-aside__qtty 99
li.catalog-aside__first-item.is-contain.is-hide
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Товары для женщин
span.catalog-aside__qtty 99
span.catalog-aside__contain-marker
.catalog-aside__second-holder
ul.catalog-aside__second-level
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Моноподы для селфи
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Перчатки для сенсорных экранов
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Пульты для селфи
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Светящиеся наушники
span.catalog-aside__qtty 14
li.catalog-aside__first-item.is-hide
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Товары для красоты и здоровья
span.catalog-aside__qtty 99
li.catalog-aside__first-item.is-hide
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Товары для кухни
span.catalog-aside__qtty 99
li.catalog-aside__first-item
a.catalog-aside__first-link.is-additional(href="#")
span.catalog-aside__link-text Еще
mixin catalog-aside_i-state()
.catalog-aside.bem&attributes(attributes)
.catalog-aside__plate
ul.catalog-aside__first-level
li.catalog-aside__first-item
a.catalog-aside__first-link.is-opening(href="#")
span.catalog-aside__link-text Каталог продукции
li.catalog-aside__first-item.is-contain
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Аксессуары для смартфонов
span.catalog-aside__qtty 99
span.catalog-aside__contain-marker
.catalog-aside__second-holder
ul.catalog-aside__second-level
li.catalog-aside__second-item.is-contain
a.catalog-aside__second-link(href="#") Моноподы для селфи
span.catalog-aside__qtty 10
span.catalog-aside__contain-marker
.catalog-aside__third-holder
ul.catalog-aside__third-level
li.catalog-aside__third-item
a.catalog-aside__third-link(href="#") Перчатки для сенсорных экранов
span.catalog-aside__qtty 13
li.catalog-aside__third-item
a.catalog-aside__third-link(href="#") Пульты для селфи
span.catalog-aside__qtty 12
li.catalog-aside__third-item
a.catalog-aside__third-link(href="#") Светящиеся наушники
span.catalog-aside__qtty 14
ul.catalog-aside__second-level
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Перчатки для сенсорных экранов
span.catalog-aside__qtty 1
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Пульты для селфи
span.catalog-aside__qtty 21
ul.catalog-aside__second-level
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Перчатки для сенсорных экранов
span.catalog-aside__qtty 23
li.catalog-aside__first-item.is-hide
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Оригинальные подарки
span.catalog-aside__qtty 99
li.catalog-aside__first-item.is-contain.is-hide
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Товары для детей
span.catalog-aside__qtty 99
span.catalog-aside__contain-marker
.catalog-aside__second-holder
ul.catalog-aside__second-level
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Бинарные часы
span.catalog-aside__qtty 12
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Волшебные червячки
span.catalog-aside__qtty 12
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Детские машинки
span.catalog-aside__qtty 13
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Игрушки Говорящий Хомяк
span.catalog-aside__qtty 16
ul.catalog-aside__second-level
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Летающие игрушки
span.catalog-aside__qtty 64
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Музыкальные инструменты
span.catalog-aside__qtty 12
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Настольные игры
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Нелопающиеся мыльные пузыри
span.catalog-aside__qtty 14
ul.catalog-aside__second-level
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Неокубы
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Резинки для плетения браслетов
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Танцевальные коврики
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") <nobr>Шары-предсказатели</nobr>
span.catalog-aside__qtty 14
li.catalog-aside__first-item
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Товары для дома
span.catalog-aside__qtty 99
li.catalog-aside__first-item.is-contain.is-hide
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Товары для женщин
span.catalog-aside__qtty 99
span.catalog-aside__contain-marker
.catalog-aside__second-holder
ul.catalog-aside__second-level
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Моноподы для селфи
span.catalog-aside__qtty 14
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Перчатки для сенсорных экранов
span.catalog-aside__qtty 14
ul.catalog-aside__second-level
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Пульты для селфи
span.catalog-aside__qtty 14
ul.catalog-aside__second-level
li.catalog-aside__second-item
a.catalog-aside__second-link(href="#") Светящиеся наушники
span.catalog-aside__qtty 14
li.catalog-aside__first-item.is-hide
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Товары для красоты и здоровья
span.catalog-aside__qtty 99
li.catalog-aside__first-item.is-hide
a.catalog-aside__first-link(href="#")
img.catalog-aside__link-img(src="http://placehold.it/40x40/999999/ffffff?text=%E2%9C%81")
span.catalog-aside__link-text Товары для кухни
span.catalog-aside__qtty 99
li.catalog-aside__first-item
a.catalog-aside__first-link.is-additional(href="#")
span.catalog-aside__link-text Еще
mixin catalog-compare-button()
.catalog-compare-button.bem&attributes(attributes)
a.catalog-compare-button__link(href="#")
span.catalog-compare-button__text К сравнению
mixin catalog-favor-button()
.catalog-favor-button.bem&attributes(attributes)
a.catalog-favor-button__link(href="#")
span.catalog-favor-button__text В избранное
mixin catalog-items(num)
- num = num || 9
- var n = 0
.catalog-items.bem&attributes(attributes)
ul.catalog-items__cols
while n < num
li.catalog-items__col
+catalog-plate(n)
- n++
mixin catalog-largelist()
.catalog-largelist.bem&attributes(attributes)
ul.catalog-largelist__items
each val in [0,1,2,3]
li.catalog-largelist__item
.catalog-largelist__plate
.catalog-largelist__thumbnail
.catalog-largelist__thumb-holder
img.catalog-largelist__thumb-img(src="http://placehold.it/337x347?text=Фото" , width="337")
.catalog-largelist__info
.catalog-largelist__title Sumsung Galaxt Tab A SM-T555 16Gb Wi-Fi+LTE Black Планшет
.catalog-largelist__stock
.catalog-largelist__boolean
.catalog-largelist__boolean-text Есть в наличии
.catalog-largelist__amount
.catalog-largelist__amount-text На складе:
span.catalog-largelist__amount-number 71
.catalog-largelist__rating-holder
.catalog-largelist__category
span.catalog-largelist__category-text Samsung
.catalog-largelist__rating
+vote-stars
.catalog-largelist__description Lorem ipsum dolor sit amet Aenean euismod bibendum laoreet Proin gravida dolor sit amet lacus Proin sodales pulvinar tempor Cum sociis natoque penatibus Nam fermentum, nulla luctus
.catalog-largelist__mark
.catalog-largelist__favor
a.catalog-largelist__favor-link(href="#")
span.catalog-largelist__favor-text В избранное
.catalog-largelist__compare
a.catalog-largelist__compare-link(href="#")
span.catalog-largelist__compare-text Сравнить товар
.catalog-largelist__ui
.catalog-largelist__ui-holder
.catalog-largelist__price
span.catalog-largelist__price-label Цена:
span.catalog-largelist__price-number 2099 р.
ul.catalog-largelist__advantages-list
li.catalog-largelist__advantages-item.is-delivery Бесплатная доставка
li.catalog-largelist__advantages-item.is-pickup Самовывоз из 3 пунктов выдачи
li.catalog-largelist__advantages-item.is-store Сейчас в наличии в 3 магазинах
.catalog-largelist__btns
.catalog-largelist__order
a.catalog-largelist__order-btn.button-primary(href="#") В корзину
.catalog-largelist__fast
a.catalog-largelist__fast-btn.button(href="#") Купить в 1 клик
mixin catalog-list()
-
var items = [
{
articul: 'Арт. 11070888',
title: 'Горный велосипед STELS Pilot 260 (2016)',
description: 'Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.',
category: 'Горные велосипеды',
isAvailable: true,
oldPrice: '5 650 руб.',
price: '4 350 руб.',
labels: [
{ code: 'new', title: 'новинка' },
{ code: 'hit', title: 'хит' },
{ code: 'best', title: 'лучшее' },
]
},
{
articul: 'Арт. 123123-23',
title: 'Ножницы узорные',
description: 'Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.',
category: 'Канцелярия',
isAvailable: true,
price: '4 350 руб.',
labels: [
{ code: 'new', title: 'новинка' },
]
},
{
articul: 'Арт. bmx-344',
title: 'Арматура А1 гладкая 6 мм, А240 (в бухтах)',
description: 'Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.',
category: 'Арматура А1 гладкая',
isAvailable: false,
price: '4 350 руб.',
labels: [
{ code: 'best', title: 'лучшее' },
]
},
{
articul: 'Арт. 1998320',
title: 'Антицеллюлитный массажер Relax Prof',
description: 'Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.',
category: 'Массажеры',
isAvailable: false,
price: '4 350 руб.',
},
{
articul: 'Арт. 1.0.011',
title: 'Антицеллюлитный массажер Relax Prof',
description: 'Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.',
category: 'Массажеры',
isAvailable: true,
oldPrice: '5 650 руб.',
price: '4 350 руб.',
labels: [
{ code: 'hit', title: 'хит' },
]
},
{
articul: 'Арт. 11-11111-33',
title: 'Антицеллюлитный массажер Relax Prof',
description: 'Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.',
category: 'Массажеры',
isAvailable: true,
price: '4 350 руб.',
labels: [
{ code: 'new', title: 'новинка' },
{ code: 'hit', title: 'хит' },
]
}
];
.catalog-list.bem&attributes(attributes)
ul.catalog-list__items
each item in items
li.catalog-list__item
.catalog-list__plate
.catalog-list__thumbnail
.catalog-list__thumb-holder
img.catalog-list__thumb-img(src="http://placehold.it/258x168?text=Фото", width="300")
.catalog-list__info
.catalog-list__category
a.catalog-list__category-link(href="#")!= item.category
.catalog-list__title
a.catalog-list__title-link(href="#")!= item.title
.catalog-list__description!= item.description
.catalog-list__options
.catalog-list__options-item
span.catalog-list__option-label Размер:
select.catalog-list__option-list.is-size.select2
option Маленький
option Средний
option Большой
.catalog-list__options-item
span.catalog-list__option-label Цвет:
select.catalog-list__option-list.is-color.select2
option(data-format="red" data-img="http://placehold.it/258x168/ff0000") red
option(data-format="green" data-img="http://placehold.it/258x168/00ff00") green
option(data-format="blue" data-img="http://placehold.it/258x168/0000ff") blue
.catalog-list__ui-holder
.catalog-list__price
span.catalog-list__price-title Цена:
=' '
if item.oldPrice
span.catalog-list__old-price!= item.oldPrice
=' '
span.catalog-list__current-price!= item.price
.catalog-list__btns
.catalog-list__order
a.catalog-list__order-btn.button-primary(href="#") Купить
.catalog-list__fast
a.catalog-list__fast-btn.button(href="#") Купить в 1 клик
mixin catalog-plate(num)
-
num = num || 0;
num = num % 6;
var items = [
{
articul: 'Арт. 11070888',
title: 'Антицеллюлитный массажер Relax Prof',
category: 'Массажеры',
isAvailable: true,
oldPrice: '5 650 руб.',
price: '4 350 руб.',
labels: [
{ code: 'new', title: 'новинка' },
{ code: 'hit', title: 'хит' },
{ code: 'best', title: 'лучшее' },
]
},
{
articul: 'Арт. 123123-23',
title: 'Ножницы узорные',
category: 'Массажеры',
isAvailable: true,
price: '4 350 руб.',
labels: [
{ code: 'new', title: 'новинка' },
]
},
{
articul: 'Арт. bmx-344',
title: 'Арматура А1 гладкая 6 мм, А240 (в бухтах)',
category: 'Массажеры',
isAvailable: false,
price: '4 350 руб.',
labels: [
{ code: 'best', title: 'лучшее' },
]
},
{
articul: 'Арт. 1998320',
title: 'Антицеллюлитный массажер Relax Prof',
category: 'Массажеры',
isAvailable: false,
price: '4 350 руб.',
},
{
articul: 'Арт. 1.0.011',
title: 'Антицеллюлитный массажер Relax Prof',
category: 'Массажеры',
isAvailable: true,
oldPrice: '5 650 руб.',
price: '4 350 руб.',
labels: [
{ code: 'hit', title: 'хит' },
]
},
{
articul: 'Арт. 11-11111-33',
title: 'Антицеллюлитный массажер Relax Prof',
category: 'Массажеры',
isAvailable: true,
price: '4 350 руб.',
labels: [
{ code: 'new', title: 'новинка' },
{ code: 'hit', title: 'хит' },
]
}
];
var item = items[num];
.catalog-plate.bem&attributes(attributes)
.catalog-plate__wrap
.catalog-plate__articul!= item.articul
.catalog-plate__img-holder
if item.labels
.catalog-plate__labels
each label in item.labels
.catalog-plate__label(class='is-' + label.code)
span= label.title
+catalog-favor-button.is-list
a(href="#")
img.catalog-plate__img(src="http://placehold.it/370x320?text=Фото+товара", alt="Продукт" width=370)
a(href="product-ajax.html").catalog-plate__preview Быстрый просмотр
.catalog-plate__category
span.catalog-plate__category-name!= item.category
.catalog-plate__caption
a.catalog-plate__name(href="#")!= item.title
.catalog-plate__middle-holder
.catalog-plate__rating
+vote-stars
.catalog-plate__avail
if item.isAvailable
span.catalog-plate__avail-text Есть в наличии
else
span.catalog-plate__not-avail-text Нет в наличии
.catalog-plate__prices
if item.oldPrice
span.catalog-plate__old-price!= item.oldPrice
span.catalog-plate__current-price!= item.price
.catalog-plate__options
.catalog-plate__options-item
select.catalog-plate__option-list.select2
option Маленький
option Средний
option Большой
.catalog-plate__options-item
select.catalog-plate__option-list.select2
option(data-format="red" data-img="http://placehold.it/258x168/ff0000") red
option(data-format="green" data-img="http://placehold.it/258x168/00ff00") green
option(data-format="blue" data-img="http://placehold.it/258x168/0000ff") blue
.catalog-plate__btns
a.catalog-plate__fast-order(href="#") Купить в 1 клик
a.catalog-plate__buy.button-primary(href='#') В корзину
.catalog-plate__footer
.catalog-plate__params
.catalog-plate__param
span.catalog-plate__param-label Количество скоростей:
span.catalog-plate__param-value 30
.catalog-plate__param
span.catalog-plate__param-label Диаметр колеса:
span.catalog-plate__param-value 29
.catalog-plate__param
span.catalog-plate__param-label Вилка:
span.catalog-plate__param-value Rock Shox XC 30 TK, ход 100 мм
.catalog-plate__param
span.catalog-plate__param-label Задний переключатель:
span.catalog-plate__param-value Shimano Deore RD-M592 SGS, Shadow Type
mixin catalog-reviews()
.catalog-reviews.bem&attributes(attributes)
.catalog-reviews__feedbacks-section
ul.catalog-reviews__feedback-items
li.catalog-reviews__feedback-item
.catalog-reviews__feedback-info
.catalog-reviews__feedback-personal
.catalog-reviews__feedback-name Константин Константинович
.catalog-reviews__feedback-job Директор <nobr>ОАО «Предприятие»</nobr>
.catalog-reviews__feedback-rate
+vote-stars.is-unchanged
.catalog-reviews__feedback-text.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
li.catalog-reviews__feedback-item
.catalog-reviews__feedback-info
.catalog-reviews__feedback-personal
.catalog-reviews__feedback-name Константин Константинович
.catalog-reviews__feedback-job Директор <nobr>ОАО «Предприятие»</nobr>
.catalog-reviews__feedback-rate
+vote-stars.is-unchanged
.catalog-reviews__feedback-text.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
li.catalog-reviews__feedback-item
.catalog-reviews__feedback-info
.catalog-reviews__feedback-personal
.catalog-reviews__feedback-name Константин Константинович
.catalog-reviews__feedback-job Директор <nobr>ОАО «Предприятие»</nobr>
.catalog-reviews__feedback-rate
+vote-stars.is-unchanged
.catalog-reviews__feedback-text.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
.catalog-reviews__form-section
.catalog-reviews__form
+form-standart_yet-another-feedback.is-e3
mixin catalog-sorter()
.catalog-sorter.bem&attributes(attributes)
form.catalog-sorter__form(name="catalog-sorter", method="post")
input(type="hidden" name="value")
input(type="hidden" name="param")
.catalog-sorter__sort-by
span.catalog-sorter__sort-by-title Сортировать по
ul.catalog-sorter__sort-by-items(data-param="sort-by")
li.catalog-sorter__sort-by-item
a.catalog-sorter__sort-by-link(data-value="available") наличию
li.catalog-sorter__sort-by-item
a.catalog-sorter__sort-by-link.is-active(data-value="price") цене
li.catalog-sorter__sort-by-item
a.catalog-sorter__sort-by-link(data-value="weight") весу
.catalog-sorter__show-type
ul.catalog-sorter__show-type-items(data-param="show-type")
li.catalog-sorter__show-type-item
a.catalog-sorter__show-type-link.list-type(data-value="list")
li.catalog-sorter__show-type-item
a.catalog-sorter__show-type-link.table-type.is-active(data-value="table")
.catalog-sorter__count-by
span.catalog-sorter__count-by-title Показывать по
ul.catalog-sorter__count-by-items(data-param="count-by")
li.catalog-sorter__count-by-item
a.catalog-sorter__count-by-link.is-active(data-value="10") 10
li.catalog-sorter__count-by-item
a.catalog-sorter__count-by-link(data-value="20") 20
li.catalog-sorter__count-by-item
a.catalog-sorter__count-by-link(data-value="10") 30
li.catalog-sorter__count-by-item
a.catalog-sorter__count-by-link.all-items(data-value="all") Все
mixin catalog-subsections()
.catalog-subsections.bem
ul.catalog-subsections__list
li.catalog-subsections__item
a.catalog-subsections__link(href="#") Инструменты
li.catalog-subsections__item
a.catalog-subsections__link(href="#") Название очередного подраздела
li.catalog-subsections__item
a.catalog-subsections__link(href="#") Швабры
li.catalog-subsections__item
a.catalog-subsections__link(href="#") Коврики
li.catalog-subsections__item
a.catalog-subsections__link(href="#") Отпариватели
li.catalog-subsections__item
a.catalog-subsections__link(href="#") Паровые швабры
li.catalog-subsections__item
a.catalog-subsections__link(href="#") Снегоуборочные машины
li.catalog-subsections__item
a.catalog-subsections__link(href="#") Губозакатывательные машины
li.catalog-subsections__item
a.catalog-subsections__link(href="#") Электромойки
li.catalog-subsections__item
a.catalog-subsections__link(href="#") Длинные швабры
li.catalog-subsections__item
a.catalog-subsections__link(href="#") Короткие швабр
mixin catalog-table()
-
var items = [
{
articul: 'Арт. 11070888',
title: 'Антицеллюлитный массажер Relax Prof',
category: 'Массажеры',
isAvailable: true,
oldPrice: '5 650 руб.',
price: '4 350 руб.',
brand: 'Relax Prof',
labels: [
{ code: 'new', title: 'новинка' },
{ code: 'hit', title: 'хит' },
{ code: 'best', title: 'лучшее' },
],
props: {
diametr: '10 мм'
}
},
{
articul: 'Арт. 123123-23',
title: 'Ножницы узорные',
category: 'Массажеры',
isAvailable: true,
price: '4 350 руб.',
brand: 'Erichkrausse',
labels: [
{ code: 'new', title: 'новинка' },
],
props: {
diametr: '10 мм'
}
},
{
articul: 'Арт. bmx-344',
title: 'Арматура А1 гладкая 6 мм, А240 (в бухтах)',
category: 'Массажеры',
isAvailable: false,
price: '4 350 руб.',
brand: 'Завод "СеверМашСталь"',
labels: [
{ code: 'best', title: 'лучшее' },
],
props: {
diametr: '10 мм'
}
},
{
articul: 'Арт. 1998320',
title: 'KOMTEX Лампа LED СТАНДАРТ А60 Е27 10W 2700K 270D',
category: 'Массажеры',
isAvailable: false,
brand: 'COMTEX',
price: '4 350 руб.',
props: {
diametr: '10 мм'
}
},
{
articul: 'Арт. 1.0.011',
title: 'Антицеллюлитный массажер Relax Prof',
category: 'Массажеры',
isAvailable: true,
oldPrice: '5 650 руб.',
price: '4 350 руб.',
brand: 'Relax Prof',
props: {
diametr: '10 мм'
}
},
{
articul: 'Арт. 11-11111-33',
title: 'Антицеллюлитный массажер Relax Prof',
category: 'Массажеры',
isAvailable: true,
price: '4 350 руб.',
brand: 'Relax Prof',
props: {
diametr: '10 мм'
}
}
];
items = items.concat(items);
items = items.concat(items);
.catalog-table.bem&attributes(attributes)
table.catalog-table__items
tr.catalog-table__header
th.catalog-table__th.is-col-title
span.catalog-table__header-text.is-sortable(data-sort-up="#url-up", data-sort-down="#url-down") Наименование
th.catalog-table__th.is-col-brand
span.catalog-table__header-text.is-sortable(data-sort-up="#url-up", data-sort-down="#url-down") Производитель
th.catalog-table__th.is-col-prop-diametr
span.catalog-table__header-text.is-sortable(data-sort-up="#url-up", data-sort-down="#url-down") Диаметр, мм
th.catalog-table__th.is-col-articul
span.catalog-table__header-text Артикул
th.catalog-table__th.is-col-price
span.catalog-table__header-text.is-sortable.is-sorted-up(data-sort-up="#url-up", data-sort-down="#url-down") Цена, руб.
th.catalog-table__th.is-col-qtty
th.catalog-table__th.is-col-btn
each item in items
tr.catalog-table__item
td.catalog-table__td.is-col-title
a.catalog-table__title(href="#")!= item.title
if item.labels
.catalog-table__labels
each label in item.labels
span.catalog-table__label(class='is-' + label.code)= label.title
=' '
td.catalog-table__td.is-col-brand
.catalog-table__prop-inline-title Производитель
span.catalog-table__brand!= item.brand
td.catalog-table__td.is-col-prop-diametr
.catalog-table__prop-inline-title Диаметр, мм
span.catalog-table__diametr!= item.props.diametr
td.catalog-table__td.is-col-articul
.catalog-table__prop-inline-title Артикул
span.catalog-table__articul!= item.articul
td.catalog-table__td.is-col-price
.catalog-table__prop-inline-title Цена
if item.oldPrice
span.catalog-table__old-price!= item.oldPrice
span.catalog-table__price!= item.price
td.catalog-table__td.is-col-qtty
+counter-input
td.catalog-table__td.is-col-btn
//a.catalog-table__btn-fastbuy(href="#")
span Быстрый заказ
a.catalog-table__btn-buy(href="#")
span Купить
mixin catalog-tree()
.catalog-tree.bem&attributes(attributes)
.catalog-tree__title Пример: 3-х уровевное дерево в 4-х колонках
ul.catalog-tree__first-level
li.catalog-tree__first-item
a.catalog-tree__first-link(href="#") Первый раздел каталога
.catalog-tree__second-holder
ul.catalog-tree__second-level
li.catalog-tree__second-item
a.catalog-tree__second-link(href="#") Первый подраздел каталога
.catalog-tree__third-holder
ul.catalog-tree__third-level
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Билингвы и книги на иностранных языках
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Дом. Быт. Досуг.
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Естественные науки
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Информационные технологии
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") История. Исторические науки
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Книги для детей
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Билингвы и книги на иностранных языках
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Дом. Быт. Досуг.
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Естественные науки
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Информационные технологии
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") История. Исторические науки
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Книги для детей
li.catalog-tree__second-item
a.catalog-tree__second-link(href="#") Второй подраздел каталога
.catalog-tree__third-holder
ul.catalog-tree__third-level
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Билингвы и книги на иностранных языках
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Дом. Быт. Досуг.
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Естественные науки
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Информационные технологии
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") История. Исторические науки
li.catalog-tree__second-item
a.catalog-tree__second-link(href="#") Третий подраздел каталога
li.catalog-tree__first-item
a.catalog-tree__first-link(href="#") Второй раздел каталога
.catalog-tree__second-holder
ul.catalog-tree__second-level
li.catalog-tree__second-item
a.catalog-tree__second-link(href="#") Первый подраздел каталога
.catalog-tree__third-holder
ul.catalog-tree__third-level
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Билингвы и книги на иностранных языках
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Дом. Быт. Досуг.
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Естественные науки
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Информационные технологии
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") История. Исторические науки
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Книги для детей
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Билингвы и книги на иностранных языках
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Дом. Быт. Досуг.
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Естественные науки
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Информационные технологии
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") История. Исторические науки
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Книги для детей
li.catalog-tree__second-item
a.catalog-tree__second-link(href="#") Второй подраздел каталога
li.catalog-tree__second-item
a.catalog-tree__second-link(href="#") Третий подраздел каталога
.catalog-tree__third-holder
ul.catalog-tree__third-level
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Билингвы и книги на иностранных языках
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Дом. Быт. Досуг.
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Естественные науки
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") Информационные технологии
li.catalog-tree__third-item
a.catalog-tree__third-link(href="#") История. Исторические науки
mixin cert-list()
.cert-list.bem&attributes(attributes)
ul.cert-list__items
each val in [1,2,3,4,5,6,7,8]
li.cert-list__item
.cert-list__cert
.cert-list__bg-holder
a.cert-list__cert-link(href="http://placehold.it/875x1200" rel="certs" data-gallery="certs")
img.cert-list__bg(src="http://placehold.it/875x1200", alt="Лого" width=875 height=1200)
.cert-list__content-holder
.cert-list__title= 'Поясняющая подпись '+val
mixin checkbox(content)
label.checkbox
span.checkbox__check-holder
input.icheck(type="checkbox")&attributes(attributes)
span.checkbox__text !{content}
mixin checkbox-cols()
.checkbox-cols.bem&attributes(attributes)
.checkbox-cols__visible-container
.checkbox-cols__cols
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+checkbox('Canon')
li.checkbox-cols__item
+checkbox('Fujifilm')
li.checkbox-cols__item
+checkbox('Nikon')
li.checkbox-cols__item
+checkbox('Panasonic')
li.checkbox-cols__item
+checkbox('Leica')
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+checkbox('Olympus')
li.checkbox-cols__item
+checkbox('Pentax')
li.checkbox-cols__item
+checkbox('Sigma')
li.checkbox-cols__item
+checkbox('Geleral Electrics')
li.checkbox-cols__item
+checkbox('Zenit')
.checkbox-cols__more-container
.checkbox-cols__cols
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+checkbox('Canon')
li.checkbox-cols__item
+checkbox('Fujifilm')
li.checkbox-cols__item
+checkbox('Nikon')
li.checkbox-cols__item
+checkbox('Panasonic')
li.checkbox-cols__item
+checkbox('Leica')
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+checkbox('Olympus')
li.checkbox-cols__item
+checkbox('Pentax')
li.checkbox-cols__item
+checkbox('Sigma')
li.checkbox-cols__item
+checkbox('Geleral Electrics')
li.checkbox-cols__item
+checkbox('Zenit')
.checkbox-cols__btn-holder
a.checkbox-cols__btn.button(href="#")
span Скрыть
span Показать еще
mixin checkbox-cols_radio()
.checkbox-cols.bem&attributes(attributes)
.checkbox-cols__visible-container
.checkbox-cols__cols
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+radio('Canon')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Fujifilm')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Nikon')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Panasonic')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Leica')(name="filter-radio-test")
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+radio('Olympus')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Pentax')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Sigma')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Geleral Electrics')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Zenit')(name="filter-radio-test")
.checkbox-cols__more-container
.checkbox-cols__cols
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+radio('Canon')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Fujifilm')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Nikon')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Panasonic')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Leica')(name="filter-radio-test")
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+radio('Olympus')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Pentax')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Sigma')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Geleral Electrics')(name="filter-radio-test")
li.checkbox-cols__item
+radio('Zenit')(name="filter-radio-test")
.checkbox-cols__btn-holder
a.checkbox-cols__btn.button(href="#")
span Скрыть
span Показать еще
mixin clients-list()
.clients-list.bem&attributes(attributes)
ul.clients-list__items
each val in ['РЖД','Betty Barclay','Apple','Bugatti Rus','Gerry Weber','Перектресток','Почта России','Nenette','Ингосстрах','Пятерочка','Zerres']
li.clients-list__item
.clients-list__cert
.clients-list__bg-holder
img.clients-list__bg(src="http://placehold.it/1200x875", alt="Лого" width=875 height=1200)
.clients-list__content-holder
.clients-list__title= val
mixin company-contacts()
.company-contacts.bem
.company-contacts__columns
.company-contacts__sidebar
ul.company-contacts__connect
li.company-contacts__connect-item
span.company-contacts__connect-label Адрес:
span.company-contacts__connect-info 117545, Россия, Москва, Дорожная улица, дом 1, строение 3Б
li.company-contacts__connect-item
span.company-contacts__connect-label Телефон:
span.company-contacts__connect-info +7 (495) 225-36-73
li.company-contacts__connect-item
span.company-contacts__connect-label Время работы:
span.company-contacts__connect-info 10-19, ПН-ПТ
li.company-contacts__connect-item
span.company-contacts__connect-label E-mail:
span.company-contacts__connect-info: a.company-contacts__connect-email(href="mailto:info@brand.ru") info@brand.ru
li.company-contacts__connect-item
span.company-contacts__connect-label Skype:
span.company-contacts__connect-info brand
li.company-contacts__connect-item
span.company-contacts__connect-label Реквизиты:
span.company-contacts__connect-info ОГРН 1157746511812; ИНН 7713398740 КПП 771301001; Код по ОКПО 45898257
.company-contacts__form-holder
.company-contacts__form-caption Задать вопрос
+form-standart_contacts
.company-contacts__content
.company-contacts__map-holder
+ymap
.company-contacts__info
.company-contacts__info-one
.company-contacts__info-title Как добраться на автомобиле:
.company-contacts__info-description Съехать на МКАД на внешнюю сторону под указатель «Волоколамское шоссе, Можайское шоссе, МКАД-ЮГ». С правой стороны начнется территория бизнес-парка «Гринвуд», протяженностью 1 км, проехать весь бизнес-парк, в конце бизнес-парка будет гипермаркет «ОКЕЙ», большое здание желтого цвета. Также, на МКАД будет указатель на «Супермаркет ОКЕЙ»
.company-contacts__info-two
.company-contacts__info-title Как добраться на общественном транспорте:
.company-contacts__info-description Метро Серпуховская, выход на ул. Большая Серпуховская, после стеклянных дверей налево, идти по улице Б. Серпуховской до перекрестка с 1-ым Щипковским переулком. Перейти через Щипковский пер. и через сквер пройти к проходной «Электромеханического завода имени Владимира Ильича» (ОАО «ЗВИ»). Позвонить по телефону (495) 664-2040, вас встретят.
mixin compare-link()
.compare-link.bem&attributes(attributes)
a.compare-link__content(href="#")
span.compare-link__title Сравнить
span.compare-link__count
span.compare-link__count-number 3
mixin compare-list()
.compare-list.bem&attributes(attributes)
.compare-list__count
span.compare-list__count-title Количество элементов в списке сравнения:
span.compare-list__count-number 3
.compare-list__items
.compare-list__item
a.compare-list__item-name(href="#")
a.compare-list__item-remove(href="#")
mixin compare-result()
.compare-result.bem&attributes(attributes)
.compare-result__header
.compare-result__ui-btns
.compare-result__ui-btn
a.compare-result__show-all.is-active(href="#") Показать все характеристики
.compare-result__ui-btn
a.compare-result__show-different(href="#") Показать только отличия
.compare-result__main
.compare-result__table-holder
table.compare-result__table
tbody
tr.compare-result__product-row
td.compare-result__params-head
each val in [1,2,3,4,5,6,7]
td.compare-result__product-cell
.compare-result__product
.compare-result__img-holder
a.compare-result__img-link(href="#")
img.compare-result__img(src="//placehold.it/100x100", alt="Изображение товара" width=100)
.compare-result__title
.compare-result__category
span.compare-result__category-link Genuine
.compare-result__name
a.compare-result__name-link(href="#") Genuine Brother TZe-211
.compare-result__prices
.compare-result__price-val Цена: 3 999 <span class="rub">руб.</span>
.compare-result__btns
.compare-result__btn
a.compare-result__buy-btn.button-primary(href="#") В корзину
.compare-result__btn
a.compare-result__remove(href="#") Удалить
tr.compare-result__param-row.is-different
td.compare-result__param-cell
span.compare-result__param-name Артикул
td.compare-result__param-cell
span.compare-result__param-val 12547
td.compare-result__param-cell
span.compare-result__param-val 57855
td.compare-result__param-cell
span.compare-result__param-val 42561-2
td.compare-result__param-cell
span.compare-result__param-val 42115
td.compare-result__param-cell
span.compare-result__param-val 45615
td.compare-result__param-cell
span.compare-result__param-val 57855
td.compare-result__param-cell
span.compare-result__param-val 42115
tr.compare-result__param-row
td.compare-result__param-cell
span.compare-result__param-name Страна
td.compare-result__param-cell
span.compare-result__param-val Китай
td.compare-result__param-cell
span.compare-result__param-val Китай
td.compare-result__param-cell
span.compare-result__param-val Китай
td.compare-result__param-cell
span.compare-result__param-val Китай
td.compare-result__param-cell
span.compare-result__param-val Китай
td.compare-result__param-cell
span.compare-result__param-val Китай
td.compare-result__param-cell
span.compare-result__param-val Китай
tr.compare-result__param-row.is-different
td.compare-result__param-cell
span.compare-result__param-name Ресурс
td.compare-result__param-cell
span.compare-result__param-val 1700
td.compare-result__param-cell
span.compare-result__param-val 1500
td.compare-result__param-cell
span.compare-result__param-val 2000
td.compare-result__param-cell
span.compare-result__param-val 1700
td.compare-result__param-cell
span.compare-result__param-val 2000
td.compare-result__param-cell
span.compare-result__param-val 2000
td.compare-result__param-cell
span.compare-result__param-val 1500
tr.compare-result__param-row.is-different
td.compare-result__param-cell
span.compare-result__param-name Цвет
td.compare-result__param-cell
span.compare-result__param-val Color
td.compare-result__param-cell
span.compare-result__param-val Black
td.compare-result__param-cell
span.compare-result__param-val Black
td.compare-result__param-cell
span.compare-result__param-val Black
td.compare-result__param-cell
span.compare-result__param-val Color
td.compare-result__param-cell
span.compare-result__param-val Black
td.compare-result__param-cell
span.compare-result__param-val Black
.compare-result__empty Нет товаров для сравнения
mixin connect-widget()
.connect-widget.bem&attributes(attributes)
.connect-widget__description Наш e-mail <a class="connect-widget__email" href="help@companyname.ru">help@companyname.ru</a> для Ваших вопросов, пожеланий и предложений. Наш телефону отдела клиентского сервиса для вопросов по заказу <span class="connect-widget__phone">8 800 123 45 56</span>
mixin contacts-detail(photoNum)
- var n = 0
.contacts-detail.bem
.contacts-detail__content
.contacts-detail__col.is-main
.contacts-detail__block
.contacts-detail__fields
.contacts-detail__label Телефон:
.contacts-detail__data.big-text +7 (495) 123-45-67
.contacts-detail__fields
.contacts-detail__label Факс:
.contacts-detail__data.big-text +7 (495) 123-45-67
.contacts-detail__fields
.contacts-detail__label Режим работы:
.contacts-detail__data с 10 до 20 без выходных
.contacts-detail__fields
.contacts-detail__label E-mail:
.contacts-detail__data
a.contacts-detail__link(href="mailto:orderonline@myshop1.ru") orderonline@myshop1.ru
.contacts-detail__fields
.contacts-detail__label Сайт:
.contacts-detail__data
a.contacts-detail__link(href="http://www.myshop3.ru") www.myshop3.ru
.contacts-detail__fields
.contacts-detail__label Адрес:
.contacts-detail__data Москва, ул. Перевёрнутая, д. 3. ТД "Перевёртыш"
.contacts-detail__block
.contacts-detail__header На машине
.contacts-detail__text Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
.contacts-detail__block
.contacts-detail__header На метро
.contacts-detail__text Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
.contacts-detail__col.is-sidebar
.contacts-detail__container.big
.contacts-detail__map
.company-contacts__map-holder
+ymap
while n < photoNum
if(n == 0)
.contacts-detail__photo.big
a.contacts-detail__img-link(href="http://placehold.it/1000x500?text=Full-Image" rel="group" data-gallery="contacts-detail" title="heading")
img.contacts-detail__img(src="http://placehold.it/550x400?text=Preview" width="550")
else
.contacts-detail__photo
a.contacts-detail__img-link(href="http://placehold.it/1000x500?text=Full-Image" rel="group" data-gallery="contacts-detail" title="heading")
img.contacts-detail__img(src="http://placehold.it/550x400?text=Preview" width="550")
- n++
mixin contacts-list()
.contacts-list.bem&attributes(attributes)
ul.contacts-list__items
each va in [1,2,3,4,5,6,7,8]
li.contacts-list__item
.contacts-list__title
a.contacts-list__title-link(href="#") Офис продаж
.contacts-list__phone +7 (495) 123-45-67
.contacts-list__text.contacts-list__worktime Режим работы: с 10 до 20 без выходных
.contacts-list__text Москва, ул. Перевёрнутая, д. 3 ТД "Перевёртыш"
.contacts-list__text
a.contacts-list__link(href="#") www.myshop3.ru
.contacts-list__text
a.contacts-list__link.is-car(href="#") На автомобиле - схема <br>
a.contacts-list__link.is-print(href="//placehold.it/300x300") Печать
mixin contacts-list_map()
.contacts-list.bem&attributes(attributes)
ul.contacts-list__items
each va in [1,2,3,4,5,6,7,8]
li.contacts-list__item
.contacts-list__image-holder
img.contacts-list__img(src="//placehold.it/300x300", alt="Офис" width=300)
.contacts-list__title
a.contacts-list__title-link(href="#") Офис продаж
.contacts-list__phone +7 (495) 123-45-67
.contacts-list__text.contacts-list__worktime Режим работы: с 10 до 20 без выходных
.contacts-list__text Москва, ул. Перевёрнутая, д. 3 ТД "Перевёртыш"
.contacts-list__text
a.contacts-list__link(href="#") www.myshop3.ru
mixin contacts-map()
.contacts-map.bem&attributes(attributes)
.contacts-map__common-info
.contacts-map__common-col
.contacts-map__common-label Телефон:
.contacts-map__common-phone <nobr>+7 (495) 225-36-73</nobr>
.contacts-map__common-phone <nobr>+7 (495) 732-52-91</nobr>
.contacts-map__common-col
.contacts-map__common-label Телефон:
.contacts-map__common-address ул. Леннона, д. 14, кор. 2 134127, Москва, Россия
.contacts-map__common-col
.contacts-map__common-label E-mail:
.contacts-map__common-email
a(href="#") orderonline@myshop1.ru
.contacts-map__common-col
.contacts-map__common-label Режим работы:
.contacts-map__common-time с 10 до 20<br/>без выходных
.contacts-map__common-col
.contacts-map__common-label Реквизиты:
.contacts-map__common-req.
ОГРН 1157746511812<br/>
ИНН 7713398740<br/>
КПП 771301001<br/>
Код по ОКПО 45898257
.contacts-map__map-section
.contacts-map__map-title Наши салоны
.contacts-map__map-holder
+ymap_many
.contacts-map__plates-section
+contacts-list_map
.contacts-map__form-section
+form-standart_oneliner.is-flat
mixin contacts-simple()
.contacts-simple&attributes(attributes)
.contacts-simple__contacts
.contacts-simple__phones
.contacts-simple__contacts-title.h5 Телефон
ul.contacts-simple__contacts-list
li.contacts-simple__contacts-list-item
a(href='tel:+74952253673').contacts-simple__phone +7 (495) 225-36-73
li.contacts-simple__contacts-list-item
a(href='tel:+74957325291').contacts-simple__phone +7 (495) 732-52-91
.contacts-simple__adresses
.contacts-simple__contacts-title.h5 Адрес
ul.contacts-simple__contacts-list
li.contacts-simple__contacts-list-item ул. Леннона, д. 14, кор. 2 134127, Москва, Россия
.contacts-simple__desc
.contacts-simple__contacts-title.h5 Описание
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.
.contacts-simple__map.js-contacts-simple__map
+ymap
mixin contacts-tabs()
.contacts-tabs.bem
ul.contacts-tabs__tab-changers
li.contacts-tabs__link-holder
a.contacts-tabs__link(href="#") Адрес и телефон
li.contacts-tabs__link-holder
a.contacts-tabs__link(href="#") Пешком
li.contacts-tabs__link-holder
a.contacts-tabs__link(href="#") На автомобиле
.contacts-tabs__tabs
.contacts-tabs__tab
.contacts-tabs__block
.contacts-tabs__text.is-center
.contacts-tabs__fields
.contacts-tabs__data.big-text +7 (495) 123-45-67
.contacts-tabs__fields
.contacts-tabs__data.big-text +7 (495) 123-45-67
.contacts-tabs__fields
.contacts-tabs__data
a.contacts-tabs__request-call.button Перезвоните мне
.contacts-tabs__fields
.contacts-tabs__data с 10 до 20 без выходных
.contacts-tabs__fields
.contacts-tabs__data
a.contacts-detail__link(href="mailto:orderonline@myshop1.ru") orderonline@myshop1.ru
.contacts-tabs__fields
.contacts-tabs__data Москва, ул. Перевёрнутая, д. 3. ТД "Перевёртыш"
.contacts-tabs__block
.contacts-detail__map
.company-contacts__map-holder
+ymap
.contacts-tabs__tab
.contacts-tabs__block
.contacts-tabs__text Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
.contacts-tabs__block
.contacts-tabs__map
img.contacts-tabs__img(src="http://placehold.it/600x400?text=maps2", width=600)
.contacts-tabs__tab
.contacts-tabs__block
.contacts-tabs__text Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
.contacts-tabs__block
.contacts-tabs__map
img.contacts-tabs__img(src="http://placehold.it/600x400?text=maps3", width=600)
mixin counter-input()
.counter-input.bem&attributes(attributes)
.counter-input__holder
input.counter-input__input(type='text' value='1' step='2')
a.counter-input__up(href="#")
a.counter-input__down(href="#")
span.counter-input__unit шт.
mixin counter-input_cart()
.counter-input.bem&attributes(attributes)
input.counter-input__input(type='text' value='1')
a.counter-input__up(href="#")
a.counter-input__down(href="#")
a.counter-input__buy-btn(href="#")
mixin counter-input_variant(unit)
.counter-input.bem&attributes(attributes)
.counter-input__holder
input.counter-input__input(type='text' value='1')
a.counter-input__up(href="#")
a.counter-input__down(href="#")
span.counter-input__unit #{unit}
mixin dealers-list()
.dealers-list.bem&attributes(attributes)
ul.dealers-list__items
each val in [1,2,3,4]
li.dealers-list__item
.dealers-list__dealer-card
.dealers-list__photo-col
img.dealers-list__photo(src="//placehold.it/300x400", alt="Фото дилера")
.dealers-list__description-col
.dealers-list__contact-holder
span.dealers-list__name Скорик Алексей Валентинович
.dealers-list__contact-holder
span.dealers-list__contact-label Адрес:
span.dealers-list__address 396650, Воронежская обл г. Россошь ул. Алексеева, дом 21А
.dealers-list__contact-holder
span.dealers-list__contact-label Телефон:
span.dealers-list__phone <nobr>8 (920) 211-91-96</nobr>, (47396) <nobr>4-90-90</nobr>
.dealers-list__email-holder
span.dealers-list__contact-label Email:
a.dealers-list__email(href="#") mail@mail.ru
.dealers-list__description-holder
.dealers-list__description.content-area
p
i Согласно договорных обязательств, обязан участвовать в решении всех коммерческих вопросов между жителями Воронежской области и <nobr>ООО «Южная Корона — БКЗ»</nobr>
.dealers-list__more-holder
a.dealers-list__more-link(href="#") Узнайте больше об условиях и времени работы дилера
mixin dealers-tiles()
.dealers-tiles.bem&attributes(attributes)
ul.dealers-tiles__items
each val in [1,2,3,4]
li.dealers-tiles__item
.dealers-tiles__dealer-card
.dealers-tiles__photo-col
img.dealers-tiles__photo(src="//placehold.it/140x140", alt="Фото дилера")
.dealers-tiles__description-col
.dealers-tiles__contact-holder
span.dealers-tiles__name Дилер в липецкой области
.dealers-tiles__contact-holder
span.dealers-tiles__contact-label ФИО:
span.dealers-tiles__contact-info Скорик Алексей Валентинович
.dealers-tiles__contact-holder
span.dealers-tiles__contact-label Адрес:
span.dealers-tiles__contact-info 396650, Воронежская обл г. Россошь ул. Алексеева, дом 21А
.dealers-tiles__contact-holder
span.dealers-tiles__contact-label Телефон:
span.dealers-tiles__contact-info <nobr>8 (920) 211-91-96</nobr>, (47396) <nobr>4-90-90</nobr>
.dealers-tiles__contact-holder
span.dealers-tiles__contact-label Email:
span.dealers-tiles__contact-info
a(href="#") mail@mail.ru
.dealers-tiles__description-holder
.dealers-tiles__description.content-area
p
i Согласно договорных обязательств, обязан участвовать в решении всех коммерческих вопросов между жителями Воронежской области и <nobr>ООО «Южная Корона — БКЗ»</nobr>
mixin docs-block()
.docs-block.bem&attributes(attributes)
.docs-block__bg-holder
a(data-action="gallery" href="img/content/cert.jpg")
img.docs-block__bg(src="img/content/cert.jpg", alt="Лого" width=875 height=1200)
.docs-block__content-holder
.docs-block__title Сертификат
mixin edit-personal()
.edit-personal.bem&attributes(attributes)
+edit-personal-personal
+edit-personal-address
+edit-personal-legal
mixin edit-personal-personal()
.edit-personal__personal-info&attributes(attributes)
.edit-personal__title Личные данные
.edit-personal__plate
+form-standart_personal
mixin edit-personal-address()
.edit-personal__address-info&attributes(attributes)
.edit-personal__title Адрес доставки
.edit-personal__plate
+form-standart_address
mixin edit-personal-legal()
.edit-personal__legal-info&attributes(attributes)
.edit-personal__title Юридические данные
.edit-personal__plate
+form-standart_legal
mixin email()
table(style='border: none; width: 100%; border-collapse: collapse; color:#383737; font-family: Arial, Helvetica, sans-serif;')
tr
td(style=' background-color: #eee; padding: 15px; line-height: 1.4;')
div(style='border-radius: 10px; width:600px; overflow: hidden; margin: auto; text-align: center; ')
table(style='border: none; background-color: #fff; width:600px; margin: auto; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; text-align: left;')
tr
td(style='padding: 10px; border-bottom: 1px solid #909090;')
img(src='//placehold.it/380x100', alt='Слоган интернет магазина', style='float:left;')
td(style='text-align:right; padding: 0 10px 0 0; border-bottom: 1px solid #909090;')
a(href='/', style='color: #0099FF; text-transform: uppercase; ') Название
tr
td(colspan='2', style='padding: 15px')
p #{lorem}
div(style='text-align:center; padding: 10px; font-size:12px;')
p(style='text-align: center; line-height: 1.5; margin: 0 0 20px; border-bottom: 1px solid #909090; padding: 20px 0; color: #383737;')
| Вы получили это письмо, потому что зарегистрированы на сайте
= ' '
a(href='/', style='text-decoration: none; color: #0099FF;') Название
= ' '
br
| Данное письмо не требует ответа.
= ' '
a(href='/personal/subscribe/', style='text-decoration: none; color: #0099FF; display: inline-block;') Управление подписками
= ' '
br
| Задайте вопрос через
= ' '
a(href='/contacts/', style='text-decoration: none; color: #0099FF; display: inline-block;') обратную связь
= ' '
| или позвоните нам по телефону:
= ' '
nowp +7 (495) 504-36-50
p(style=' color: #bbb;') Copyright © 2016 Название, All rights reserved.
mixin evaluation-list()
.evaluation-list
.evaluation-list__items
.evaluation-list__item
.evaluation-list__evaluation
.evaluation-list__evaluation-input-wrap
.evaluation-list__evaluation-input-mask
input(type="radio" name="v1" value="1").evaluation-list__evaluation-input
.evaluation-list__evaluation-input-mask
input(type="radio" name="v1" value="2").evaluation-list__evaluation-input
.evaluation-list__evaluation-input-mask
input(type="radio" name="v1" value="3").evaluation-list__evaluation-input
.evaluation-list__evaluation-input-mask
input(type="radio" name="v1" value="4").evaluation-list__evaluation-input
.evaluation-list__evaluation-input-mask
input(type="radio" name="v1" value="5").evaluation-list__evaluation-input
.evaluation-list__desc Качество обслуживания клиентов нашей компании
mixin evaluation-products-list()
.evaluation-products-list
mixin faq-chat()
.faq-chat.bem&attributes(attributes)
.faq-chat__title Отзывы наших клиентов
ul.faq-chat__items
each sides in [1,2,3]
li.faq-chat__item
.faq-chat__item-question
.faq-chat__question-title Заголовок вопроса
.faq-chat__text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate.
.faq-chat__position Клиент
.faq-chat__item-answer
.faq-chat__answer-title Ответ
.faq-chat__text.is-top Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes
.faq-chat__position Менеджер
li.faq-chat__item
.faq-chat__item-question
.faq-chat__question-title Заголовок вопроса
.faq-chat__text Lorem ipsum dolor sit amet. Aenean euismod bibendum laoreet. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate.
.faq-chat__position Клиент
.faq-chat__item-answer
.faq-chat__answer-title Ответ
.faq-chat__text.is-top Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Aenean euismod bibendum laoreet. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes
.faq-chat__position Менеджер
li.faq-chat__item
.faq-chat__item-question
.faq-chat__question-title Заголовок вопроса
.faq-chat__text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate.
.faq-chat__position Клиент
.faq-chat__item-answer
.faq-chat__answer-title Ответ
.faq-chat__text.is-top Lorem ipsum dolor sit amet, consectetur adipiscing elit.
.faq-chat__position Менеджер
mixin faq-list()
.faq-list&attributes(attributes)
ul.faq-list__items
li.faq-list__item
.faq-list__question Почему у вас такие низкие цены? Вы торгуете <nobr>б/у</nobr>, конфискатом, некондицией?
.faq-list__answer.content-area
p Все продающиеся у нас товары абсолютно новые, в заводской упаковке и имеют гарантийные сроки, установленные производителями. Цены у нас действительно одни из самых низких. Это достигается за счет рационального использования площадей, автоматизации многих процессов и гораздо меньшей наценкой, чем в «больших» магазинах. Мы работаем на постоянного покупателя, который возвращается к нам постоянно, а не на моментальную сверхприбыль. А самое главное — то, что низкие цены мы имеем засчет многих факторов, но ни в коем случае не ценой снижения качества товара и качества обслуживания! Уценённые товары находятся в разделе «Фотосклад. Дисконт».
li.faq-list__item
.faq-list__question Как отличить надежный <nobr>интернет-магазин</nobr>?
.faq-list__answer.content-area
p У серьезного магазина, торгующего дорогостоящей техникой, должен быть собственный склад, а также реальная торговая площадка. Большинство <nobr>интернет-магазинов</nobr> в рунете не имеют собственной базы и работают по принципу «пришел заказ — ищем товар»; вероятность качественного выполнения заказа, естественно, в этом случае довольно низка. Также очень важен вопрос гарантии, так как важно знать, кому предъявлять претензии в случае приобретения некачественной продукции. Если у магазина указан только номер телефона, это уже серьезный повод задуматься.
li.faq-list__item
.faq-list__question Можно ли приобрести понравившийся товар в магазине лично?
.faq-list__answer.content-area
p Да, вы всегда можете прийти в наш магазин лично и купить товар на месте.
mixin faq-simple()
.faq-simple&attributes(attributes)
.faq-simple__items
.faq-simple__item.js-faq-simple__item.is-show
.faq-simple__title.h4.js-faq-simple__title Почему у вас такие низкие цены? Вы торгуете б/у, конфискатом, некондицией?
.faq-simple__desc.js-faq-simple__desc Все продающиеся у нас товары абсолютно новые, в заводской упаковке и имеют гарантийные сроки, установленные производителями. Цены у нас действительно одни из самых низких. Это достигается за счет рационального использования площадей, автоматизации многих процессов и гораздо меньшей наценкой, чем в "больших" магазинах. Мы работаем на постоянного покупателя, который
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Как отличить надежный интернет-магазин?
.faq-simple__desc.js-faq-simple__desc У серьезного магазина, торгующего дорогостоящей техникой, должен быть собственный склад, а также реальная торговая площадка. Большинство интернет-магазинов в рунете не имеют собственной базы и работают по принципу "пришел заказ — ищем товар"; вероятность качественного выполнения заказа, естественно, в этом случае довольно низка. Также очень важен вопрос гарантии, так как важно знать, кому предъявлять претензии в случае приобретения некачественной продукции. Если у магазина указан только номер телефона, это уже серьезный повод задуматься.
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Можно ли приобрести понравившийся товар в магазине лично?
.faq-simple__desc.js-faq-simple__desc Да, вы всегда можете прийти в наш магазин лично и купить товар на месте.
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Почему у вас такие низкие цены? Вы торгуете б/у, конфискатом, некондицией?
.faq-simple__desc.js-faq-simple__desc Все продающиеся у нас товары абсолютно новые, в заводской упаковке и имеют гарантийные сроки, установленные производителями. Цены у нас действительно одни из самых низких. Это достигается за счет рационального использования площадей, автоматизации многих процессов и гораздо меньшей наценкой, чем в "больших" магазинах. Мы работаем на постоянного покупателя, который возвращается к нам постоянно, а не на моментальную сверхприбыль. А самое главное — то, что низкие цены мы имеем засчет многих факторов, но ни в коем случае не ценой снижения качества товара и качества обслуживания! Уценённые товары находятся в разделе "Фотосклад.Дисконт".
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Почему у вас такие низкие цены? Вы торгуете б/у, конфискатом, некондицией?
.faq-simple__desc.js-faq-simple__desc Все продающиеся у нас товары абсолютно новые, в заводской упаковке и имеют гарантийные сроки, установленные производителями. Цены у нас действительно одни из самых низких. Это достигается за счет рационального использования площадей, автоматизации многих процессов и гораздо меньшей наценкой, чем в "больших" магазинах. Мы работаем на постоянного покупателя, который
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Как отличить надежный интернет-магазин?
.faq-simple__desc.js-faq-simple__desc У серьезного магазина, торгующего дорогостоящей техникой, должен быть собственный склад, а также реальная торговая площадка. Большинство интернет-магазинов в рунете не имеют собственной базы и работают по принципу "пришел заказ — ищем товар"; вероятность качественного выполнения заказа, естественно, в этом случае довольно низка. Также очень важен вопрос гарантии, так как важно знать, кому предъявлять претензии в случае приобретения некачественной продукции. Если у магазина указан только номер телефона, это уже серьезный повод задуматься.
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Можно ли приобрести понравившийся товар в магазине лично?
.faq-simple__desc.js-faq-simple__desc Да, вы всегда можете прийти в наш магазин лично и купить товар на месте.
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Почему у вас такие низкие цены? Вы торгуете б/у, конфискатом, некондицией?
.faq-simple__desc.js-faq-simple__desc Все продающиеся у нас товары абсолютно новые, в заводской упаковке и имеют гарантийные сроки, установленные производителями. Цены у нас действительно одни из самых низких. Это достигается за счет рационального использования площадей, автоматизации многих процессов и гораздо меньшей наценкой, чем в "больших" магазинах. Мы работаем на постоянного покупателя, который возвращается к нам постоянно, а не на моментальную сверхприбыль. А самое главное — то, что низкие цены мы имеем засчет многих факторов, но ни в коем случае не ценой снижения качества товара и качества обслуживания! Уценённые товары находятся в разделе "Фотосклад.Дисконт".
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Почему у вас такие низкие цены? Вы торгуете б/у, конфискатом, некондицией?
.faq-simple__desc.js-faq-simple__desc Все продающиеся у нас товары абсолютно новые, в заводской упаковке и имеют гарантийные сроки, установленные производителями. Цены у нас действительно одни из самых низких. Это достигается за счет рационального использования площадей, автоматизации многих процессов и гораздо меньшей наценкой, чем в "больших" магазинах. Мы работаем на постоянного покупателя, который
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Как отличить надежный интернет-магазин?
.faq-simple__desc.js-faq-simple__desc У серьезного магазина, торгующего дорогостоящей техникой, должен быть собственный склад, а также реальная торговая площадка. Большинство интернет-магазинов в рунете не имеют собственной базы и работают по принципу "пришел заказ — ищем товар"; вероятность качественного выполнения заказа, естественно, в этом случае довольно низка. Также очень важен вопрос гарантии, так как важно знать, кому предъявлять претензии в случае приобретения некачественной продукции. Если у магазина указан только номер телефона, это уже серьезный повод задуматься.
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Можно ли приобрести понравившийся товар в магазине лично?
.faq-simple__desc.js-faq-simple__desc Да, вы всегда можете прийти в наш магазин лично и купить товар на месте.
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Почему у вас такие низкие цены? Вы торгуете б/у, конфискатом, некондицией?
.faq-simple__desc.js-faq-simple__desc Все продающиеся у нас товары абсолютно новые, в заводской упаковке и имеют гарантийные сроки, установленные производителями. Цены у нас действительно одни из самых низких. Это достигается за счет рационального использования площадей, автоматизации многих процессов и гораздо меньшей наценкой, чем в "больших" магазинах. Мы работаем на постоянного покупателя, который возвращается к нам постоянно, а не на моментальную сверхприбыль. А самое главное — то, что низкие цены мы имеем засчет многих факторов, но ни в коем случае не ценой снижения качества товара и качества обслуживания! Уценённые товары находятся в разделе "Фотосклад.Дисконт".
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Почему у вас такие низкие цены? Вы торгуете б/у, конфискатом, некондицией?
.faq-simple__desc.js-faq-simple__desc Все продающиеся у нас товары абсолютно новые, в заводской упаковке и имеют гарантийные сроки, установленные производителями. Цены у нас действительно одни из самых низких. Это достигается за счет рационального использования площадей, автоматизации многих процессов и гораздо меньшей наценкой, чем в "больших" магазинах. Мы работаем на постоянного покупателя, который
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Как отличить надежный интернет-магазин?
.faq-simple__desc.js-faq-simple__desc У серьезного магазина, торгующего дорогостоящей техникой, должен быть собственный склад, а также реальная торговая площадка. Большинство интернет-магазинов в рунете не имеют собственной базы и работают по принципу "пришел заказ — ищем товар"; вероятность качественного выполнения заказа, естественно, в этом случае довольно низка. Также очень важен вопрос гарантии, так как важно знать, кому предъявлять претензии в случае приобретения некачественной продукции. Если у магазина указан только номер телефона, это уже серьезный повод задуматься.
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Можно ли приобрести понравившийся товар в магазине лично?
.faq-simple__desc.js-faq-simple__desc Да, вы всегда можете прийти в наш магазин лично и купить товар на месте.
.faq-simple__item.js-faq-simple__item
.faq-simple__title.h4.js-faq-simple__title Почему у вас такие низкие цены? Вы торгуете б/у, конфискатом, некондицией?
.faq-simple__desc.js-faq-simple__desc Все продающиеся у нас товары абсолютно новые, в заводской упаковке и имеют гарантийные сроки, установленные производителями. Цены у нас действительно одни из самых низких. Это достигается за счет рационального использования площадей, автоматизации многих процессов и гораздо меньшей наценкой, чем в "больших" магазинах. Мы работаем на постоянного покупателя, который возвращается к нам постоянно, а не на моментальную сверхприбыль. А самое главное — то, что низкие цены мы имеем засчет многих факторов, но ни в коем случае не ценой снижения качества товара и качества обслуживания! Уценённые товары находятся в разделе "Фотосклад.Дисконт".
mixin favorites-title()
.favorites-title.bem&attributes(attributes)
.favorites-title__icon-holder
.favorites-title__icon-wrap
.favorites-title__icon
.favorites-title__content-holder
.favorites-title__title
span.favorites-title__title-text Избранное
.favorites-title__link-holder
a.favorites-title__link.js-favorites-count(href="#" data-plural="товар,товара,товаров") 5 товаров
mixin favorites-title_simple()
.favorites-title.bem.is-simple&attributes(attributes)
.favorites-title__link-holder
a.favorites-title__link(href="#") Избранное
mixin features-block()
.features-block.bem&attributes(attributes)
.features-block__items
.features-block__item
.features-block__img-holder
img.features-block__img(src="http://placehold.it/200x200", alt="" width=200 height=200)
.features-block__title Первое преимущество
.features-block__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
.features-block__item
.features-block__img-holder
img.features-block__img(src="http://placehold.it/200x200", alt="" width=200 height=200)
.features-block__title Второе преимущество
.features-block__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
.features-block__item
.features-block__img-holder
img.features-block__img(src="http://placehold.it/200x200", alt="" width=200 height=200)
.features-block__title Третье преимущество
.features-block__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
.features-block__item
.features-block__img-holder
img.features-block__img(src="http://placehold.it/200x200", alt="" width=200 height=200)
.features-block__title Первое преимущество
.features-block__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
mixin feedback-wall()
.feedback-wall.bem&attributes(attributes)
.feedback-wall__cols
.feedback-wall__column
.feedback-wall__item
.feedback-wall__title Юрий
.feedback-wall__meta 24.09.2014, Москва
.feedback-wall__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
.feedback-wall__item
.feedback-wall__title Эрнесто
.feedback-wall__meta 24.09.2014, Калининград
.feedback-wall__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
.feedback-wall__column
.feedback-wall__item
.feedback-wall__title Юрий
.feedback-wall__meta 24.09.2014, Москва
.feedback-wall__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit...
.feedback-wall__description-full Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
a.feedback-wall__readmore.pseudo-link(href="#") Показать целиком
a.feedback-wall__readless.pseudo-link(href="#") Скрыть
.feedback-wall__item
.feedback-wall__title Марина Светлова
.feedback-wall__meta 24.09.2014, Калининград
.feedback-wall__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
.feedback-wall__column
.feedback-wall__item
.feedback-wall__title Александр
.feedback-wall__meta 24.09.2014, Москва
.feedback-wall__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
.feedback-wall__item
.feedback-wall__title Марина Светлова
.feedback-wall__meta 24.09.2014, Калининград
.feedback-wall__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
.feedback-wall__column
.feedback-wall__item
.feedback-wall__title Нина Григорьевна
.feedback-wall__meta 24.09.2014, Москва
.feedback-wall__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit...
.feedback-wall__description-full Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
a.feedback-wall__readmore.pseudo-link(href="#") Показать целиком
a.feedback-wall__readless.pseudo-link(href="#") Скрыть
.feedback-wall__item
.feedback-wall__title Марина Светлова
.feedback-wall__meta 24.09.2014, Калининград
.feedback-wall__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
mixin smart-filter-horizontal()
.filter-hor.bem&attributes(attributes)
.filter-hor__header
.filter-hor__total-count-container
span.filter-hor__total-count Всего в разделе 194 товара
.filter-hor__show-filter
a.filter-hor__show-filter-link Показать фильтр
.filter-hor__main
ul.filter-hor__fields
li.filter-hor__field.three-columns.filter-hor__price-base
.filter-hor__field-header
span.filter-hor__field-caption Слайдер с ценой
.filter-hor__field-content
+filter-scale(
data-min="141000"
data-max="2694000"
data-significant-digits="3"
data-left="170000"
data-right="1500000"
data-log="1"
data-format="price"
data-convert-factor="1")
li.filter-hor__field.three-columns.filter-hor__prop-stone-type-checkbox
.filter-hor__field-header
span.filter-hor__field-caption Чекбоксы в две колонки
.filter-hor__field-content
+checkbox-cols
li.filter-hor__field.three-columns.filter-hor__prop-stone-type2
.filter-hor__field-header
span.filter-hor__field-caption Чекбоксы в одну колонку
.filter-hor__field-content
ul.filter-hor__items
li.filter-hor__item
+checkbox('Рядовой кирпич')(checked)
li.filter-hor__item
+checkbox('Облицовочный кирпич')
li.filter-hor__item
+checkbox('Декоративный кирпич')
li.filter-hor__item
+checkbox('Кирпич ручной формовки')
li.filter-hor__item
+checkbox('Селикатный кирпич')
li.filter-hor__item
+checkbox('Бутовый кирпич')
li.filter-hor__item
+checkbox('Кирпич нестандартных размеров')
ul.filter-hor__fields
li.filter-hor__field.three-columns.filter-hor__prop-brand
.filter-hor__field-header
span.filter-hor__field-caption Селект
.filter-hor__field-content
select.select2
option Все бренды
option Nike
option Coca-cola
option Nardin
li.filter-hor__field.three-columns.filter-hor__prop-stone-radio
.filter-hor__field-header
span.filter-hor__field-caption Радиокнопки в одну колонку
.filter-hor__field-content
ul.filter-hor__items
li.filter-hor__item
+checkbox('Рядовой кирпич')
li.filter-hor__item
+checkbox('Облицовочный кирпич')
li.filter-hor__item
+checkbox('Декоративный кирпич')
li.filter-hor__item
+checkbox('Кирпич ручной формовки')
li.filter-hor__field.three-columns.filter-hor__prop-stone-radio2
.filter-hor__field-header
span.filter-hor__field-caption Радиокнопки в две колонки
.filter-hor__field-content
+checkbox-cols
.filter-hor__footer
.filter-hor__result
span.filter-hor__result-label Выбрано:
span.filter-hor__result-num 2
a.smart-filter__result-link(href="#") Показать
mixin filter-scale()
.filter-scale.bem&attributes(attributes)
.filter-scale__scale-holder
.filter-scale__scale
.filter-scale__inputs-holder
.filter-scale__from
input.filter-scale__input.js-min(type="text" value=0)
input.js-hidden-min(type="hidden" value=0)
.filter-scale__to
input.filter-scale__input.js-max(type="text" value=12000)
input.js-hidden-max(type="hidden" value=12000)
mixin filter-scale_filter()
.filter-scale.iblock&attributes(attributes)
.filter-scale__inputs-holder.is-hide
.filter-scale__from
span от
input.filter-scale__input.js-min(type="text" value=0 data-default=0)
input.js-hidden-min(type="hidden" value=0)
.filter-scale__to
span до
input.filter-scale__input.js-max(type="text" value=12000 data-default=12000)
input.js-hidden-max(type="hidden" value=12000)
.filter-scale__scale-holder
.filter-scale__scale(data-max='12000' data-min='0' data-step='100')
.filter-scale__min-text <span class="filter-scale__min-val">0</span> руб.
.filter-scale__max-text <span class="filter-scale__max-val">12 000</span> руб.
mixin footer()
.footer.bem.is-hide-mobile&attributes(attributes)
.footer__top
.footer__menu
+menu-footer
.footer__contacts
.footer__contacts-link-container
a.footer__contacts-link(href="#") Контакты
.footer__contacts-phone +7 (123) 456 78 90
.footer__callback-cont
a.footer__callback(href="#") Заказать обратный звонок
.footer__sns
.footer__sns-header Мы в соцсетях
ul.footer__sns-list
li.footer__sns-item
a.footer__sns-link.youtube(href="#")
li.footer__sns-item
a.footer__sns-link.fb(href="#")
li.footer__sns-item
a.footer__sns-link.twitter(href="#")
li.footer__sns-item
a.footer__sns-link.insta(href="#")
.footer__bottom
.footer__copyright
span.footer__year © 2016
span.footer__company Название сайта
span.footer__rights Все права
.footer__devs Разработка сайта –
a.footer__devs-link(href="http://webprofy.ru") WEBPROFY
.footer__modals-list
.footer__modals-item
+auth-form.is-flexible#auth
.footer__modals-item
+registration-form_modal.is-flexible#register
.footer__modals-item
+forgotpasswd-form.is-flexible#forgotpasswd
mixin footer-mobile()
.footer-mobile.bem.is-hide-desktop&attributes(attributes)
.footer-mobile__contacts
.footer-mobile__contacts-link-container
a.footer-mobile__contacts-link(href="#") Контакты
.footer-mobile__contacts-phone +7 (123) 456 78 90
.footer-mobile__callback-cont
a.footer-mobile__callback(href="#") Заказать обратный звонок
.footer-mobile__sns
// .footer-mobile__sns-header Мы в соцсетях
ul.footer-mobile__sns-list
li.footer-mobile__sns-item
a.footer-mobile__sns-link.youtube(href="#")
li.footer-mobile__sns-item
a.footer-mobile__sns-link.fb(href="#")
li.footer-mobile__sns-item
a.footer-mobile__sns-link.twitter(href="#")
li.footer-mobile__sns-item
a.footer-mobile__sns-link.insta(href="#")
.footer-mobile__copyright
span.footer-mobile__year © 2016
=' '
span.footer-mobile__company Название сайта
.footer-mobile__devs Разработка сайта –
a.footer-mobile__devs-link(href="http://webprofy.ru") WEBPROFY
mixin forgotpasswd-form()
// Начало блока: Стандартная форма
.forgotpasswd-form.bem.is-pass-recovery&attributes(attributes)
.forgotpasswd-form__plate
block forgotpasswd-title
.forgotpasswd-form__title Восстановление пароля
.forgotpasswd-form__node
form.js-ajax(name="" method="" action="#")
.forgotpasswd-form__fields-list
.forgotpasswd-form__field
.forgotpasswd-form__label Введите <nobr>e-mail</nobr> указаный при регистрации:
.forgotpasswd-form__item
.forgotpasswd-form__inputs
input(type="email" name="email" placeholder="E-mail" value="" data-mask='email' data-necessary)
.forgotpasswd-form__message
.forgotpasswd-form__error Неверно заполнен e-mail
.forgotpasswd-form__none Пожалуйста, укажите свой e-mail
.forgotpasswd-form__buttons
.forgotpasswd-form__item
.forgotpasswd-form__inputs
input.button-primary(type="submit" name="" value="Восстановить")
a.forgotpasswd-form__add-link(href="#") Отмена
.success-message-modal
.success-message-modal__caption Восстановление пароля
.success-message-modal__text Ссылка на восстановление пароля будет отправлена на этот <nobr>e-mail</nobr> адрес в течение 10 минут
// Конец блока: Стандартная форма
mixin form-standart()
// Начало блока: Стандартная форма
.form-standart.bem&attributes(attributes)
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label Ваше имя:
.form-standart__item
.form-standart__inputs
input(type="text" name="username" placeholder="Ваше имя" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__label E-mail:
.form-standart__item
.form-standart__inputs
input(type="email" name="email" placeholder="E-mail" value="" data-mask='email' data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
.form-standart__field
.form-standart__label Телефон:
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" placeholder="+7(___) ___-__-__" value="" data-necessary data-mask='phone')
.form-standart__message
.form-standart__error Неверно заполнен телефон
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__label Комментарий:
.form-standart__item
.form-standart__inputs
textarea(name="comment" placeholder="Комментарий" value="" data-necessary)
.form-standart__message
.form-standart__none Пожалуйста, укажите комментарий
.form-standart__field
.form-standart__label Чек-боксы:
.form-standart__item
.form-standart__inputs-several
ul.form-standart__list.is-horizontal
li.form-standart__list-item
label
input(type='checkbox' data-necessary)
| *Первый чек
li.form-standart__list-item
label
input(type='checkbox')
| Второй чек
li.form-standart__list-item
label
input(type='checkbox')
| Третий чек
li.form-standart__list-item
label
input(type='checkbox')
| Четвертый чек
.form-standart__message-several
.form-standart__none Отметьте обязательный чекбокс
.form-standart__field
.form-standart__label <nobr>Радио-кнопки</nobr>:
.form-standart__item
.form-standart__inputs-several
ul.form-standart__list
li.form-standart__list-item
label
input(type='radio' name='first-radio-group' data-necessary)
| Первый радио
li.form-standart__list-item
label
input(type='radio' name='first-radio-group')
| Второй радио
li.form-standart__list-item
label
input(type='radio' name='first-radio-group')
| Третий радио
li.form-standart__list-item
label
input(type='radio' name='first-radio-group')
| Четвертый радио
.form-standart__message-several
.form-standart__none Выберите один из вариантов
.form-standart__field
.form-standart__label Селект:
.form-standart__item
.form-standart__inputs
select.select2(data-necessary placeholder='Выберите')
option
option Опция 1
option Опция 2
option Опция 3
option Опция 4
option Опция 5
.form-standart__message
.form-standart__none Выберите опцию
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Сохранить изменения")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin form-standart_callback()
// Начало блока: Стандартная форма (колбек)
.form-standart.bem&attributes(attributes)
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__item
.form-standart__inputs
input(type="text" name="username" value="" placeholder="Ваше имя" data-necessary)
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" value="" placeholder="Телефон" data-necessary data-mask='phone')
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Отправить")
.success-message-modal
.success-message-modal__caption Спасибо за заявку!
.success-message-modal__text Мы свяжемся с Вами в ближайшее время
// Конец блока: Стандартная форма (колбек)
mixin form-standart_offer()
// Начало блока: Маленькая форма на странице акции
.form-standart.bem.is-promo&attributes(attributes)
.form-standart__plate
.form-standart__title Оставьте заявку для участия в акции
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__item
.form-standart__inputs
input(type="text" name="username" value="" placeholder="Ваше имя" data-necessary)
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" value="" placeholder="Телефон" data-necessary data-mask='phone')
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Отправить")
.success-message-modal
.success-message-modal__caption Спасибо за заявку!
.success-message-modal__text Мы свяжемся с Вами в ближайшее время
// Конец блока: Маленькая форма на странице акции
mixin form-standart_callback-line()
// Начало блока: Стандартная форма (колбек горизонтальный)
.form-standart.bem.is-flat&attributes(attributes)
.form-standart__plate
.form-standart__title Закажите обратный звонок
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label Ваше имя
.form-standart__item
.form-standart__inputs
input(type="text" name="username" value="" placeholder="" data-necessary)
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__label Телефон
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" value="" placeholder="" data-necessary data-mask='phone')
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__label Удобное время для звонка
.form-standart__item
.form-standart__inputs
input(type="text" name="time" value="" placeholder="" data-necessary )
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field.is-field-btn
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Отправить")
.success-message-modal
.success-message-modal__caption Спасибо за заявку!
.success-message-modal__text Мы свяжемся с Вами в ближайшее время
// Конец блока: Стандартная форма (колбек горизонтальный)
mixin form-standart_auth()
// Начало блока: Стандартная форма (без ajax)
.form-standart.bem.is-auth&attributes(attributes)
form(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label E-mail:
.form-standart__item
.form-standart__inputs
input(type="text" name="login" value="" data-mask="email" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен email
.form-standart__none Укажите email
.form-standart__field
.form-standart__label Пароль:
.form-standart__item
.form-standart__inputs
input(type="password" name="password" value="" data-necessary)
.form-standart__message
.form-standart__error Неверный пароль
.form-standart__none Введите пароль
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Войти")
a.form-standart__add-link(href="#") Забыли пароль?
// Конец блока: Стандартная форма (без ajax)
mixin form-standart_auth-modal()
// Начало блока: Стандартная форма (без ajax)
.form-standart.bem.is-auth-modal&attributes(attributes)
form(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label E-mail:
.form-standart__item
.form-standart__inputs
input(type="text" name="login" value="" data-mask="email" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен email
.form-standart__none Укажите email
.form-standart__field
.form-standart__label Пароль:
.form-standart__item
.form-standart__inputs
input(type="password" name="password" value="" data-necessary)
.form-standart__message
.form-standart__error Неверный пароль
.form-standart__none Введите пароль
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Войти")
a.form-standart__add-link(href="#") Забыли пароль?
// Конец блока: Стандартная форма (без ajax)
mixin form-standart_personal()
// Начало блока: Стандартная форма
.form-standart.bem&attributes(attributes)
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label Ваше имя:
.form-standart__item
.form-standart__inputs
input(type="text" name="username" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__label E-mail:
.form-standart__item
.form-standart__inputs
input(type="email" name="email" value="" data-mask='email' data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
.form-standart__field
.form-standart__label Телефон:
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" value="" data-necessary data-mask='phone')
.form-standart__message
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__label Пароль:
.form-standart__item
.form-standart__inputs
a.form-standart__inputs-link.js-pass-link(href="#") Изменить пароль
.form-standart__field.js-pass-change
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
a.form-standart__inputs-link.js-pass-cancel(href="#") Отменить смену пароля
.form-standart__field.js-pass-change
.form-standart__label Старый пароль:
.form-standart__item
.form-standart__inputs
input(type="password")
.form-standart__field.js-pass-change
.form-standart__label Новый пароль:
.form-standart__item
.form-standart__inputs
input(type="password")
.form-standart__field.js-pass-change
.form-standart__label Новый пароль еще раз:
.form-standart__item
.form-standart__inputs
input(type="password")
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Сохранить изменения")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin form-standart_address()
// Начало блока: Стандартная форма
.form-standart.bem&attributes(attributes)
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label Адрес:
.form-standart__item
.form-standart__inputs
textarea(name="address" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение обязательно
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Сохранить изменения")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin form-standart_legal()
// Начало блока: Стандартная форма
.form-standart.bem&attributes(attributes)
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label Плательщик:
.form-standart__item
.form-standart__inputs
ul.horizontal
li
label
input(type='radio' name='payertype' value='fiz')
| Физическое лицо
li
label
input(type='radio' name='payertype' value='ur')
| Юридическое лицо
.form-standart__message
.form-standart__none Заполнение обязательно
.form-standart__field.show-on-condition(data-condition="payertype is ur")
.form-standart__label Название компании:
.form-standart__item
.form-standart__inputs
input(type="text" data-necessary)
.form-standart__message
.form-standart__none Заполнение обязательно
.form-standart__field.show-on-condition(data-condition="payertype is ur")
.form-standart__label Юридический адрес:
.form-standart__item
.form-standart__inputs
textarea(data-necessary)
.form-standart__message
.form-standart__none Заполнение обязательно
.form-standart__field.show-on-condition(data-condition="payertype is ur")
.form-standart__label ИНН:
.form-standart__item
.form-standart__inputs
input(type="text" data-necessary)
.form-standart__message
.form-standart__none Заполнение обязательно
.form-standart__field.show-on-condition(data-condition="payertype is ur")
.form-standart__label КПП:
.form-standart__item
.form-standart__inputs
input(type="text" data-necessary)
.form-standart__message
.form-standart__none Заполнение обязательно
.form-standart__field
.form-standart__label
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Сохранить изменения")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin form-standart_order()
// Начало блока: Стандартная форма
.form-standart.bem&attributes(attributes)
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label Ваше имя:
.form-standart__item
.form-standart__inputs
input(type="text" name="username" value="" data-necessary)
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__label E-mail:
.form-standart__item
.form-standart__inputs
input(type="email" name="email" value="" data-mask='email' data-necessary)
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
.form-standart__field
.form-standart__label Телефон:
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" value="" data-necessary data-mask='phone')
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__label Плательщик:
.form-standart__item
.form-standart__inputs
ul.horizontal
li
label
input(type='radio' name='payertype_order' value='fiz')
| Физическое лицо
li
label
input(type='radio' name='payertype_order' value='ur')
| Юридическое лицо
.form-standart__none Заполнение обязательно
.form-standart__field.show-on-condition(data-condition="payertype_order is ur")
.form-standart__label Название компании:
.form-standart__item
.form-standart__inputs
input(type="text")
.form-standart__none Заполнение обязательно
.form-standart__field.show-on-condition(data-condition="payertype_order is ur")
.form-standart__label Юридический адрес:
.form-standart__item
.form-standart__inputs
textarea()
.form-standart__none Заполнение обязательно
.form-standart__field.show-on-condition(data-condition="payertype_order is ur")
.form-standart__label ИНН:
.form-standart__item
.form-standart__inputs
input(type="text")
.form-standart__none Заполнение обязательно
.form-standart__field.show-on-condition(data-condition="payertype_order is ur")
.form-standart__label КПП:
.form-standart__item
.form-standart__inputs
input(type="text")
.form-standart__none Заполнение обязательно
.form-standart__field
.form-standart__label <nobr>Доставка</nobr>:
.form-standart__item
.form-standart__inputs
ul.nostyle
li
label
input(type='radio' name='delivery')
| Курьером по Москве (+300 Р)
li
label
input(type='radio' name='delivery')
| Почта России (+150 Р)
li
label
input(type='radio' name='delivery')
| Самовывоз
.form-standart__field
.form-standart__label <nobr>Оплата</nobr>:
.form-standart__item
.form-standart__inputs
ul.nostyle
li
label
input(type='radio' name='payment')
| Наличными курьеру
li
label
input(type='radio' name='payment')
| Картой курьеру
li
label
input(type='radio' name='payment')
| Картой онлайн
li
label
input(type='radio' name='payment')
| Яндекс.Деньги
li
label
input(type='radio' name='payment')
| Наложенным платежом (Почта России)
.form-standart__field
.form-standart__label <nobr>Пункт самовывоза</nobr>:
.form-standart__item
.form-standart__inputs
ul.nostyle
li
label
input(type='radio' name='pickpoint')
| Магазин и пункт выдачи
.form-standart__remark
p ул. Ленинская слобода, д. 19, стр. 1 <br/>м. Автозаводская <br/><a href='#'>Подробности и карта проезда</a>
li
label
input(type='radio' name='pickpoint')
| Пункт самовывоза номер два
.form-standart__remark
p ул. Ленинская слобода, д. 19, стр. 1 <br/>м. Автозаводская <br/><a href='#'>Подробности и карта проезда</a>
li
label
input(type='radio' name='pickpoint')
| Очередной пункт самовывоза
.form-standart__remark
p ул. Ленинская слобода, д. 19, стр. 1 <br/>м. Автозаводская <br/><a href='#'>Подробности и карта проезда</a>
.form-standart__field
.form-standart__label Адрес доставки:
.form-standart__item
.form-standart__inputs
textarea(name="address" value="" data-necessary)
.form-standart__none Пожалуйста, укажите адрес
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
label
input(type='checkbox' name='have_discount')
| У меня есть дисконтная карта
.form-standart__field(data-watch="[name=have_discount]" data-change="$this.toggle($that.is(':checked'))")
.form-standart__label Номер дисконтной карты:
.form-standart__item
.form-standart__inputs
input(type="text")
.form-standart__remark._condensed
a(href='#') Проверить
.form-standart__field(data-watch="[name=have_discount]" data-change="$this.toggle($that.is(':checked'))")
.form-standart__label Номер купона:
.form-standart__item
.form-standart__inputs
input(type="text")
.form-standart__remark
a(href='#') Проверить
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
label
input(type='checkbox' data-necessary checked)
| Я согласен с <a href='#'>условиями сайта</a>
.form-standart__none Согласие обязательно
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
ul.horizontal
li
input.button-primary(type="submit" name="" value="Сохранить изменения")
li
a.button(href='#') Вернуться в корзину
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin form-standart_subscribe-main()
// Начало блока: Стандартная форма
.form-standart.bem.is-subscribe&attributes(attributes)
.form-standart__plate
.form-standart__subtitle Рассылка
.form-standart__text Подпишитесь на нашу рассылку, чтобы еще экономнее совершать покупки, получая свежую информацию об акциях, скидках и распродажах.
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__item
.form-standart__inputs
input(type="email" name="email" placeholder="E-mail" value="" data-mask='email' data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
.form-standart__field
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Подписаться")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin form-standart_subscribe-widget()
// Начало блока: Стандартная форма (колбек)
.form-standart.bem.is-subscribe&attributes(attributes)
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__itemandart__item
.form-standart__inputs
input(type="email" name="email" placeholder="E-mail" value="" data-mask='email' data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
.form-standart__field
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Подписаться")
// Конец блока: Стандартная форма
mixin form-standart_feedback()
// Начало блока: Стандартная форма
.form-standart.bem&attributes(attributes)
.form-standart__plate
.form-standart__title Форма обратной связи
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label Ваше имя:
.form-standart__item
.form-standart__inputs
input(type="text" name="username" placeholder="Ваше имя" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__label Телефон:
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" placeholder="+7(___) ___-__-__" value="" data-necessary data-mask='phone')
.form-standart__message
.form-standart__error Неверно заполнен телефон
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__label E-mail:
.form-standart__item
.form-standart__inputs
input(type="email" name="email" placeholder="E-mail" value="" data-mask='email' data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
.form-standart__field
.form-standart__label Выберите тему:
.form-standart__item
.form-standart__inputs
select.select2(data-necessary placeholder='Выберите')
option
option Вопрос в отдел продаж
option Опция 2
option Опция 3
option Опция 4
option Опция 5
.form-standart__message
.form-standart__none Выберите опцию
.form-standart__field
.form-standart__label Сообщение:
.form-standart__item
.form-standart__inputs
textarea(name="comment" placeholder="Комментарий" value="" data-necessary)
.form-standart__message
.form-standart__none Пожалуйста, укажите комментарий
.form-standart__field
.form-standart__label.is-captcha Защитный код:
.form-standart__item
.form-standart__captcha
.form-standart__captcha-img
img(src="http://placehold.it/200x70", alt="Капча" width=200)
.form-standart__captcha-reload
a.form-standart__captcha-link(href="#") Обновить
.form-standart__inputs
input(type='text' name="name" value="" data-necessary)
.form-standart__message
.form-standart__none Пожалуйста, введите имя
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Сохранить изменения")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin form-standart_feedback-small()
// Начало блока: Стандартная форма
.form-standart.bem&attributes(attributes)
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__item
.form-standart__inputs
input(type="text" name="username" placeholder="Ваше имя" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" placeholder="+7(___) ___-__-__" value="" data-necessary data-mask='phone')
.form-standart__message
.form-standart__error Неверно заполнен телефон
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__item
.form-standart__inputs
+upload-input
.form-standart__field
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Отправить заявку")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin form-standart_contacts()
// Начало блока: Стандартная форма
.form-standart.bem.is-contacts&attributes(attributes)
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label Ваше имя:
.form-standart__item
.form-standart__inputs
input(type="text" name="username" placeholder="Ваше имя" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__label E-mail:
.form-standart__item
.form-standart__inputs
input(type="email" name="email" placeholder="E-mail" value="" data-mask='email' data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
.form-standart__field
.form-standart__label Телефон:
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" placeholder="+7(___) ___-__-__" value="" data-necessary data-mask='phone')
.form-standart__message
.form-standart__error Неверно заполнен телефон
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__label Вопрос:
.form-standart__item
.form-standart__inputs
textarea(name="comment" placeholder="Комментарий" value="" data-necessary)
.form-standart__message
.form-standart__none Пожалуйста, укажите комментарий
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Отправить")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin form-standart_pass-recovery()
// Начало блока: Стандартная форма
.form-standart.bem.is-pass-recovery&attributes(attributes)
.form-standart__plate
.form-standart__title Восстановление пароля
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label Введите <nobr>e-mail</nobr> указаный при регистрации:
.form-standart__item
.form-standart__inputs
input(type="email" name="email" placeholder="E-mail" value="" data-mask='email' data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
.form-standart__buttons
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Сохранить изменения")
a.form-standart__add-link(href="#") Отмена
.success-message-modal
.success-message-modal__caption Восстановление пароля
.success-message-modal__text Ссылка на восстановление пароля будет отправлена на этот <nobr>e-mail</nobr> адрес в течение 10 минут
// Конец блока: Стандартная форма
mixin form-standart_faq()
// Начало блока: Стандартная форма
.form-standart.bem.is-faq&attributes(attributes)
.form-standart__plate
.form-standart__title Задать свой вопрос
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label Ваше имя:
.form-standart__item
.form-standart__inputs
input(type="text" name="username" placeholder="Ваше имя" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__label E-mail:
.form-standart__item
.form-standart__inputs
input(type="email" name="email" placeholder="E-mail" value="" data-mask='email' data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
//- .form-standart__field
.form-standart__label Телефон:
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" placeholder="+7(___) ___-__-__" value="" data-necessary data-mask='phone')
.form-standart__message
.form-standart__error Неверно заполнен телефон
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__label Вопрос:
.form-standart__item
.form-standart__inputs
textarea(name="comment" placeholder="Комментарий" value="" data-necessary)
.form-standart__message
.form-standart__none Пожалуйста, укажите комментарий
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Отправить")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin form-standart_reviews-add()
// Начало блока: Стандартная форма
.form-standart.bem&attributes(attributes)
.form-standart__plate
.form-standart__title Оставьте свой отзыв
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label ФИО:
.form-standart__item
.form-standart__inputs
input(type="text" name="username" placeholder="" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__label Должность:
.form-standart__item
.form-standart__inputs
input(type="text" name="position" placeholder="" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен должность
.form-standart__none Пожалуйста, укажите свою должность
.form-standart__field
.form-standart__label E-mail:
.form-standart__item
.form-standart__inputs
input(type="email" name="email" placeholder="" value="" data-mask='email' data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
.form-standart__field
.form-standart__label Отзыв:
.form-standart__item
.form-standart__inputs
textarea(name="review" placeholder="" value="" data-necessary)
.form-standart__message
.form-standart__none Пожалуйста, напишите отзыв
mixin form-standart_oneliner()
// Начало блока: Стандартная форма (колбек)
.form-standart.bem&attributes(attributes)
.form-standart__plate
.form-standart__title Закажите обратный звонок
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__item
.form-standart__inputs
input(type="text" name="username" value="" placeholder="Ваше имя" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" value="" placeholder="Телефон" data-necessary data-mask='phone')
.form-standart__message
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Отправить")
.success-message-modal
.success-message-modal__caption Спасибо за заявку!
.success-message-modal__text Мы свяжемся с Вами в ближайшее время
// Конец блока: Стандартная форма (колбек)
mixin form-standart_another-feedback()
// Начало блока: Стандартная форма
.form-standart.is-e2.bem&attributes(attributes)
.form-standart__plate
.form-standart__title Оставьте свой отзыв
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label ФИО:
.form-standart__item
.form-standart__inputs
input(type="text" name="username" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__label Должность:
.form-standart__item
.form-standart__inputs
input(type="email" name="job" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
.form-standart__field
.form-standart__label Ваш e-mail:
.form-standart__item
.form-standart__inputs
input(type="text" name="email" value="" data-necessary data-mask='email')
.form-standart__message
.form-standart__error Неверно заполнен телефон
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__label Отзыв:
.form-standart__item
.form-standart__inputs
textarea(name="comment" placeholder="Комментарий" value="" data-necessary)
.form-standart__message
.form-standart__none Пожалуйста, укажите комментарий
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Сохранить изменения")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin form-standart_yet-another-feedback()
// Начало блока: Стандартная форма
.form-standart.is-e2.bem&attributes(attributes)
.form-standart__plate
.form-standart__title Оставьте свой отзыв
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label ФИО:
.form-standart__item
.form-standart__inputs
input(type="text" name="username" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__label Должность:
.form-standart__item
.form-standart__inputs
input(type="email" name="job" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
.form-standart__field
.form-standart__label Ваш e-mail:
.form-standart__item
.form-standart__inputs
input(type="text" name="email" value="" data-necessary data-mask='email')
.form-standart__message
.form-standart__error Неверно заполнен телефон
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__label Ваша оценка:
.form-standart__item
.form-standart__inputs
.vote-stars.bem
.vote-stars__input
input(type="text" value=3 data-necessary)
//- .vote-stars__title Ваша оценка:
ul.vote-stars__items
li.vote-stars__item
li.vote-stars__item
li.vote-stars__item
li.vote-stars__item
li.vote-stars__item
.form-standart__message
.form-standart__error Неверно заполнен телефон
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__label Отзыв:
.form-standart__item
.form-standart__inputs
textarea(name="comment" placeholder="Комментарий" value="" data-necessary)
.form-standart__message
.form-standart__none Пожалуйста, укажите комментарий
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Сохранить изменения")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin form-standart_changepasswd()
// Начало блока: Стандартная форма
.form-standart.is-e2.bem&attributes(attributes)
.form-standart__plate
block changepasswd-title
.form-standart__title Подтверждение смены пароля
form(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label Ваш e-mail:
.form-standart__item
.form-standart__inputs
input(type="text" name="email" value="" data-necessary data-mask='email')
.form-standart__message
.form-standart__error Неверно заполнен телефон
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__label Контрольная строка:
.form-standart__item
.form-standart__inputs
input(type="text" name="USER_CHECKWORD" value="2bed16d8d6643465bab4c42b009af34e" data-necessary )
.form-standart__message
.form-standart__none Пожалуйста, укажите Конторльную строку
.form-standart__field
.form-standart__label Новый пароль:
.form-standart__item
.form-standart__inputs
input(type="text" name="USER_CHECKWORD" value="" data-necessary )
.form-standart__message
.form-standart__none Пожалуйста, укажите пароль
.form-standart__field
.form-standart__label Подтверждение пароля:
.form-standart__item
.form-standart__inputs
input(type="text" name="USER_CHECKWORD" value="" data-necessary )
.form-standart__message
.form-standart__none Пожалуйста, укажите пароль
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Изменить пароль")
// Конец блока: Стандартная форма
mixin form-standart_smart-tiles()
// Начало блока: Стандартная форма (колбек)
.form-standart.bem.is-flat&attributes(attributes)
.form-standart__plate
.form-standart__title И сразу получите подарок!
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__item
.form-standart__inputs
input(type="text" name="email" value="" placeholder="Ваше Email" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен email
.form-standart__none Заполнение email обязательно
.form-standart__field
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" value="" placeholder="Телефон" data-necessary data-mask='phone')
.form-standart__message
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Отправить")
.success-message-modal
.success-message-modal__caption Спасибо за заявку!
.success-message-modal__text Мы свяжемся с Вами в ближайшее время
// Конец блока: Стандартная форма (колбек)
mixin form-standart2()
// Начало блока: Стандартная форма
form.js-ajax(name="" method="" action="#")
.form-standart__fields-list
.form-standart__field
.form-standart__label Ваше имя:
.form-standart__item
.form-standart__inputs
input(type="text" name="username" placeholder="Ваше имя" value="" data-necessary)
.form-standart__message
.form-standart__error Неверно заполнено имя
.form-standart__none Заполнение имени обязательно
.form-standart__field
.form-standart__label E-mail:
.form-standart__item
.form-standart__inputs
input(type="email" name="email" placeholder="E-mail" value="" data-mask='email' data-necessary)
.form-standart__message
.form-standart__error Неверно заполнен e-mail
.form-standart__none Пожалуйста, укажите свой e-mail
.form-standart__field
.form-standart__label Телефон:
.form-standart__item
.form-standart__inputs
input(type="text" name="phone" placeholder="+7(___) ___-__-__" value="" data-necessary data-mask='phone')
.form-standart__message
.form-standart__error Неверно заполнен телефон
.form-standart__none Пожалуйста, укажите телефон
.form-standart__field
.form-standart__label Комментарий:
.form-standart__item
.form-standart__inputs
textarea(name="comment" placeholder="Комментарий" value="" data-necessary)
.form-standart__message
.form-standart__none Пожалуйста, укажите комментарий
.form-standart__field
.form-standart__label.is-empty
.form-standart__item
.form-standart__inputs
input.button-primary(type="submit" name="" value="Сохранить изменения")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
// Конец блока: Стандартная форма
mixin gallery-list()
.gallery-list.bem&attributes(attributes)
ul.gallery-list__items
each val in [1,2,3,4,5,6,7]
li.gallery-list__item
+gallery-collection
mixin header()
header.header.bem.is-hide-mobile&attributes(attributes)
.header__top
.header__center
.header__columns
+menu-top_example
+auth-link_login
+search-title.is-hide-input
.header__bottom
.header__center
.header__columns
.header__logo-block
a.header__logo(href="#")
img(src="//placehold.it/380x100", width="190", height="50")
.header__slogan Слоган интернет магазина
.header__contacts
.header__phone 8 (800) 2000 600
.header__schedule с 10:00 до 22:00 без выходных
.header__callback
a(href="#") Заказать звонок
.header__basket
+cart-line()
mixin header-mobile()
header.header-mobile.bem.is-hide-desktop&attributes(attributes)
.header-mobile__line
.header-mobile__left
.header-mobile__catalog
a.header-mobile__catalog-button(href="#mobile-catalog", data-action="mobile-menu") Каталог
.header-mobile__catalog-holder#mobile-catalog
+menu-aside.is-mobile
.header-mobile__right
.header-mobile__call
a.header-mobile__call-link(href="#mobile-call", data-action="mobile-menu")
span.header-mobile__call-icon
.header-mobile__call-holder#mobile-call
.header-mobile__plate-item
a.header-mobile__phone(href="tel:+7 800 30 00 600") +7 800 30 00 600
.header-mobile__plate-item
a.header-mobile__callback.js-modal(href="#request-call") Заказать звонок
.header-mobile__search
a.header-mobile__search-button(href="#mobile-search", data-action="mobile-menu")
span.header-mobile__search-icon
.header-mobile__search-holder#mobile-search
+search-title.is-not-interactive
.header-mobile__cart
a.header-mobile__cart-button(href="#mobile-cart", data-action="mobile-menu")
span.header-mobile__cart-icon
span.header-mobile__cart-counter 2
.header-mobile__cart-holder#mobile-cart
+cart-line_mobile
.header-mobile__menu
a.header-mobile__menu-button(href="#mobile-menu", data-action="mobile-menu")
span.header-mobile__menu-icon
.header-mobile__menu-holder#mobile-menu
.header-mobile__plate-section
+auth-link_user.is-inverted
a.header-mobile__exit(href="#") Выйти
.header-mobile__plate-section
+menu-tree_simple
.header-mobile__plate-section
.header-mobile__plate-horlink
+favorites-title_simple
.header-mobile__plate-horlink
a.js-modal.pseudo-link(href="#feedback") Написать нам
.header-mobile__logo
a.header-mobile__logo-link(href="/", title="Вернуться на главную страницу")
img.header-mobile__logo-img(src="//placehold.it/400x100?text=Logotype", width="200", height="50", data-no-retina)
mixin icon-tiles()
.icon-tiles.bem&attributes(attributes)
ul.icon-tiles__items
li.icon-tiles__item
.icon-tiles__item-wrap
.icon-tiles__icon-holder
img.icon-tiles__icon(src="//placehold.it/70x70", alt="Иконка" width=70)
.icon-tiles__description-holder
.icon-tiles__description Липецкая область
li.icon-tiles__item
.icon-tiles__item-wrap
.icon-tiles__icon-holder
img.icon-tiles__icon(src="//placehold.it/70x70", alt="Иконка" width=70)
.icon-tiles__description-holder
.icon-tiles__description Республика Крым
li.icon-tiles__item
.icon-tiles__item-wrap
.icon-tiles__icon-holder
img.icon-tiles__icon(src="//placehold.it/70x70", alt="Иконка" width=70)
.icon-tiles__description-holder
.icon-tiles__description Курская область
li.icon-tiles__item
.icon-tiles__item-wrap
.icon-tiles__icon-holder
img.icon-tiles__icon(src="//placehold.it/70x70", alt="Иконка" width=70)
.icon-tiles__description-holder
.icon-tiles__description Тамбовская область
li.icon-tiles__item
.icon-tiles__item-wrap
.icon-tiles__icon-holder
img.icon-tiles__icon(src="//placehold.it/70x70", alt="Иконка" width=70)
.icon-tiles__description-holder
.icon-tiles__description Калининградская область
li.icon-tiles__item
.icon-tiles__item-wrap
.icon-tiles__icon-holder
img.icon-tiles__icon(src="//placehold.it/70x70", alt="Иконка" width=70)
.icon-tiles__description-holder
.icon-tiles__description Астраханская область
mixin loader-fullscreen()
.loader.bem.is-fullscreen&attributes(attributes)
.loader__item.loader__item-1
.loader__item.loader__item-2
.loader__item.loader__item-3
.loader__item.loader__item-4
.loader__item.loader__item-5
.loader__item.loader__item-6
.loader__item.loader__item-7
.loader__item.loader__item-8
mixin loader-link()
.loader-link.bem&attributes(attributes)
a(href="#") Показать лоадер
mixin logo-slider(num)
- var num = num || 10
.logo-slider.bem&attributes(attributes)
// logo-slider__title Логотипы
.logo-slider__slider(data-slides="7", data-slides-xs="4", data-slides-xxs="1")
- var n = 0
while n < num
- n++
.logo-slider__slide
a.logo-slider__action(href="#")
img.logo-slider__image(src="http://placehold.it/300x200?text=Лого")
mixin menu-aside()
.menu-aside.no-js.bem&attributes(attributes)
.menu-aside__common-header
a.menu-aside__common-link(href="#") <span>Каталог продукции</span>
.menu-aside__first-holder
ul.menu-aside__first-level
li.menu-aside__first-item.is-contain
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Для отдыха</span>
.menu-aside__second-holder.is-active
ul.menu-aside__second-level
li.menu-aside__second-item.is-contain
a.menu-aside__second-link(href="#") История компании
.menu-aside__third-holder
ul.menu-aside__third-level
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Подраздел с длинным текстом, который должен занять несколько строк
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Моноподы для селфи
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Реквизиты
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Команда
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Фотогалерея
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Видеогалерея
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Новости
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Вакансии
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Клиенты
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Сертификаты
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Партнеры
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Производство
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Награды
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Дилерам
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Оптовикам
li.menu-aside__first-item.is-contain
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Оригинальные подарки</span>
.menu-aside__second-holder
ul.menu-aside__second-level
li.menu-aside__second-item.is-contain
a.menu-aside__second-link(href="#") Аксессуары для смартфонов
.menu-aside__third-holder
ul.menu-aside__third-level
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Моноподы для селфи
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Перчатки для сенсорных экранов
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Пульты для селфи
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Светящиеся наушники
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Оригинальные подарки
li.menu-aside__second-item.is-contain
a.menu-aside__second-link(href="#") Товары для детей
.menu-aside__third-holder
ul.menu-aside__third-level(data-max-items=5)
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Бинарные часы
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Волшебные червячки
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Детские машинки
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Игрушки Говорящий Хомяк
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Летающие игрушки
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Музыкальные инструменты
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Настольные игры
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Нелопающиеся мыльные пузыри
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Неокубы
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Резинки для плетения браслетов
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Танцевальные коврики
li.menu-aside__third-item
a.menu-aside__third-link(href="#") <nobr>Шары-предсказатели</nobr>
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Товары для дома
li.menu-aside__second-item.is-contain
a.menu-aside__second-link(href="#") Товары для женщин
.menu-aside__third-holder
ul.menu-aside__third-level
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Моноподы для селфи
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Перчатки для сенсорных экранов
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Пульты для селфи
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Светящиеся наушники
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Товары для красоты и здоровья
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Товары для кухни
li.menu-aside__first-item
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Фотоаппараты</span>
li.menu-aside__first-item
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Для дачи</span>
li.menu-aside__first-item
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Сертификаты</span>
li.menu-aside__first-item
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Для кухни</span>
li.menu-aside__first-item
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Для автомобиля</span>
li.menu-aside__first-item
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Для школы</span>
li.menu-aside__first-item.is-additional
a.menu-aside__first-link.js-show-more(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Еще</span>
.menu-aside__additional-holder
ul.menu-aside__additional-level
li.menu-aside__additional-item
a.menu-aside__additional-link(href="#") Для кухни
li.menu-aside__additional-item
a.menu-aside__additional-link(href="#") Для автомобиля
li.menu-aside__additional-item
a.menu-aside__additional-link(href="#") Для школы
li.menu-aside__additional-item
a.menu-aside__additional-link(href="#") Для сердца
mixin menu-aside_i()
.menu-aside.no-js.bem&attributes(attributes)
.menu-aside__common-header
a.menu-aside__common-link(href="#") <span>Каталог продукции</span>
.menu-aside__first-holder
ul.menu-aside__first-level
li.menu-aside__first-item.is-contain
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Для отдыха</span>
.menu-aside__second-holder.is-active
ul.menu-aside__second-level
li.menu-aside__second-item.is-contain
a.menu-aside__second-link(href="#") История компании
.menu-aside__third-holder
ul.menu-aside__third-level
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Подраздел с длинным текстом, который должен занять несколько строк
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Моноподы для селфи
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Реквизиты
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Команда
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Фотогалерея
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Видеогалерея
ul.menu-aside__second-level
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Новости
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Вакансии
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Клиенты
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Сертификаты
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Партнеры
ul.menu-aside__second-level
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Производство
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Награды
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Дилерам
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Оптовикам
li.menu-aside__first-item.is-contain
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Оригинальные подарки</span>
.menu-aside__second-holder
ul.menu-aside__second-level
li.menu-aside__second-item.is-contain
a.menu-aside__second-link(href="#") Аксессуары для смартфонов
.menu-aside__third-holder
ul.menu-aside__third-level
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Моноподы для селфи
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Перчатки для сенсорных экранов
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Пульты для селфи
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Светящиеся наушники
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Оригинальные подарки
ul.menu-aside__second-level
li.menu-aside__second-item.is-contain
a.menu-aside__second-link(href="#") Товары для детей
.menu-aside__third-holder
ul.menu-aside__third-level(data-max-items=5)
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Бинарные часы
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Волшебные червячки
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Детские машинки
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Игрушки Говорящий Хомяк
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Летающие игрушки
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Музыкальные инструменты
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Настольные игры
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Нелопающиеся мыльные пузыри
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Неокубы
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Резинки для плетения браслетов
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Танцевальные коврики
li.menu-aside__third-item
a.menu-aside__third-link(href="#") <nobr>Шары-предсказатели</nobr>
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Товары для дома
ul.menu-aside__second-level
li.menu-aside__second-item.is-contain
a.menu-aside__second-link(href="#") Товары для женщин
.menu-aside__third-holder
ul.menu-aside__third-level
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Моноподы для селфи
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Перчатки для сенсорных экранов
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Пульты для селфи
li.menu-aside__third-item
a.menu-aside__third-link(href="#") Светящиеся наушники
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Товары для красоты и здоровья
li.menu-aside__second-item
a.menu-aside__second-link(href="#") Товары для кухни
li.menu-aside__first-item
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Фотоаппараты</span>
li.menu-aside__first-item
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Для дачи</span>
li.menu-aside__first-item
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Сертификаты</span>
li.menu-aside__first-item
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Для кухни</span>
li.menu-aside__first-item
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Для автомобиля</span>
li.menu-aside__first-item
a.menu-aside__first-link(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Для школы</span>
li.menu-aside__first-item.is-additional
a.menu-aside__first-link.js-show-more(href="#") <img src="https://api.monosnap.com/rpc/file/download?id=9cCYxNlwcR6N5wWn2wEorOCGkK8utZ" class="menu-aside__custom-icon" width=31/> <span>Еще</span>
.menu-aside__additional-holder
ul.menu-aside__additional-level
li.menu-aside__additional-item
a.menu-aside__additional-link(href="#") Для кухни
li.menu-aside__additional-item
a.menu-aside__additional-link(href="#") Для автомобиля
li.menu-aside__additional-item
a.menu-aside__additional-link(href="#") Для школы
li.menu-aside__additional-item
a.menu-aside__additional-link(href="#") Для сердца
mixin menu-bottom()
.menu-bottom.bem&attributes(attributes)
.menu-bottom__plate
ul.menu-bottom__first-level
li.menu-bottom__first-item
a.menu-bottom__first-link(href="#") Название раздела
li.menu-bottom__first-item
a.menu-bottom__first-link(href="#") Второе название раздела
li.menu-bottom__first-item
a.menu-bottom__first-link(href="#") Третий раздел
li.menu-bottom__first-item
a.menu-bottom__first-link(href="#") Раздел четвертый
mixin menu-footer()
.menu-footer.bem.z-style&attributes(attributes)
ul.menu-footer__first
li.menu-footer__item
a.menu-footer__link(href="#") Доставка
li.menu-footer__item
a.menu-footer__link(href="#") Услуги
li.menu-footer__item
a.menu-footer__link(href="#") Новости
li.menu-footer__item
a.menu-footer__link(href="#") О компании
ul.menu-footer__second
li.menu-footer__item
a.menu-footer__link(href="#") Вакансии
li.menu-footer__item
a.menu-footer__link(href="#") Отзывы
li.menu-footer__item
a.menu-footer__link(href="#") Статьи
li.menu-footer__item
a.menu-footer__link(href="#") Акции
mixin menu-footer-list()
.menu-footer-list.bem.is-4cols&attributes(attributes)
ul.menu-footer-list__first
li.menu-footer-list__item.is-root
a.menu-footer-list__link(href="#") О компании
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Новости
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Оплата и доставка
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Рецепты
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Партнерам
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Контакты
ul.menu-footer-list__first
li.menu-footer-list__item.is-root
a.menu-footer-list__link(href="#") Рыба
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт1
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт2
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт3
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт4
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт5
ul.menu-footer-list__first
li.menu-footer-list__item.is-root
a.menu-footer-list__link(href="#") Морепродукты
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт1
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт2
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт3
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт4
ul.menu-footer-list__first
li.menu-footer-list__item.is-root
a.menu-footer-list__link(href="#") Икра красная
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт1
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт2
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт3
li.menu-footer-list__item.is-child
a.menu-footer-list__link(href="#") Пункт4
li.menu-footer-list__item.is-root
a.menu-footer-list__link(href="#") Икра черная
mixin menu-top()
.menu-top.bem&attributes(attributes)
.menu-top__plate
ul.menu-top__first-level
li.menu-top__first-item.is-contain
a.menu-top__first-link(href="#") Название раздела
.menu-top__second-holder
ul.menu-top__second-level
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Подраздел номер один
.menu-top__third-holder
ul.menu-top__third-level
li.menu-top__third-item
a.menu-top__third-link(href="#") Подраздел с длинным текстом, который должен занять несколько строк
li.menu-top__third-item.is-contain
a.menu-top__third-link(href="#") Подраздел с длинным текстом
.menu-top__fourth-holder
ul.menu-top__fourth-level
li.menu-top__fourth-item
a.menu-top__fourth-link(href="#") Подраздел с длинным текстом, который должен занять несколько строк
li.menu-top__fourth-item
a.menu-top__fourth-link(href="#") Подраздел с длинным текстом
li.menu-top__second-item
a.menu-top__second-link(href="#") Второй подраздел
li.menu-top__second-item
a.menu-top__second-link(href="#") Третий подраздел
li.menu-top__first-item.is-contain
a.menu-top__first-link(href="#") Второе название раздела
.menu-top__second-holder
ul.menu-top__second-level
li.menu-top__second-item
a.menu-top__second-link(href="#") Подраздел номер один
li.menu-top__second-item
a.menu-top__second-link(href="#") Второй подраздел
li.menu-top__first-item
a.menu-top__first-link(href="#") Третий раздел
li.menu-top__first-item
a.menu-top__first-link(href="#") Раздел четвертый
mixin menu-top_example()
.menu-top.bem&attributes(attributes)
.menu-top__plate
ul.menu-top__first-level
li.menu-top__first-item.is-contain
a.menu-top__first-link(href="#") О компании
.menu-top__second-holder
ul.menu-top__second-level
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") История компании
.menu-top__third-holder
ul.menu-top__third-level
li.menu-top__third-item
a.menu-top__third-link(href="#") Подраздел с длинным текстом, который должен занять несколько строк
li.menu-top__third-item.is-contain
a.menu-top__third-link(href="#") Моноподы для селфи
li.menu-top__second-item
a.menu-top__second-link(href="#") Реквизиты
li.menu-top__second-item
a.menu-top__second-link(href="#") Команда
li.menu-top__second-item
a.menu-top__second-link(href="#") Фотогалерея
li.menu-top__second-item
a.menu-top__second-link(href="#") Видеогалерея
li.menu-top__second-item
a.menu-top__second-link(href="#") Новости
li.menu-top__second-item
a.menu-top__second-link(href="#") Вакансии
li.menu-top__second-item
a.menu-top__second-link(href="#") Клиенты
li.menu-top__second-item
a.menu-top__second-link(href="#") Сертификаты
li.menu-top__second-item
a.menu-top__second-link(href="#") Партнеры
li.menu-top__second-item
a.menu-top__second-link(href="#") Производство
li.menu-top__second-item
a.menu-top__second-link(href="#") Награды
li.menu-top__second-item
a.menu-top__second-link(href="#") Дилерам
li.menu-top__second-item
a.menu-top__second-link(href="#") Оптовикам
li.menu-top__first-item.is-contain
a.menu-top__first-link(href="#") Каталог
.menu-top__second-holder
ul.menu-top__second-level
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Аксессуары для смартфонов
.menu-top__third-holder
ul.menu-top__third-level
li.menu-top__third-item
a.menu-top__third-link(href="#") Моноподы для селфи
li.menu-top__third-item
a.menu-top__third-link(href="#") Перчатки для сенсорных экранов
li.menu-top__third-item
a.menu-top__third-link(href="#") Пульты для селфи
li.menu-top__third-item
a.menu-top__third-link(href="#") Светящиеся наушники
li.menu-top__second-item
a.menu-top__second-link(href="#") Оригинальные подарки
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Товары для детей
.menu-top__third-holder
ul.menu-top__third-level(data-max-items=5)
li.menu-top__third-item
a.menu-top__third-link(href="#") Бинарные часы
li.menu-top__third-item
a.menu-top__third-link(href="#") Волшебные червячки
li.menu-top__third-item
a.menu-top__third-link(href="#") Детские машинки
li.menu-top__third-item
a.menu-top__third-link(href="#") Игрушки Говорящий Хомяк
li.menu-top__third-item
a.menu-top__third-link(href="#") Летающие игрушки
li.menu-top__third-item
a.menu-top__third-link(href="#") Музыкальные инструменты
li.menu-top__third-item
a.menu-top__third-link(href="#") Настольные игры
li.menu-top__third-item
a.menu-top__third-link(href="#") Нелопающиеся мыльные пузыри
li.menu-top__third-item
a.menu-top__third-link(href="#") Неокубы
li.menu-top__third-item
a.menu-top__third-link(href="#") Резинки для плетения браслетов
li.menu-top__third-item
a.menu-top__third-link(href="#") Танцевальные коврики
li.menu-top__third-item
a.menu-top__third-link(href="#") <nobr>Шары-предсказатели</nobr>
li.menu-top__second-item
a.menu-top__second-link(href="#") Товары для дома
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Товары для женщин
.menu-top__third-holder
ul.menu-top__third-level
li.menu-top__third-item
a.menu-top__third-link(href="#") Моноподы для селфи
li.menu-top__third-item
a.menu-top__third-link(href="#") Перчатки для сенсорных экранов
li.menu-top__third-item
a.menu-top__third-link(href="#") Пульты для селфи
li.menu-top__third-item
a.menu-top__third-link(href="#") Светящиеся наушники
li.menu-top__second-item
a.menu-top__second-link(href="#") Товары для красоты и здоровья
li.menu-top__second-item
a.menu-top__second-link(href="#") Товары для кухни
li.menu-top__first-item
a.menu-top__first-link(href="#") Доставка
li.menu-top__first-item
a.menu-top__first-link(href="#") Гарантии
li.menu-top__first-item
a.menu-top__first-link(href="#") Акции
li.menu-top__first-item
a.menu-top__first-link(href="#") Контакты
li.menu-top__first-item.is-additional
a.menu-top__first-link(href="#") Еще
.menu-top__additional-holder
ul.menu-top__additional-level
li.menu-top__additional-item
a.menu-top__additional-link(href="#") Статьи
li.menu-top__additional-item
a.menu-top__additional-link(href="#") Раздел первого уровня
li.menu-top__additional-item
a.menu-top__additional-link(href="#") Ещё один
li.menu-top__additional-item
mixin menu-top_i-state()
.menu-top.bem&attributes(attributes)
.menu-top__plate
ul.menu-top__first-level
li.menu-top__first-item.is-contain
a.menu-top__first-link(href="#") О компании
.menu-top__second-holder
ul.menu-top__second-level
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") История компании
.menu-top__third-holder
ul.menu-top__third-level
li.menu-top__third-item
a.menu-top__third-link(href="#") Подраздел с длинным текстом, который должен занять несколько строк
li.menu-top__third-item.is-contain
a.menu-top__third-link(href="#") Моноподы для селфи
.menu-top__fourth-holder
ul.menu-top__fourth-level
li.menu-top__fourth-item
a.menu-top__fourth-link(href="#") Пульты для селфи
li.menu-top__fourth-item
a.menu-top__fourth-link(href="#") Светящиеся наушники
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Реквизиты
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Команда
ul.menu-top__second-level
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Фотогалерея
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Видеогалерея
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Новости
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Вакансии
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Клиенты
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Сертификаты
ul.menu-top__second-level
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Партнеры
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Производство
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Награды
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Дилерам
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Оптовикам
li.menu-top__first-item.is-contain
a.menu-top__first-link(href="#") Каталог
.menu-top__second-holder
ul.menu-top__second-level
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Аксессуары для смартфонов
.menu-top__third-holder
ul.menu-top__third-level
li.menu-top__third-item
a.menu-top__third-link(href="#") Моноподы для селфи
li.menu-top__third-item
a.menu-top__third-link(href="#") Перчатки для сенсорных экранов
li.menu-top__third-item
a.menu-top__third-link(href="#") Пульты для селфи
li.menu-top__third-item
a.menu-top__third-link(href="#") Светящиеся наушники
li.menu-top__second-item
a.menu-top__second-link(href="#") Оригинальные подарки
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Товары для женщин
.menu-top__third-holder
ul.menu-top__third-level
li.menu-top__third-item
a.menu-top__third-link(href="#") Моноподы для селфи
li.menu-top__third-item
a.menu-top__third-link(href="#") Перчатки для сенсорных экранов
li.menu-top__third-item
a.menu-top__third-link(href="#") Пульты для селфи
li.menu-top__third-item
a.menu-top__third-link(href="#") Светящиеся наушники
ul.menu-top__second-level
li.menu-top__second-item.is-contain
a.menu-top__second-link(href="#") Товары для детей
.menu-top__third-holder
ul.menu-top__third-level(data-max-items=5)
li.menu-top__third-item
a.menu-top__third-link(href="#") Бинарные часы
li.menu-top__third-item
a.menu-top__third-link(href="#") Волшебные червячки
li.menu-top__third-item
a.menu-top__third-link(href="#") Детские машинки
li.menu-top__third-item
a.menu-top__third-link(href="#") Игрушки Говорящий Хомяк
li.menu-top__third-item
a.menu-top__third-link(href="#") Летающие игрушки
li.menu-top__third-item
a.menu-top__third-link(href="#") Музыкальные инструменты
li.menu-top__third-item
a.menu-top__third-link(href="#") Настольные игры
li.menu-top__third-item.is-hide
a.menu-top__third-link(href="#") Нелопающиеся мыльные пузыри
li.menu-top__third-item.is-hide
a.menu-top__third-link(href="#") Неокубы
li.menu-top__third-item.is-hide
a.menu-top__third-link(href="#") Резинки для плетения браслетов
li.menu-top__third-item.is-hide
a.menu-top__third-link(href="#") Танцевальные коврики
li.menu-top__third-item.is-hide
a.menu-top__third-link(href="#") <nobr>Шары-предсказатели</nobr>
li.menu-top__third-item
span.menu-top__more-link.is-active(data-hide-qtty=5) Показать еще
span.menu-top__less-link Скрыть
li.menu-top__second-item
a.menu-top__second-link(href="#") Товары для дома
ul.menu-top__second-level
li.menu-top__second-item
a.menu-top__second-link(href="#") Товары для красоты и здоровья
li.menu-top__second-item
a.menu-top__second-link(href="#") Товары для кухни
li.menu-top__first-item
a.menu-top__first-link(href="#") Доставка и оплата
li.menu-top__first-item
a.menu-top__first-link(href="#") Гарантии
li.menu-top__first-item
a.menu-top__first-link(href="#") Акции
li.menu-top__first-item
a.menu-top__first-link(href="#") Контакты
li.menu-top__first-item.is-additional
a.menu-top__first-link(href="#") Еще
.menu-top__additional-holder
ul.menu-top__additional-level
li.menu-top__additional-item
a.menu-top__additional-link(href="#") Статьи
li.menu-top__additional-item
a.menu-top__additional-link(href="#") Раздел первого уровня
li.menu-top__additional-item
a.menu-top__additional-link(href="#") Ещё один
li.menu-top__additional-item
mixin menu-tree()
.menu-tree.bem&attributes(attributes)
.menu-tree__plate
ul.menu-tree__first-level
li.menu-tree__first-item.is-contain
a.menu-tree__first-link(href="#") Название раздела
.menu-tree__second-holder
ul.menu-tree__second-level
li.menu-tree__second-item.is-contain
a.menu-tree__second-link(href="#") Подраздел номер один
.menu-tree__third-holder
ul.menu-tree__third-level
li.menu-tree__third-item
a.menu-tree__third-link(href="#") Подраздел с длинным текстом, который должен занять несколько строк
li.menu-tree__third-item.is-contain
a.menu-tree__third-link(href="#") Подраздел с длинным текстом
.menu-tree__fourth-holder
ul.menu-tree__fourth-level
li.menu-tree__fourth-item
a.menu-tree__fourth-link(href="#") Подраздел с длинным текстом, который должен занять несколько строк
li.menu-tree__fourth-item
a.menu-tree__fourth-link(href="#") Подраздел с длинным текстом
li.menu-tree__second-item
a.menu-tree__second-link(href="#") Второй подраздел
li.menu-tree__second-item
a.menu-tree__second-link(href="#") Третий подраздел
li.menu-tree__first-item.is-contain
a.menu-tree__first-link(href="#") Второе название раздела
.menu-tree__second-holder
ul.menu-tree__second-level
li.menu-tree__second-item
a.menu-tree__second-link(href="#") Подраздел номер один
li.menu-tree__second-item
a.menu-tree__second-link(href="#") Второй подраздел
li.menu-tree__first-item
a.menu-tree__first-link(href="#") Третий раздел
li.menu-tree__first-item
a.menu-tree__first-link(href="#") Раздел четвертый
mixin menu-tree_simple()
.menu-tree.bem.is-simple&attributes(attributes)
ul.menu-tree__first-level
li.menu-tree__first-item.is-contain
a.menu-tree__first-link(href="#") Новости
li.menu-tree__first-item.is-contain
a.menu-tree__first-link(href="#") Услуги
li.menu-tree__first-item
a.menu-tree__first-link(href="#") Статьи
li.menu-tree__first-item
a.menu-tree__first-link(href="#") Оплата и доставка
li.menu-tree__first-item
a.menu-tree__first-link(href="#") Контакты
li.menu-tree__first-item
a.menu-tree__first-link(href="#") Бренды
mixin news-calendar()
.news-calendar.bem&attributes(attributes)
input.news-calendar__input(type="hidden")
.news-calendar__caption Календарь новостей
.news-calendar__calendar
mixin news-detail()
.news-detail.bem
//- .news-detail__title Заголовок конкретной новости
.news-detail__image-holder
img.news-detail__main-image(src="http://placehold.it/800x300?text=img", width=800)
.news-detail__date 12 августа 2014
.news-detail__except Текст анонса новости. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
.news-detail__content.content-area
p.intro Детальный текст новости. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
p Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.
p Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
mixin social-share()
.news-detail__back-holder
a.news-detail__back(href="#") Вернуться к списку новостей
mixin news-item()
.news-item.bem&attributes(attributes)
.news-item__date 12 Декабря
.news-item__title
a.news-item__link(href="#") Открыта поставка тунца из японского моря
.news-item__content.content-area
p Краткое содержание новости про то, что открылась поставка тунца из японского моря. Теперь, <nobr>наконец-то</nobr>, будет у нас тунец, слава богу.
mixin news-item_custom(data)
.news-item.bem&attributes(attributes)
.news-item__date!= data.date
.news-item__title
a.news-item__link(href="#")!= data.title
.news-item__content.content-area!= data.content
mixin news-item_image()
.news-item.bem&attributes(attributes)
a(href="#")
img.news-item__img(src="http://placehold.it/170x120", alt="" width=170 height=120)
.news-item__content
.news-item__date 12 Декабря
.news-item__title
a.news-item__link(href="#") Открыта поставка тунца из японского моря
.news-item__content
p Краткое содержание новости про то, что открылась поставка тунца из японского моря. Теперь, <nobr>наконец-то</nobr>, будет у нас тунец, слава богу.
mixin news-list()
.news-list.bem&attributes(attributes)
.news-list__item
+news-item_image
.news-list__item
+news-item_image
.news-list__item
+news-item
.news-list__item
+news-item
mixin offer-tiles()
.offer-tiles.bem&attributes(attributes)
// .offer-tiles__title Спецпредложения
.offer-tiles__grid
.offer-tiles__items
.offer-tiles__item.is-fullwidth
a.offer-tiles__item-link(href="#")
img.offer-tiles__img(src="http://placehold.it/1200x600?text=Фото" width="1200")
img.offer-tiles__img-vertical(src="http://placehold.it/400x600?text=Фото" width="400")
.offer-tiles__content-wrap
.offer-tiles__content
.offer-tiles__heading Шампанское всем, кто закажет букет из 101 розы
.offer-tiles__description Абрау Дюрсо и наш милый магазинчик дарят подарки
each list in [1,2]
.offer-tiles__item
a.offer-tiles__item-link(href="#")
img.offer-tiles__img(src="http://placehold.it/400x600?text=Фото" width="400")
span.offer-tiles__content-wrap
span.offer-tiles__content
span.offer-tiles__discount 75%
span.offer-tiles__heading Шампанское всем, кто закажет букет из 101 розы
span.offer-tiles__description Абрау Дюрсо и наш милый магазинчик дарят подарки
.offer-tiles__item.is-dark
a.offer-tiles__item-link(href="#")
img.offer-tiles__img(src="http://placehold.it/400x600?text=Фото" width="400")
span.offer-tiles__content-wrap
span.offer-tiles__content
span.offer-tiles__discount 50%
span.offer-tiles__heading Бесплатное пиво при заказе фирменных гренок!
span.offer-tiles__description Сделай заказ и получи фирменную футболку
mixin no-found()
.no-found.bem&attributes(attributes)
.no-found__holder
.no-found__title Страницы с таким адресом не найдено
.no-found__404 404
.no-found__description Проверьте Url-адрес и повторите попытку.
.no-found__addition-text
| Вы можете вернуться на
a(href="#") главную страницу
| сайта. <br> Или посмотрите карту сайта.
mixin personal-info()
.personal-info.iblock&attributes(attributes)
.personal-info__plate
.personal-info__cols
.personal-info__col
ul.personal-info__list
li.personal-info__item <span class="personal-info__label">ФИО:</span> <span class="personal-info__value">Константинопольский Константин</span>
li.personal-info__item <span class="personal-info__label">Email:</span> <span class="personal-info__value">test@webprofy.ru</span>
li.personal-info__item <span class="personal-info__label">Телефон:</span> <span class="personal-info__value">+7 929 123-4567</span>
li.personal-info__item <span class="personal-info__label">Доставка:</span> <span class="personal-info__value">Курьером по Москве</span>
li.personal-info__item <span class="personal-info__label">Оплата:</span> <span class="personal-info__value">Наличными курьеру</span>
.personal-info__col
.personal-info__item <span class="personal-info__label is-block">Адрес доставки:</span> <span class="personal-info__value">Москва, ул. Ленинская слобода, 19, стр.1. БЦ «Омега Плаза» (дополнительный корпус с белым роялем, вход со двора)</span>
.personal-info__item <span class="personal-info__label">Комментарий к заказу:</span> <span class="personal-info__value">Звоните. Я на месте с 11 до 19</span>
mixin order-detail()
.order-detail__text-wrap
.order-detail__smile
.order-detail__title Спасибо за заказ!
.order-detail__text Номер вашего заказа <b>1279647</b>. Дата заказа: <b>02.04.2016</b><br>Информация о заказе выслана на Ваш электронный адрес –<br><b>test@mail.ru</b>
.order-detail__text Наш менеджер свяжется с Вами для уточнения деталей доставки в ближайшее время.
.order-detail.bem&attributes(attributes)
.order-detail__cols
.order-detail__info
.order-detail__head
.order-detail__caption Заказ №1279647
.order-detail__header-btns
a.order-detail__print.button(href="#") Распечатать
a.order-detail__pay.button(href="#") Оплатить
.order-detail__billing
+personal-info
.order-detail__order-preview
+order-preview
.order-detail__sidebar
.order-detail__connect
+connect-widget
.order-detail__rating
+rating-widget
.order-detail__subscribe
+subscribe-widget
.order-detail__share
+social-widget
mixin order-detail2()
.order-detail.bem&attributes(attributes)
.order-detail__head
// .order-detail__caption Заказ №1279647
.order-detail__header-btns
a.order-detail__print.button(href="#") Распечатать
a.order-detail__pay.button(href="#") Оплатить
.order-detail__status Статус: <span class="order-status-info">Передан в доставку</span>
.order-detail__billing
+personal-info
.order-detail__order-preview
+order-preview
mixin order-list()
.order-list.iblock&attributes(attributes)
.order-list__table
.order-list__main-column1
.order-list__main-column2
.order-list__main-column3
.order-list__main-column4
.order-list__main-column5
.order-list__table-header
ul.order-list__table-headings
li.order-list__table-cell Название товара
li.order-list__table-cell Артикул
li.order-list__table-cell Цена
li.order-list__table-cell Кол-во
li.order-list__table-cell Стоимость
ul.order-list__table-row
li.order-list__table-cell.order-list__table-order
.order-list__table-thumb
a.order-list__thumb-link(href="#")
img.order-list__thumb-img(src="http://placehold.it/48x38?text=Фото", width="48")
.order-list__table-product
a.order-list__table-category(href="#") Семга
a.order-list__table-name(href="#") Стейк из семги, 1 кг
li.order-list__table-cell 215332
li.order-list__table-cell 399 Р
li.order-list__table-cell 1
li.order-list__table-cell 798 Р
ul.order-list__table-row
li.order-list__table-cell.order-list__table-order
.order-list__table-thumb
a.order-list__thumb-link(href="#")
img.order-list__thumb-img(src="http://placehold.it/48x38?text=Фото", width="48")
.order-list__table-product
a.order-list__table-category(href="#") Горбуша
a.order-list__table-name(href="#") Филе горбуши, ~1.5 кг
li.order-list__table-cell 295032
li.order-list__table-cell 550 Р
li.order-list__table-cell 1
li.order-list__table-cell 980 Р
ul.order-list__table-row
li.order-list__table-cell.order-list__table-order
.order-list__table-thumb
a.order-list__thumb-link(href="#")
img.order-list__thumb-img(src="http://placehold.it/48x38?text=Фото", width="48")
.order-list__table-product
a.order-list__table-category(href="#") Икра красная
a.order-list__table-name(href="#") Икрая красная (кеты), 150 г.
li.order-list__table-cell 695012
li.order-list__table-cell 250 Р
li.order-list__table-cell 1
li.order-list__table-cell 480 Р
ul.order-list__table-row
li.order-list__table-cell.order-list__table-order
.order-list__table-thumb
a.order-list__thumb-link(href="#")
img.order-list__thumb-img(src="http://placehold.it/48x38?text=Фото", width="48")
.order-list__table-product
a.order-list__table-category(href="#") Семга
a.order-list__table-name(href="#") Стейк из семги, 1 кг
li.order-list__table-cell 215332
li.order-list__table-cell 399 Р
li.order-list__table-cell 1
li.order-list__table-cell 798 Р
ul.order-list__table-row
li.order-list__table-cell.order-list__table-order
.order-list__table-thumb
a.order-list__thumb-link(href="#")
img.order-list__thumb-img(src="http://placehold.it/48x38?text=Фото", width="48")
.order-list__table-product
a.order-list__table-category(href="#") Горбуша
a.order-list__table-name(href="#") Филе горбуши, ~1.5 кг
li.order-list__table-cell 295032
li.order-list__table-cell 550 Р
li.order-list__table-cell 1
li.order-list__table-cell 980 Р
.order-list__table-footer
.order-list__footer-column1
.order-list__footer-column2
ul.order-list__table-row
li.order-list__table-down Скидочная карта: —10%
li.order-list__table-down -150 Р
ul.order-list__table-row
li.order-list__table-down Доставка
li.order-list__table-down 0 Р
.order-list__table-result
ul.order-list__table-row
li.order-list__table-down Итого
li.order-list__table-down 1375 Р
mixin order-preview()
.order-preview.bem&attributes(attributes)
ul.order-preview__table
li.order-preview__table-row
.order-preview__img-header
.order-preview__name-header Название товара
.order-preview__articul-header Артикул
.order-preview__price-header Цена
.order-preview__qtty-header Кол-во
.order-preview__cost-header Стоимость
each val in [0,1,2,3]
li.order-preview__table-row
.order-preview__image-col
a.order-preview__thumb-link(href="#")
img.order-preview__thumb-img(src="http://placehold.it/70x70?text=Фото", width=70)
.order-preview__name-col
.order-preview__category
a.order-preview__category-link(href="#") Семга
.order-preview__name
a.order-preview__name-link(href="#") Стейк из семги, 1 кг
.order-preview__articul-col
span.order-preview__articul 215332
.order-preview__price-col
span.order-preview__price 399 <span class="rub">руб.</span>
.order-preview__qtty-col
span.order-preview__qtty 1
.order-preview__cost-col
span.order-preview__cost 798 <span class="rub">руб.</span>
li.order-preview__footer
.order-preview__footer-row
.order-preview__image-col
.order-preview__subtotal-label
span.order-preview__footer-label Скидочная карта: −10%
.order-preview__articul-col
.order-preview__price-col
.order-preview__qtty-col
.order-preview__subtotal-val
span.order-preview__footer-val −150 <span class="rub">руб.</span>
.order-preview__footer-row
.order-preview__image-col
.order-preview__subtotal-label
span.order-preview__footer-label Доставка
.order-preview__articul-col
.order-preview__price-col
.order-preview__qtty-col
.order-preview__subtotal-val
span.order-preview__footer-val 0 <span class="rub">руб.</span>
.order-preview__footer-row
.order-preview__image-col
.order-preview__total-label-col
span.order-preview__total-label Итого
.order-preview__articul-col
.order-preview__price-col
.order-preview__qtty-col
.order-preview__total-val-col
.order-preview__total-val 1375 <span class="rub">руб.</span>
mixin orders-list()
.orders-list.bem
.orders-list__category
.orders-list__subtitle Активные
ul.orders-list__items
li.orders-list__item
.orders-list__id
a.orders-list__id-link(href="#") Заказ #7808 от 19.01.2015
.orders-list__contains 5 товаров на сумму 3820 <span class="rub">руб.</span>
.orders-list__status
span.orders-list__status-title Статус:
span.order-status-info На рассмотрении
.orders-list__detail
a.orders-list__detail-link(href="#") Подробнее
li.orders-list__item
.orders-list__id
a.orders-list__id-link(href="#") Заказ #7808 от 19.01.2015
.orders-list__contains 5 товаров на сумму 3820 <span class="rub">руб.</span>
.orders-list__status
span.orders-list__status-title Статус:
span.order-status-success Готов
.orders-list__detail
a.orders-list__detail-link(href="#") Подробнее
li.orders-list__item
.orders-list__id
a.orders-list__id-link(href="#") Заказ #7808 от 19.01.2015
.orders-list__contains 5 товаров на сумму 3820 <span class="rub">руб.</span>
.orders-list__status
span.orders-list__status-title Статус:
span.order-status-warning Отменена
.orders-list__detail
a.orders-list__detail-link(href="#") Подробнее
li.orders-list__item
.orders-list__id
a.orders-list__id-link(href="#") Заявка #7808 от 19.01.2015
.orders-list__contains 5 товаров на сумму 3820 <span class="rub">руб.</span>
.orders-list__status
span.orders-list__status-title Статус:
span.order-status-success Готов
.orders-list__detail
a.orders-list__detail-link(href="#") Подробнее
.orders-list__category
.orders-list__subtitle Архивные
ul.orders-list__items
li.orders-list__item
.orders-list__id
a.orders-list__id-link(href="#") Заявка #7808 от 19.01.2015
.orders-list__contains 5 товаров на сумму 3820 <span class="rub">руб.</span>
.orders-list__status
span.orders-list__status-title Статус:
span.order-status-success Готов
.orders-list__detail
li.orders-list__item
.orders-list__id
a.orders-list__id-link(href="#") Заявка #7808 от 19.01.2015
.orders-list__contains 5 товаров на сумму 3820 <span class="rub">руб.</span>
.orders-list__status
span.orders-list__status-title Статус:
span.order-status-success Готов
.orders-list__detail
a.orders-list__detail-link(href="#") Подробнее
li.orders-list__item
.orders-list__id
a.orders-list__id-link(href="#") Заявка #7808 от 19.01.2015
.orders-list__contains 5 товаров на сумму 3820 <span class="rub">руб.</span>
.orders-list__status
span.orders-list__status-title Статус:
span.order-status-success Готов
.orders-list__detail
li.orders-list__item
.orders-list__id
a.orders-list__id-link(href="#") Заявка #7808 от 19.01.2015
.orders-list__contains 5 товаров на сумму 3820 <span class="rub">руб.</span>
.orders-list__status
span.orders-list__status-title Статус:
span.order-status-success Готов
.orders-list__detail
a.orders-list__detail-link(href="#") Подробнее
mixin orders-list_short()
.orders-list.bem
.orders-list__category
.orders-list__subtitle
a.orders-list__subtitle-link(href="#") Мои заказы
ul.orders-list__items
li.orders-list__item
.orders-list__id
a.orders-list__id-link(href="#") Заказ #7808 от 19.01.2015
.orders-list__contains 5 товаров на сумму 3820 <span class="rub">руб.</span>
.orders-list__status
span.orders-list__status-title Статус:
span.order-status-info На рассмотрении
.orders-list__detail
a.orders-list__detail-link(href="#") Подробнее
li.orders-list__item
.orders-list__id
a.orders-list__id-link(href="#") Заказ #7808 от 19.01.2015
.orders-list__contains 5 товаров на сумму 3820 <span class="rub">руб.</span>
.orders-list__status
span.orders-list__status-title Статус:
span.order-status-success Готов
.orders-list__detail
a.orders-list__detail-link(href="#") Подробнее
li.orders-list__item
.orders-list__id
a.orders-list__id-link(href="#") Заказ #7808 от 19.01.2015
.orders-list__contains 5 товаров на сумму 3820 <span class="rub">руб.</span>
.orders-list__status
span.orders-list__status-title Статус:
span.order-status-warning Отменена
.orders-list__detail
a.orders-list__detail-link(href="#") Подробнее
li.orders-list__item
.orders-list__id
a.orders-list__id-link(href="#") Заявка #7808 от 19.01.2015
.orders-list__contains 5 товаров на сумму 3820 <span class="rub">руб.</span>
.orders-list__status
span.orders-list__status-title Статус:
span.order-status-success Готов
.orders-list__detail
a.orders-list__detail-link(href="#") Подробнее
li.orders-list__more
a.orders-list__more-link(href="#") Все заказы
mixin orders-list2()
.orders-list2.bem&attributes(attributes)
.orders-list2__filter.orders-list2__filter
ul.orders-list2__filter-list
li.orders-list2__filter-item
a.orders-list2__filter-link.is-active(href="#") 2014
li.orders-list2__filter-item
a.orders-list2__filter-link(href="#") 2015
li.orders-list2__filter-item
a.orders-list2__filter-link(href="#") 2016
li.orders-list2__filter-item
a.orders-list2__filter-link(href="#") Все года
.orders-list2__list
each item in [1,2]
.orders-list2__item
.orders-list2__head
.orders-list2__head-content
.orders-list2__head-cell.orders-list2__head-id
a.orders-list2__order-id(href="#") Заказ <span class="orders-list2__order-number">#7808</span> от <span class="orders-list2__order-date">19.01.2016</span>
.orders-list2__head-cell.orders-list2__head-info
.orders-list2__head-title <span class="orders-list2__head-amount">1</span> товар на сумму <span class="orders-list2__head-price">8950</span> <span class="rub">руб.</span>
.orders-list2__head-cell.orders-list2__head-btn
a.orders-list2__order-btn.button(href="#") Повторить заказ
.orders-list2__orders
.orders-list2__product
.orders-list2__product-content
.orders-list2__product-cell.orders-list2__thumb
a.orders-list2__thumb-link(href="#")
img.orders-list2__thumb-img(src="http://placehold.it/100x75?text=Фото" width="100")
.orders-list2__product-cell.orders-list2__name
.orders-list2__name-title
a.orders-list2__name-link(href="#") Премикс П 1 1
.orders-list2__name-subtitle Премикс для племенных кур-несушек, уток, индеек, гусей, цесарок
.orders-list2__product-cell.orders-list2__price
.orders-list2__price-value <span class="orders-list2__price-number">2 261,6</span> <span class="orders-list2__price-unit">руб/мешок</span>
.orders-list2__product-cell.orders-list2__amount
.orders-list2__amount-value <span class="orders-list2__amount-number">10</span> <span class="orders-list2__amount-unit">Мешков</span>
.orders-list2__product-cell.orders-list2__price-sum
.orders-list2__price-value <span class="orders-list2__price-number">22 616</span> <span class="orders-list2__price-unit">руб</span>
.orders-list2__product
.orders-list2__product-content
.orders-list2__product-cell.orders-list2__thumb
a.orders-list2__thumb-link(href="#")
img.orders-list2__thumb-img(src="http://placehold.it/100x75?text=Фото" width="100")
.orders-list2__product-cell.orders-list2__name
.orders-list2__name-title
a.orders-list2__name-link(href="#") Комбикорм для КРC
.orders-list2__name-subtitle Комбикорм для откорма крупного рогатого скота - коров, быков
.orders-list2__product-cell.orders-list2__price
.orders-list2__price-title Зависит от рецепта*
.orders-list2__product-cell.orders-list2__amount
.orders-list2__amount-value <span class="orders-list2__amount-number">10</span> <span class="orders-list2__amount-unit">Тонн</span>
.orders-list2__product-cell.orders-list2__price-sum
a.orders-list2__file-link(href="#") <span class="orders-list2__file-name">Рецепт.doc</span> (<span class="orders-list2__file-size">45mb</span>)
.orders-list2__result
.orders-list2__result-content
.orders-list2__result-cell.orders-list2__detail
.orders-list2__detail-sum
span.orders-list2__sum <span class="orders-list2__sum-main">22 616</span> <span class="rub">руб.</span>
span.orders-list2__sum-additional + расчет индивидуального рецепта <span class="orders-list2__sum-secondary">1 790</span> <span class="rub">руб.</span>
.orders-list2__detail-delivery
.orders-list2__shipping <span class="orders-list2__shipping-label">Доставка:</span> <span class="orders-list2__shipping-method">с завода - бесплатно</span>
.orders-list2__detail-pay
.orders-list2__payment <span class="orders-list2__payment-label">Оплата:</span> <span class="orders-list2__payment-method">Наличными</span>
.orders-list2__result-cell.orders-list2__total
.orders-list2__total-price <span class="orders-list2__total-label">Итого:</span> <span class="orders-list2__total-sum">24 500 <span class="rub">руб.</span></span>
mixin paginator()
.paginator.bem&attributes(attributes)
ul.paginator__list
li.paginator__prev.is-disabled
span.paginator__prev-link Назад
li.paginator__item
a.paginator__item-link(href="#") 1
li.paginator__item
a.paginator__item-link(href="#") 2
li.paginator__item
span.paginator__current 3
li.paginator__item
a.paginator__item-link(href="#") 4
li.paginator__item
a.paginator__item-link(href="#") 5
li.paginator__item
a.paginator__item-link(href='#') ..
li.paginator__item
a.paginator__item-link(href="#") 45
li.paginator__next
a.paginator__next-link(href="#") Вперед
mixin personal-info()
.personal-info.bem&attributes(attributes)
.personal-info__plate
.personal-info__cols
.personal-info__col
ul.personal-info__list
li.personal-info__item <span class="personal-info__label">ФИО:</span> <span class="personal-info__value">Константинопольский Константин</span>
li.personal-info__item <span class="personal-info__label">Email:</span> <span class="personal-info__value">test@webprofy.ru</span>
li.personal-info__item <span class="personal-info__label">Телефон:</span> <span class="personal-info__value">+7 929 123-4567</span>
li.personal-info__item <span class="personal-info__label">Доставка:</span> <span class="personal-info__value">Курьером по Москве</span>
li.personal-info__item <span class="personal-info__label">Оплата:</span> <span class="personal-info__value">Наличными курьеру</span>
.personal-info__col
.personal-info__item <span class="personal-info__label is-block">Адрес доставки:</span> <span class="personal-info__value">Москва, ул. Ленинская слобода, 19, стр.1. БЦ «Омега Плаза» (дополнительный корпус с белым роялем, вход со двора)</span>
.personal-info__item <span class="personal-info__label">Комментарий к заказу:</span> <span class="personal-info__value">Звоните. Я на месте с 11 до 19</span>
mixin personal-info_page()
.personal-info.bem&attributes(attributes)
.personal-info__plate
.personal-info__cols
.personal-info__col
.personal-info__caption Личные данные
ul.personal-info__list
li.personal-info__item <span class="personal-info__label">ФИО:</span> <span class="personal-info__value">Константинопольский Константин</span>
li.personal-info__item <span class="personal-info__label">Email:</span> <span class="personal-info__value">test@webprofy.ru</span>
li.personal-info__item <span class="personal-info__label">Телефон:</span> <span class="personal-info__value">+7 929 123-4567</span>
li.personal-info__item <span class="personal-info__label">Доставка:</span> <span class="personal-info__value">Курьером по Москве</span>
li.personal-info__item <span class="personal-info__label">Оплата:</span> <span class="personal-info__value">Наличными курьеру</span>
.personal-info__change
a.personal-info__change-link(href="#") Изменить
.personal-info__col
.personal-info__caption Адрес доставки
ul.personal-info__list
li.personal-info__item <span class="personal-info__label">Адрес доставки:</span> <span class="personal-info__value">Москва, ул. Ленинская слобода, 19, стр.1. БЦ «Омега Плаза» (дополнительный корпус с белым роялем, вход со двора)</span>
li.personal-info__item <span class="personal-info__label">Комментарий к заказу:</span> <span class="personal-info__value">Звоните. Я на месте с 11 до 19</span>
.personal-info__change
a.personal-info__change-link(href="#") Редактировать
mixin photoalbums-slider()
.photoalbums-slider.bem&attributes(attributes)
.photoalbums-slider__main
.photoalbums-slider__main-arrows
.photoalbums-slider__main-prev
.photoalbums-slider__main-next
.photoalbums-slider__slider-wrap
.photoalbums-slider__items
.photoalbums-slider__item
.photoalbums-slider__slide
.photoalbums-slider__cover-section
.photoalbums-slider__bg-holder
img.photoalbums-slider__bg(src="http://placehold.it/600x300?text=Первый+слайд", alt="Фото" width=600)
.photoalbums-slider__cover
.photoalbums-slider__cover-title Название фотоальбома 1
.photoalbums-slider__cover-text.content-area
p Короткое описание фотоальбома
.photoalbums-slider__description-section
.photoalbums-slider__descr-cols
.photoalbums-slider__descr-col
.photoalbums-slider__descr-col
mixin photogallery-plates()
.photogallery-plates.bem&attributes(attributes)
.photogallery-plates__template
.photogallery-plates__holder
.photogallery-plates__title {{title}}
.photogallery-plates__description.content-area {{description}}
.photogallery-plates__grid
each item in [1,2,3,4]
.photogallery-plates__item
a.photogallery-plates__img-link(href="http://placehold.it/1000x500?text=Full-Image" rel="group" data-gallery="photogallery-plates" title="Заголовок для фото" data-text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.")
img.photogallery-plates__img(src="http://placehold.it/600x400?text=Preview" width="600")
each item in [1,2,3,4]
.photogallery-plates__item
a.photogallery-plates__img-link(href="http://placehold.it/1000x500?text=Full-Image" rel="group" data-gallery="photogallery-plates" title="Заголовок для фото" data-text="")
img.photogallery-plates__img(src="http://placehold.it/600x400?text=Preview" width="600")
mixin photogallery-sections()
.photogallery-sections.bem&attributes(attributes)
ul.photogallery-sections__items
each val in [1,2,3]
li.photogallery-sections__item
.photogallery-sections__img-holder
a.photogallery-sections__img-link(href="#")
img.photogallery-sections__img(src="http://placehold.it/400x400/", alt="Фото" width=400 height=400)
.photogallery-sections__content-holder
.photogallery-sections__name
a.photogallery-sections__img-link(href="#") Магазин 1
.photogallery-sections__job 20 фотографий
li.photogallery-sections__item
.photogallery-sections__img-holder
a.photogallery-sections__img-link(href="#")
img.photogallery-sections__img(src="http://placehold.it/400x400/", alt="Фото" width=400 height=400)
.photogallery-sections__content-holder
.photogallery-sections__name
a.photogallery-sections__img-link(href="#") Магазин 2
.photogallery-sections__job 20 фотографий
li.photogallery-sections__item
.photogallery-sections__img-holder
a.photogallery-sections__img-link(href="#")
img.photogallery-sections__img(src="http://placehold.it/400x400/", alt="Фото" width=400 height=400)
.photogallery-sections__content-holder
.photogallery-sections__name
a.photogallery-sections__img-link(href="#") Магазин 3
.photogallery-sections__job 20 фотографий
li.photogallery-sections__item
.photogallery-sections__img-holder
a.photogallery-sections__img-link(href="#")
img.photogallery-sections__img(src="http://placehold.it/400x400/", alt="Фото" width=400 height=400)
.photogallery-sections__content-holder
.photogallery-sections__name
a.photogallery-sections__img-link(href="#") Магазин 4
.photogallery-sections__job 20 фотографий
mixin photogallery-sections-slider()
.photogallery-sections-slider.bem&attributes(attributes)
.photogallery-sections-slider__slider
.photogallery-sections-slider__item
a.photogallery-sections-slider__content(href="#")
span.photogallery-sections-slider__bg-holder
img.photogallery-sections-slider__bg(src="http://placehold.it/900x450?text=Фото-изображение+промоблока", width="600")
span.photogallery-sections-slider__content-holder
span.photogallery-sections-slider__title Название фотоальбома 1
span.photogallery-sections-slider__subtitle Короткое описание фотоальбома 1
.photogallery-sections-slider__meta
.photogallery-sections-slider__meta-cols
each meta in [1,2,3]
.photogallery-sections-slider__meta-col
ul.photogallery-sections-slider__meta-list
each items in [1,2]
li.photogallery-sections-slider__meta-item
a.photogallery-sections-slider__meta-link(href="#") Длинное название подраздела галереи 1
li.photogallery-sections-slider__meta-item
a.photogallery-sections-slider__meta-link(href="#") Короткая строка
.photogallery-sections-slider__item
a.photogallery-sections-slider__content(href="#")
span.photogallery-sections-slider__bg-holder
img.photogallery-sections-slider__bg(src="http://placehold.it/900x450?text=Фото-изображение+промоблока", width="600")
span.photogallery-sections-slider__content-holder
span.photogallery-sections-slider__title Название фотоальбома 2
span.photogallery-sections-slider__subtitle Короткое описание фотоальбома 2
.photogallery-sections-slider__meta
.photogallery-sections-slider__meta-cols
each meta in [1,2,3]
.photogallery-sections-slider__meta-col
ul.photogallery-sections-slider__meta-list
li.photogallery-sections-slider__meta-item
a.photogallery-sections-slider__meta-link(href="#") Длинное название подраздела галереи 2
li.photogallery-sections-slider__meta-item
a.photogallery-sections-slider__meta-link(href="#") Короткая строка
.photogallery-sections-slider__item
a.photogallery-sections-slider__content(href="#")
span.photogallery-sections-slider__bg-holder
img.photogallery-sections-slider__bg(src="http://placehold.it/900x450?text=Фото-изображение+промоблока", width="600")
span.photogallery-sections-slider__content-holder
span.photogallery-sections-slider__title Название фотоальбома
span.photogallery-sections-slider__subtitle Короткое описание фотоальбома
mixin photogallery-sections-slider_with-photo()
.photogallery-sections-slider.is-with-photo.bem&attributes(attributes)
.photogallery-sections-slider__slider
.photogallery-sections-slider__item(data-url="photogallery-photos-tiles.html", id=1)
a.photogallery-sections-slider__content(href="#")
span.photogallery-sections-slider__bg-holder
img.photogallery-sections-slider__bg(src="http://placehold.it/900x450?text=Фото-изображение+промоблока", width="600")
span.photogallery-sections-slider__content-holder
span.photogallery-sections-slider__title Название фотоальбома 1
span.photogallery-sections-slider__subtitle Короткое описание фотоальбома 1
.photogallery-sections-slider__meta
.photogallery-sections-slider__meta-cols
each meta in [1,2,3]
.photogallery-sections-slider__meta-col
ul.photogallery-sections-slider__meta-list
each items in [1,2]
li.photogallery-sections-slider__meta-item
a.photogallery-sections-slider__meta-link(href="#") Длинное название подраздела галереи 1
li.photogallery-sections-slider__meta-item
a.photogallery-sections-slider__meta-link(href="#") Короткая строка
.photogallery-sections-slider__item(data-url="photogallery-photos-tiles.html", id=2)
a.photogallery-sections-slider__content(href="#")
span.photogallery-sections-slider__bg-holder
img.photogallery-sections-slider__bg(src="http://placehold.it/900x450?text=Фото-изображение+промоблока", width="600")
span.photogallery-sections-slider__content-holder
span.photogallery-sections-slider__title Название фотоальбома 2
span.photogallery-sections-slider__subtitle Короткое описание фотоальбома 2
.photogallery-sections-slider__meta
.photogallery-sections-slider__meta-cols
each meta in [1,2,3]
.photogallery-sections-slider__meta-col
ul.photogallery-sections-slider__meta-list
li.photogallery-sections-slider__meta-item
a.photogallery-sections-slider__meta-link(href="#") Длинное название подраздела галереи 2
li.photogallery-sections-slider__meta-item
a.photogallery-sections-slider__meta-link(href="#") Короткая строка
.photogallery-sections-slider__item(data-url="photogallery-photos-tiles.html", id=3)
a.photogallery-sections-slider__content(href="#")
span.photogallery-sections-slider__bg-holder
img.photogallery-sections-slider__bg(src="http://placehold.it/900x450?text=Фото-изображение+промоблока", width="600")
span.photogallery-sections-slider__content-holder
span.photogallery-sections-slider__title Название фотоальбома
span.photogallery-sections-slider__subtitle Короткое описание фотоальбома
+photogallery-plates
mixin photogallery-with-thumbs()
.photogallery-with-thumbs.bem&attributes(attributes)
.photogallery-with-thumbs__thumbnails
.photogallery-with-thumbs__thumbs-arrows
.photogallery-with-thumbs__thumbs-prev
.photogallery-with-thumbs__thumbs-next
.photogallery-with-thumbs__slider-wrap
.photogallery-with-thumbs__thumbnails-items
.photogallery-with-thumbs__thumbnails-item(data-index=0)
img.photogallery-with-thumbs__image(src="http://placehold.it/300x150?text=1", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=1)
img.photogallery-with-thumbs__image(src="http://placehold.it/300x150?text=2", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=2)
img.photogallery-with-thumbs__image(src="http://placehold.it/300x150?text=3", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=3)
img.photogallery-with-thumbs__image(src="http://placehold.it/300x150?text=4", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=4)
img.photogallery-with-thumbs__image(src="http://placehold.it/300x150?text=5", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=5)
img.photogallery-with-thumbs__image(src="http://placehold.it/300x150?text=6", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=6)
img.photogallery-with-thumbs__image(src="http://placehold.it/300x150?text=7", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=7)
img.photogallery-with-thumbs__image(src="http://placehold.it/300x150?text=8", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=8)
img.photogallery-with-thumbs__image(src="http://placehold.it/300x150?text=9", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=9)
img.photogallery-with-thumbs__image(src="http://placehold.it/300x150?text=10", alt="Фото" width=300)
.photogallery-with-thumbs__main
.photogallery-with-thumbs__main-arrows
.photogallery-with-thumbs__main-prev
.photogallery-with-thumbs__main-next
.photogallery-with-thumbs__slider-wrap
.photogallery-with-thumbs__items
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/600x300?text=Первый+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/600x400?text=Второй+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/400x600?text=Третий+слайд", alt="Фото" width=400)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/400x600?text=Четвертый+слайд", alt="Фото" width=400)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/600x300?text=Пятый+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/600x300?text=Шестой+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/600x350?text=Седьмой+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/400x600?text=Восьмой+слайд", alt="Фото" width=400)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/600x300?text=Девятый+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/600x300?text=Десятый+слайд", alt="Фото" width=600)
mixin photogallery-with-thumbs_product(size)
.photogallery-with-thumbs.bem&attributes(attributes)
.photogallery-with-thumbs__main
.photogallery-with-thumbs__main-arrows
.photogallery-with-thumbs__main-prev
.photogallery-with-thumbs__main-next
.photogallery-with-thumbs__slider-wrap
.photogallery-with-thumbs__items
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=Первый+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=Второй+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=Третий+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=Четвертый+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=Пятый+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=Шестой+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=Седьмой+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=Восьмой+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=Девятый+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=Десятый+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__thumbnails
.photogallery-with-thumbs__thumbs-arrows
.photogallery-with-thumbs__thumbs-prev
.photogallery-with-thumbs__thumbs-next
.photogallery-with-thumbs__slider-wrap
.photogallery-with-thumbs__thumbnails-items
.photogallery-with-thumbs__thumbnails-item(data-index=0)
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=1", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=1)
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=2", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=2)
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=3", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=3)
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=4", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=4)
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=5", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=5)
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=6", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=6)
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=7", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=7)
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=8", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=8)
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=9", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=9)
img.photogallery-with-thumbs__image(src="http://placehold.it/"+size+"?text=10", alt="Фото" width=300)
mixin photogallery-with-thumbs_contacts()
.photogallery-with-thumbs.bem&attributes(attributes)
.photogallery-with-thumbs__main
.photogallery-with-thumbs__main-arrows
.photogallery-with-thumbs__main-prev
.photogallery-with-thumbs__main-next
.photogallery-with-thumbs__slider-wrap
.photogallery-with-thumbs__items
.photogallery-with-thumbs__item
a.photogallery-with-thumbs__gallery-link(href="http://placehold.it/600x300?text=Первый+слайд" rel="gallery")
img.photogallery-with-thumbs__image(src="http://placehold.it/600x300?text=Первый+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__item
a.photogallery-with-thumbs__gallery-link(href="http://placehold.it/600x300?text=Второй+слайд" rel="gallery")
img.photogallery-with-thumbs__image(src="http://placehold.it/600x400?text=Второй+слайд", alt="Фото" width=600)
.photogallery-with-thumbs__thumbnails
.photogallery-with-thumbs__thumbs-arrows
.photogallery-with-thumbs__thumbs-prev
.photogallery-with-thumbs__thumbs-next
.photogallery-with-thumbs__slider-wrap
.photogallery-with-thumbs__thumbnails-items
.photogallery-with-thumbs__thumbnails-item(data-index=0)
img.photogallery-with-thumbs__image(src="http://placehold.it/300x150?text=1", alt="Фото" width=300)
.photogallery-with-thumbs__thumbnails-item(data-index=1)
img.photogallery-with-thumbs__image(src="http://placehold.it/300x150?text=2", alt="Фото" width=300)
mixin price-list()
.price-list.bem&attributes(attributes)
// .price-list__title Прайс-листы
ul.price-list__table
li.price-list__table-row
.price-list__name-head Название прайса
.price-list__files-head Файлы на скачивание
.price-list__date-head Дата обновления
each value in [0,1,2,3,4,5,6]
li.price-list__table-row
.price-list__name-col
span.price-list__type Демонтаж переговорок из кирпича (1/2 кирпича)
.price-list__files-col
.price-list__files-item
a.price-list__pdf-link(href="#") PDF, 1.3 Мб
.price-list__files-item
a.price-list__exl-link(href="#") Excel, 800 Кб
.price-list__date-col
span.price-list__update 21.10.2015
mixin product-compare()
.product-compare
.product-compare__filter
a(href="#").product-compare__filter-btn.button Показать все харакетристики
a(href="#").product-compare__filter-btn.button показать только отличия
.product-compare__compare-wrap
.product-compare__products-options-titles.js-product-compare__products-options-titles
.product-compare__products-options-titles-wrap
.product-compare__products-options-title Артикул
.product-compare__products-options-title Страна
.product-compare__products-options-title Тип
.product-compare__products-options-title Ресурс
.product-compare__products-options-title Цвет
.product-compare__products-scroll.js-product-compare__products-scroll
.product-compare__product
.product-compare__product-img-wrap
img(src="http://placehold.it/350x250").product-compare__product-img
.product-compare__product-name-wrap
a(href="#").product-compare__product-name Genuine Brother TZe-211
.product-compare__price-value <span class="product-compare__price-number">Цена: 3 999 </span><span class="rub">руб.</span>
.product-compare__add-to-cart-wrap
a(href="#").product-compare__add-to-cart.button-primary в корзину
.product-compare__product-remove-wrap
a(href="#").product-compare__product-remove удалить
.product-compare__products-options-values
.product-compare__products-options-value 12547
.product-compare__products-options-value Китай
.product-compare__products-options-value Драм-картридж
.product-compare__products-options-value 1700
.product-compare__products-options-value Black
.product-compare__product
.product-compare__product-img-wrap
img(src="http://placehold.it/350x250").product-compare__product-img
.product-compare__product-name-wrap
a(href="#").product-compare__product-name Genuine Brother TZe-214
.product-compare__price-value <span class="product-compare__price-number">Цена: 3 999 </span><span class="rub">руб.</span>
.product-compare__add-to-cart-wrap
a(href="#").product-compare__add-to-cart.button-primary в корзину
.product-compare__product-remove-wrap
a(href="#").product-compare__product-remove удалить
.product-compare__products-options-values
.product-compare__products-options-value 57855
.product-compare__products-options-value Китай
.product-compare__products-options-value Драм-картридж
.product-compare__products-options-value 1500
.product-compare__products-options-value Color
.product-compare__product
.product-compare__product-img-wrap
img(src="http://placehold.it/350x250").product-compare__product-img
.product-compare__product-name-wrap
a(href="#").product-compare__product-name Genuine Brother TZe-104
.product-compare__price-value <span class="product-compare__price-number">Цена: 3 999 </span><span class="rub">руб.</span>
.product-compare__add-to-cart-wrap
a(href="#").product-compare__add-to-cart.button-primary в корзину
.product-compare__product-remove-wrap
a(href="#").product-compare__product-remove удалить
.product-compare__products-options-values
.product-compare__products-options-value 42561-2
.product-compare__products-options-value Китай
.product-compare__products-options-value Драм-картридж
.product-compare__products-options-value 2000
.product-compare__products-options-value Color
.product-compare__product
.product-compare__product-img-wrap
img(src="http://placehold.it/350x250").product-compare__product-img
.product-compare__product-name-wrap
a(href="#").product-compare__product-name Genuine Brother TZe-42
.product-compare__price-value <span class="product-compare__price-number">Цена: 3 999 </span><span class="rub">руб.</span>
.product-compare__add-to-cart-wrap
a(href="#").product-compare__add-to-cart.button-primary в корзину
.product-compare__product-remove-wrap
a(href="#").product-compare__product-remove удалить
.product-compare__products-options-values
.product-compare__products-options-value 42115
.product-compare__products-options-value Китай
.product-compare__products-options-value Драм-картридж
.product-compare__products-options-value 1700
.product-compare__products-options-value Color
.product-compare__product
.product-compare__product-img-wrap
img(src="http://placehold.it/350x250").product-compare__product-img
.product-compare__product-name-wrap
a(href="#").product-compare__product-name Genuine Brother TZe-512
.product-compare__price-value <span class="product-compare__price-number">Цена: 3 999 </span><span class="rub">руб.</span>
.product-compare__add-to-cart-wrap
a(href="#").product-compare__add-to-cart.button-primary в корзину
.product-compare__product-remove-wrap
a(href="#").product-compare__product-remove удалить
.product-compare__products-options-values
.product-compare__products-options-value 45615
.product-compare__products-options-value Китай
.product-compare__products-options-value Драм-картридж
.product-compare__products-options-value 2000
.product-compare__products-options-value Black
.product-compare__product
.product-compare__product-img-wrap
img(src="http://placehold.it/350x250").product-compare__product-img
.product-compare__product-name-wrap
a(href="#").product-compare__product-name Genuine Brother TZe-104
.product-compare__price-value <span class="product-compare__price-number">Цена: 3 999 </span><span class="rub">руб.</span>
.product-compare__add-to-cart-wrap
a(href="#").product-compare__add-to-cart.button-primary в корзину
.product-compare__product-remove-wrap
a(href="#").product-compare__product-remove удалить
.product-compare__products-options-values
.product-compare__products-options-value 57855
.product-compare__products-options-value Китай
.product-compare__products-options-value Драм-картридж
.product-compare__products-options-value 2000
.product-compare__products-options-value Color
.product-compare__product
.product-compare__product-img-wrap
img(src="http://placehold.it/350x250").product-compare__product-img
.product-compare__product-name-wrap
a(href="#").product-compare__product-name Genuine Brother TZe-104
.product-compare__price-value <span class="product-compare__price-number">Цена: 3 999 </span><span class="rub">руб.</span>
.product-compare__add-to-cart-wrap
a(href="#").product-compare__add-to-cart.button-primary в корзину
.product-compare__product-remove-wrap
a(href="#").product-compare__product-remove удалить
.product-compare__products-options-values
.product-compare__products-options-value 42115
.product-compare__products-options-value Китай
.product-compare__products-options-value Драм-картридж
.product-compare__products-options-value 1500
.product-compare__products-options-value Color
.product-compare__product
.product-compare__product-img-wrap
img(src="http://placehold.it/350x250").product-compare__product-img
.product-compare__product-name-wrap
a(href="#").product-compare__product-name Genuine Brother TZe-104
.product-compare__price-value <span class="product-compare__price-number">Цена: 3 999 </span><span class="rub">руб.</span>
.product-compare__add-to-cart-wrap
a(href="#").product-compare__add-to-cart.button-primary в корзину
.product-compare__product-remove-wrap
a(href="#").product-compare__product-remove удалить
.product-compare__products-options-values
.product-compare__products-options-value 42115
.product-compare__products-options-value Китай
.product-compare__products-options-value Драм-картридж
.product-compare__products-options-value 1500
.product-compare__products-options-value Color
- var variantsOne = ["21", "21.5", "22","22.5","23", "23.5", "24", "24.5", "25", "25.5", "26"]
- var variantsTwo = ["Черный сатин (креп-сатин)", "Белый сатин", "Бежевый сатин","Леопардовый сатин","Золото, чешуйчатая кожа", "Золото, кожа"]
- var variantsThree = ["5 см", "8 см", "9 см","slim 5 см","slim 8 см"]
- var variantsFour = ["e"]
- var variantsFive = ["Нормальная", "Узкая", "Широкая"]
- var variantsSix = ["К (Карина, норма)", "А (Анна, широкий)"]
mixin product-constructor()
.product-constructor.bem&attributes(attributes)
.product-constructor__top-section
.product-constructor__left-col
.product-constructor__photoslider
+photogallery-with-thumbs_product("600x600")(data-thumbs-qtty="3")
.product-constructor__right-col
.product-constructor__header
//.product-constructor__title Наименование товара
.product-detail__detail-text
p.intro Возможно изготовление размеров с 26,5 по 27,5. Делайте заказ на наш адрес электронной почты aida@aha.ru
p Эта модель очень популярная модель женской обуви. Она была разработана нашей компанией в 2003 году. Долгое время эту модель никто не покупал. Но после того. Как в ней начала танцевать Анна Кузминская, многократная чемпионка России и некоторые другие лучшие танцоры Мира, модель стала популярной. В настоящее время, ее скопировали все компании Мира.
p Её конструкция позволяет очень хорошо принимать форму ноги и обеспечивать максимальную свободу стопы.
p В данной модели танцуют многие знаменитые танцовщицы. Одна и них — Андра Ваидилайте (Канада) — серебряная чемпионка чемпионата Мира среди профессионалов. Интересен факт, что Андра танцевала на одном из турниров в копии 080 модели. Руководитель компании Аида предложил ей нашу оригинальную модель. После того, как Андра потанцевала в нашей 080 модели она решила, что будет использовать только обувь «Аида».
.product-constructor__price
span.product-constructor__price-caption Цена от
=' '
span.product-constructor__price-value 4 600 р.
=' '
span.product-constructor__price-caption до
=' '
span.product-constructor__price-value 5 400 р.
.product-constructor__props
ul.product-constructor__props-list
li.product-constructor__props-item
span.product-constructor__props-caption Размеры:
span
span.product-constructor__props-value 21—26
li.product-constructor__props-item
span.product-constructor__props-caption Свойство товара типа список:
span
span.product-constructor__props-value Такое-то
li.product-constructor__props-item
span.product-constructor__props-caption Свойство торговых предложений:
span
span.product-constructor__props-value Один / Два / Три
.product-constructor__filter-section
.product-constructor__filter-title Выберите параметры модели
.product-constructor__filter-list
.product-constructor__filter-item.is-empty
.product-constructor__filter-caption 1. Размер:
.product-constructor__filter-values
+product-variant-list(variantsOne, false, false,1).js-property.is-small
.product-constructor__filter-item.is-empty
.product-constructor__filter-caption 2. Цвет и материал:
.product-constructor__filter-values
+product-variant-list(variantsTwo, true, "Фото+товара+в+другом+цвете",2).js-property
.product-constructor__filter-item.is-empty
.product-constructor__filter-caption 3. Каблук
.product-constructor__filter-values
+product-variant-list(variantsThree, true, "Фото+свойства",3).js-property
.product-constructor__filter-item.is-empty
.product-constructor__filter-caption 4. Задник
.product-constructor__filter-values
+product-variant-list(variantsFour, true, "Фото+свойства",4).js-property
.product-constructor__filter-item.is-empty
.product-constructor__filter-caption 5. Полнота
.product-constructor__filter-values
+product-variant-list(variantsFive, false, false, 5).js-property.is-middle
.product-constructor__filter-item.is-empty
.product-constructor__filter-caption 6. Носок
.product-constructor__filter-values
+product-variant-list(variantsSix, true, "Фото+свойства", 6).js-property
.product-constructor__result-section
.product-constructor__result-image
img(src="https://placeholdit.imgix.net/~text?txtsize=18&txt=Фотография+товара+в+выбранном+цвете&h=200&w=200", alt="Фото" width=200)
.product-constructor__result-content
.product-constructor__result-details
.result-detail.is-price
.result-detail__caption Цена:
.result-detail__value
span.result-detail__price 5 200
span.result-detail__cur р.
.result-detail(data-prop-id=1)
.result-detail__caption Размер:
.result-detail__value 23.5
.result-detail(data-prop-id=2)
.result-detail__caption Цвет:
.result-detail__value Белый сатин
.result-detail(data-prop-id=3)
.result-detail__caption Каблук:
.result-detail__value 5 см
.result-detail(data-prop-id=4)
.result-detail__caption Задник:
.result-detail__value е
.result-detail(data-prop-id=5)
.result-detail__caption Полнота:
.result-detail__value Широкая
.result-detail(data-prop-id=6)
.result-detail__caption Носок:
.result-detail__value A (Aнна. широкий)
.product-constructor__result-buy
a(href="#").product-constructor__result-buy-btn.button В корзину
mixin product-variant-list(variants, hasImage, imgText, propID)
ul(data-prop-id=propID).product-constructor__variant-list.bem&attributes(attributes)
each value in variants
+product-variant(value, hasImage, imgText)
mixin product-variant(variant, hasImage, imgText)
li.product-variant.bem&attributes(attributes)
a(data-xml-id=variant, href="#").product-variant__link
.product-variant__capion.js-prop-value= variant
if hasImage
.product-variant__image-holder
img.product-variant__image(src="https://placeholdit.imgix.net/~text?txtsize=24&txt="+imgText+"&h=200&w=300", alt="Фото" width=300, data-detail="https://placeholdit.imgix.net/~text?txtsize=60&txt=Фото+товара+в+другом+цвете&h=600&w=600", data-result-picture="https://placeholdit.imgix.net/~text?txtsize=24&txt="+imgText+"&h=200&w=200")
mixin product-detail()
.product-detail.bem&attributes(attributes)
.product-detail__mobile-title.is-hide-desktop Наименование товара
.product-detail__top-section
.product-detail__left-col
.product-detail__labels
.product-detail__label.is-new <span>новинка</span>
.product-detail__label.is-hit <span>хит</span>
.product-detail__label.is-best <span>Лучшее</span>
.product-detail__photoslider
+photogallery-with-thumbs_product("600x300")(data-thumbs-qtty="3")
.product-detail__right-col
.product-detail__header
.product-detail__title.is-hide-mobile Наименование товара
.product-detail__top-ui
.product-detail__rating
+vote-stars
.product-detail__favor-holder
+catalog-favor-button.is-detail
.product-detail__sku-holder
.product-detail__sku
.product-detail__sku-caption Цвет:
ul.product-detail__sku-list.js-select
input(type="hidden" name="COLOR_REF")
li.product-detail__sku-item
a.product-detail__sku-link(href="#" data-val="red")
span.product-detail__color(style="background-color:red;")
li.product-detail__sku-item
a.product-detail__sku-link(href="#" data-val="green")
span.product-detail__color.is-active(style="background-color:green;")
li.product-detail__sku-item
a.product-detail__sku-link(href="#" data-val="yellow")
span.product-detail__color(style="background-color:yellow;")
.product-detail__sku
.product-detail__sku-caption Размер:
ul.product-detail__sku-list.js-select
input(type="hidden" name="SIZES_CLOTHES")
li.product-detail__sku-item
a.product-detail__sku-link(href="#" data-val="46")
span.product-detail__size.is-active 46
li.product-detail__sku-item
a.product-detail__sku-link(href="#" data-val="48")
span.product-detail__size 48
li.product-detail__sku-item
a.product-detail__sku-link(href="#" data-val="50")
span.product-detail__size 50
li.product-detail__sku-item
a.product-detail__sku-link(href="#" data-val="52")
span.product-detail__size 52
li.product-detail__sku-item
a.product-detail__sku-link(href="#" data-val="54")
span.product-detail__size 54
.product-detail__price-section
.product-detail__old-price.js-old-price 9990
.product-detail__price.js-price 1090 руб.
a.product-detail__buy.button.js-buy-button(href="#") Купить
.product-detail__feature-items
.product-detail__feature-cols
.product-detail__feature-item
.product-detail__feature.is-delivery
span.product-detail__feature-text Бесплатная доставка
.product-detail__feature-item
.product-detail__feature.is-credit
span.product-detail__feature-text Покупка в кредит
.product-detail__feature-item
.product-detail__feature.is-pickup
span.product-detail__feature-text Пункты самовывоза
.product-detail__feature-item
.product-detail__feature.is-garantee
span.product-detail__feature-text Гарантия качества
.product-detail__tabs-section
+tabs-block
.product-detail__share
+social-share
mixin product-detail_units()
.product-detail.bem&attributes(attributes)
.product-detail__top-section
.product-detail__left-col
.product-detail__labels
.product-detail__label.is-new <span>новинка</span>
.product-detail__label.is-hit <span>хит</span>
.product-detail__label.is-best <span>Лучшее</span>
.product-detail__photoslider
+photogallery-with-thumbs_product("600x300")(data-thumbs-qtty="3")
.product-detail__right-col
.product-detail__header
.product-detail__title Наименование товара
.product-detail__top-ui
.product-detail__rating
+vote-stars
.product-detail__favor-holder
+catalog-favor-button.is-detail
.product-detail__units-holder
+units-calc
.product-detail__params-holder
table.product-detail__params
tbody
tr
td.product-detail__params-label Размер чего-то
td.product-detail__params-val от 100 до 150 мм
tr
td.product-detail__params-label Поставщик
td.product-detail__params-val Merida Comp OS, ширина 660 мм, подъем 25 мм
tr
td.product-detail__params-label Модель
td.product-detail__params-val Promax MTD, диаметр ротора 160 мм
tr
td.product-detail__params-label Припонка
td.product-detail__params-val Sunrace 85
tr
td.product-detail__params-label Тормоза
td.product-detail__params-val Shimano M<nobr>131 42-34-24</nobr> CG
tr
td.product-detail__params-label Рама
td.product-detail__params-val Merida, 26"x2.1"
.product-detail__tabs-section
+tabs-block_new
.product-detail__share
+social-share
mixin product-detail_more_props()
.product-detail.bem&attributes(attributes)
.product-detail__top-section
.product-detail__left-col
.product-detail__labels
.product-detail__label.is-new <span>новинка</span>
.product-detail__label.is-hit <span>хит</span>
.product-detail__label.is-best <span>Лучшее</span>
.product-detail__photoslider
+photogallery-with-thumbs_product("600x300")(data-thumbs-qtty="3")
.product-detail__share
+social-share
.product-detail__right-col
.product-detail__header
.product-detail__title Наименование товара
.product-detail__top-ui
.product-detail__rating
+vote-stars
.product-detail__favor-holder
+catalog-favor-button.is-detail
.product-detail__description
p Стол журнальный WOVEN из массива красного дерева со столешницей из натурального мрамора отличается изящной позолоченной резьбой и оригинальным дизайном. Эта модель украсит любой классический интерьер и подчеркнет Ваш изысканный вкус.
table.table.stripes
tbody
tr
td Размер чего-то
td от 100 до 150 мм
tr
td Поставщик
td Merida Comp OS, ширина 660 мм, подъем 25 мм
tr
td Модель
td Promax MTD, диаметр ротора 160 мм
a.product-detail__more-button.button.js-more-button(href="#" data-action="more-props") Все характеристики
.product-detail__units-holder
+units-calc
.product-detail__more-props.js-more-props
table.table.stripes
tbody
tr
td Припонка
td Sunrace 85
tr
td Тормоза
td Shimano M<nobr>131 42-34-24</nobr> CG
tr
td Рама
td Merida, 26"x2.1"
mixin product-detail-modal()
.product-detail-modal.bem.is-ajax&attributes(attributes)
.product-detail-modal__mobile-title.is-hide-desktop Наименование товара
.product-detail-modal__top-section
.product-detail-modal__left-col
.product-detail-modal__photoslider
+photogallery-with-thumbs_product("600x300")(data-thumbs-qtty="3")
.product-detail-modal__right-col
.product-detail-modal__header
.product-detail-modal__title.is-hide-mobile Наименование товара
.product-detail-modal__props
ul.product-detail-modal__props-list
li.product-detail-modal__props-item
span.product-detail-modal__props-caption Артикул:
span.product-detail-modal__props-value 123123
li.product-detail-modal__props-item
span.product-detail-modal__props-caption Состав:
span.product-detail-modal__props-value 100% хлопок
.product-detail-modal__sku-holder
.product-detail-modal__sku
.product-detail-modal__sku-caption Цвет:
ul.product-detail-modal__sku-list.js-select
input(type="hidden" name="COLOR_REF")
li.product-detail-modal__sku-item
a.product-detail-modal__sku-link(href="#" data-val="red")
span.product-detail-modal__color(style="background-color:red;")
li.product-detail-modal__sku-item
a.product-detail-modal__sku-link(href="#" data-val="green")
span.product-detail-modal__color.is-active(style="background-color:green;")
li.product-detail-modal__sku-item
a.product-detail-modal__sku-link(href="#" data-val="yellow")
span.product-detail-modal__color(style="background-color:yellow;")
.product-detail-modal__sku
.product-detail-modal__sku-caption Размер:
ul.product-detail-modal__sku-list.js-select
input(type="hidden" name="SIZES_CLOTHES")
li.product-detail-modal__sku-item
a.product-detail-modal__sku-link(href="#" data-val="46")
span.product-detail-modal__size.is-active 46
li.product-detail-modal__sku-item
a.product-detail-modal__sku-link(href="#" data-val="48")
span.product-detail-modal__size 48
li.product-detail-modal__sku-item
a.product-detail-modal__sku-link(href="#" data-val="50")
span.product-detail-modal__size 50
li.product-detail-modal__sku-item
a.product-detail-modal__sku-link(href="#" data-val="52")
span.product-detail-modal__size 52
li.product-detail-modal__sku-item
a.product-detail-modal__sku-link(href="#" data-val="54")
span.product-detail-modal__size 54
.product-detail-modal__price-section
.product-detail-modal__price.js-price 1090 руб.
a.product-detail-modal__buy.button.js-buy-button(href="#") Купить
.product-detail-modal__feature-items
.product-detail-modal__feature-cols
.product-detail-modal__feature-item
.product-detail-modal__feature.is-delivery
span.product-detail-modal__feature-text Бесплатная доставка
.product-detail-modal__feature-item
.product-detail-modal__feature.is-credit
span.product-detail-modal__feature-text Покупка в кредит
.product-detail-modal__feature-item
.product-detail-modal__feature.is-pickup
span.product-detail-modal__feature-text Пункты самовывоза
.product-detail-modal__feature-item
.product-detail-modal__feature.is-garantee
span.product-detail-modal__feature-text Гарантия качества
mixin product-detail-pseudo-offer()
.product-detail-pseudo-offer&attributes(attributes)
.product-detail-pseudo-offer__img-holder
.product-detail-pseudo-offer__label-wrap
.product-detail-pseudo-offer__label._new Новинка
.product-detail-pseudo-offer__label._action Акция
.product-detail-pseudo-offer__label._hit Хит
img.product-detail-pseudo-offer__img(src="http://placehold.it/400x340" alt="")
.product-detail-pseudo-offer__props-holder
.product-detail-pseudo-offer__props-row
.product-detail-pseudo-offer__props-row-name Вес (Кг):
.product-detail-pseudo-offer__props-row-value 2,78
.product-detail-pseudo-offer__props-row
.product-detail-pseudo-offer__props-row-name Давление:
.product-detail-pseudo-offer__props-row-value PN16
.product-detail-pseudo-offer__props-row
.product-detail-pseudo-offer__props-row-name Диаметр:
.product-detail-pseudo-offer__props-row-value DN50
.product-detail-pseudo-offer__props-row
.product-detail-pseudo-offer__props-row-name Тип арматуры:
.product-detail-pseudo-offer__props-row-value Затворы дисковые
.product-detail-pseudo-offer__props-row
.product-detail-pseudo-offer__props-row-name Тип присоединения:
.product-detail-pseudo-offer__props-row-value Межфланц. (PN16)
.product-detail-pseudo-offer__props-row
.product-detail-pseudo-offer__props-row-name Тип управления:
.product-detail-pseudo-offer__props-row-value Ручка (MN)
.product-detail-pseudo-offer__props-row
.product-detail-pseudo-offer__props-row-name Торговая марка:
.product-detail-pseudo-offer__props-row-value
a.product-detail-pseudo-offer__props-row-value(href="#") Xurox
.product-detail-pseudo-offer__props-row._last
.product-detail-pseudo-offer__props-row-name Остаток
.product-detail-pseudo-offer__props-row-value 1265
.product-detail-pseudo-offer__env-holder
ul.product-detail-pseudo-offer__env-items
li.product-detail-pseudo-offer__env-item
img.product-detail-pseudo-offer__env-img(src="./img/icons/ico-env-1.png" alt="")
.product-detail-pseudo-offer__env-descr <span>008</span> Воздух
li.product-detail-pseudo-offer__env-item
img.product-detail-pseudo-offer__env-img(src="./img/icons/ico-env-2.png" alt="")
.product-detail-pseudo-offer__env-descr <span>014</span> Гликоль
li.product-detail-pseudo-offer__env-item
img.product-detail-pseudo-offer__env-img(src="./img/icons/ico-env-3.png" alt="")
.product-detail-pseudo-offer__env-descr <span>0002</span> Водоснабжение
li.product-detail-pseudo-offer__env-item
img.product-detail-pseudo-offer__env-img(src="./img/icons/ico-env-4.png" alt="")
.product-detail-pseudo-offer__env-descr <span>005</span> Жидкость нейтральная
li.product-detail-pseudo-offer__env-item
img.product-detail-pseudo-offer__env-img(src="./img/icons/ico-env-5.png" alt="")
.product-detail-pseudo-offer__env-descr <span>0001</span> Общепромышленное
li.product-detail-pseudo-offer__env-item
img.product-detail-pseudo-offer__env-img(src="./img/icons/ico-env-6.png" alt="")
.product-detail-pseudo-offer__env-descr <span>0003</span> Отопление
.product-detail-pseudo-offer__buttons-holder
.product-detail-pseudo-offer__counter-holder
.product-detail-pseudo-offer__counter
+counter-input
.product-detail-pseudo-offer__price-holder
.product-detail-pseudo-offer__price-old 170 996 <span class="rouble">a</span>
.product-detail-pseudo-offer__price Цена: <span>1 599 <span class="rouble">a</span></span>
.product-detail-pseudo-offer__buy-holder
a.product-detail-pseudo-offer__buy(href="#") Купить
//
.product-detail-pseudo-offer__content-holder
.product-detail-pseudo-offer__label Новинка
h1.product-detail-pseudo-offer__caption Rich Matt (Рич Мат)
.product-detail-pseudo-offer__brand Dulux (Дюлакс)
.product-detail-pseudo-offer__short-description Краска ослепительно белая
.product-detail-pseudo-offer__volume
+volume-block
.product-detail-pseudo-offer__description Область применения: для внутренних работ. Идеально подходит для ремонтных работ в помещениях с низкими потолками и малогабаритных квартирах. Образует гладкое покрытие, устойчивое к мытью с применением мягких моющих средств. Благодаря отличной укрывистости скрывает мелкие дефекты поверхности. Легко наносится, не образуя потеков. Не имеет резкого запаха.
.product-detail-pseudo-offer__price
+price-block
.product-detail-pseudo-offer__buttons
.product-detail-pseudo-offer__counter
+counter-input
a.product-detail-pseudo-offer__buy(href="#") Купить
//
.product-detail-pseudo-offer__specs
+tabs-block
.product-detail-pseudo-offer__pseudo-offers
ul.pseudo-offers-list
li.pseudo-offers-item
a(href="#") Арматура
mixin product-detail2()
.product-detail2&attributes(attributes)
.product-detail2__main-section
.product-detail2__main-cols
.product-detail2__image-col
.product-detail2__img-holder
.product-detail2__labels
.product-detail2__label.is-new <span>новинка</span>
.product-detail2__label.is-hit <span>хит</span>
.product-detail2__label.is-best <span>Лучшее</span>
.product-detail2__photoslider
+photogallery-with-thumbs_product("400x300")(data-thumbs-qtty="3")
.product-detail2__favor-link
+catalog-favor-button.is-detail
.product-detail2__pseudo-offers
ul.product-detail2__pseudo-offers-items
li.product-detail2__pseudo-offers-item
a.product-detail2__pseudo-offers-link Арматура А1 18 мм, А240, 1 метр
li.product-detail2__pseudo-offers-item
a.product-detail2__pseudo-offers-link Арматура А1 18 мм, А240, 3 метра
li.product-detail2__pseudo-offers-item
a.product-detail2__pseudo-offers-link Арматура А1 18 мм, А240, 6 метов
.product-detail2__back
+back-link("Вернуться в раздел")
.product-detail2__description-col
.product-detail2__description.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
.product-detail2__props-holder
.product-detail2__props-row
.product-detail2__props-name Вес (Кг):
.product-detail2__props-value 2,78
.product-detail2__props-row
.product-detail2__props-name Давление:
.product-detail2__props-value PN16
.product-detail2__props-row
.product-detail2__props-name Диаметр:
.product-detail2__props-value DN50
.product-detail2__props-row
.product-detail2__props-name Тип арматуры:
.product-detail2__props-value Затворы дисковые
.product-detail2__props-row
.product-detail2__props-name Тип присоединения:
.product-detail2__props-value Межфланц. (PN16)
.product-detail2__props-row
.product-detail2__props-name Тип управления:
.product-detail2__props-value Ручка (MN)
.product-detail2__props-row
.product-detail2__props-name Торговая марка:
.product-detail2__props-value Xurox
.product-detail2__props-row
.product-detail2__props-name Остаток
.product-detail2__props-value 1265
.product-detail2__price-section
.product-detail2__btns-col
.product-detail2__btn
a.button-primary.product-detail2__buy-btn(href="#") Купить
.product-detail2__btn
a.button-primary.product-detail2__fast-order(href="#") Быстрый заказ
.product-detail2__info-col
.product-detail2__counter
+counter-input
.product-detail2__price-holder
.product-detail2__price-label Цена
.product-detail2__price-values
.product-detail2__price-old 2 200
.product-detail2__price-current 480 <span class="rub">руб.</span> за 12 метров
.product-detail2__price-remark 40<span class="rub">руб.</span> за 1 метр
.product-detail2__remark-holder.content-area
p Цена указана за погонный метр. Возможна доставка в день заказас 8:00 до 23:00 без выходных.
.product-detail2__additinal-section
.product-detail2__additinal-caption Сопутствующие товары
.product-detail2__additinal-products
+catalog-table
mixin product-detail2_element()
.product-detail2&attributes(attributes)
.product-detail2__main-section
.product-detail2__main-cols
.product-detail2__image-col
.product-detail2__img-holder
.product-detail2__labels
.product-detail2__label.is-new <span>новинка</span>
.product-detail2__label.is-hit <span>хит</span>
.product-detail2__label.is-best <span>Лучшее</span>
.product-detail2__photoslider
+photogallery-with-thumbs_product("400x300")(data-thumbs-qtty="3")
.product-detail2__favor-link
+catalog-favor-button.is-detail
.product-detail2__pseudo-offers
ul.product-detail2__pseudo-offers-items
li.product-detail2__pseudo-offers-item
a.product-detail2__pseudo-offers-link Арматура А1 18 мм, А240, 12 метов
li.product-detail2__pseudo-offers-item
a.product-detail2__pseudo-offers-link Арматура А1 18 мм, А240, 3 метра
li.product-detail2__pseudo-offers-item
a.product-detail2__pseudo-offers-link Арматура А1 18 мм, А240, 6 метов
.product-detail2__back
+back-link("Вернуться в раздел")
.product-detail2__description-col
.product-detail2__description.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
.product-detail2__props-holder
.product-detail2__props-row
.product-detail2__props-name Вес (Кг):
.product-detail2__props-value 2,78
.product-detail2__props-row
.product-detail2__props-name Давление:
.product-detail2__props-value PN16
.product-detail2__props-row
.product-detail2__props-name Диаметр:
.product-detail2__props-value DN50
.product-detail2__props-row
.product-detail2__props-name Тип арматуры:
.product-detail2__props-value Затворы дисковые
.product-detail2__props-row
.product-detail2__props-name Тип присоединения:
.product-detail2__props-value Межфланц. (PN16)
.product-detail2__props-row
.product-detail2__props-name Тип управления:
.product-detail2__props-value Ручка (MN)
.product-detail2__props-row
.product-detail2__props-name Торговая марка:
.product-detail2__props-value Xurox
.product-detail2__props-row
.product-detail2__props-name Остаток
.product-detail2__props-value 1265
.product-detail2__price-section
.product-detail2__btns-col
.product-detail2__btn
a.button-primary.product-detail2__buy-btn(href="#") Купить
.product-detail2__btn
a.button-primary.product-detail2__fast-order(href="#") Быстрый заказ
.product-detail2__info-col
.product-detail2__counter
+counter-input
.product-detail2__price-holder
.product-detail2__price-label Цена
.product-detail2__price-values
.product-detail2__price-old 2 200
.product-detail2__price-current 480 <span class="rub">руб.</span>
.product-detail2__remark-holder.content-area
p Цена указана за погонный метр. Возможна доставка в день заказас 8:00 до 23:00 без выходных.
.product-detail2__additinal-section
.product-detail2__additinal-caption Сопутствующие товары
.product-detail2__additinal-products
+catalog-table
mixin promo-detail()
.promo-detail.bem
// .promo-detail__title Бесплатное пиво при заказе гренок
.promo-detail__picture-holder
img.promo-detail__picture(src="http://placehold.it/1157x480?text=Фото")
.promo-detail__info
.promo-detail__content.content-area
p.intro Явление культурологического порядка, в соответствии с модифицированным уравнением Эйлера, абсолютно использует динамический акцепт. Следует считать, что при предъявлении регрессного требования преступление огромно.
p Математический маятник не зависит от скорости вращения внутреннего кольца подвеса, что не кажется странным, если вспомнить о том, что мы не исключили из рассмотрения Указ, даже с учетом публичного характера данных правоотношений. Отчуждение, в соответствии с основным законом динамики, бесконтрольно определяет звукорядный рок-н-ролл 50-х, таким образом объектом имитации является число длительностей в каждой из относительно автономных ритмогрупп ведущего голоса. Объект права интуитивно понятен. Как было показано выше, презумпция недетерминировано трансформирует угол курса, определяя инерционные характеристики системы (массы, моменты инерции входящих в механическую систему тел). Погрешность изготовления не входит своими составляющими, что очевидно, в силы нормальных реакций связей, так же как и гироинтегратор. Кинематическое уравнение Эйлера искажает Указ, действуя в рассматриваемой механической системе.
.promo-detail__aside
+form-standart_offer
//form.promo-detail__form(method="post" action="#")
.promo-detail__form-title Оставьте заявку для участия в акции
label.promo-detail__form-label(for="promo-detail-form-name") Ваше имя
input#promo-detail-form-name.promo-detail__form-input(name="promo-detail-form-name")
label.promo-detail__form-label(for="promo-detail-form-phone") Телефон
input#promo-detail-form-phone.promo-detail__form-input(name="promo-detail-form-name")
input.promo-detail__form-btn.button-primary(type="submit" value="Отправить")
mixin promo-offer()
.promo-offer.bem&attributes(attributes)
.promo-offer__caption Спецпредложения
.promo-offer__action
.promo-offer__figure
img.promo-offer__img(src="http://placehold.it/488x388?text=Фото", width="488")
.promo-offer__info
.promo-offer__title Продающее предложение об акции с ограниченным сроком действия
.promo-offer__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
.promo-offer__timer-holder
+timer-counter
.promo-offer__order
a.promo-offer__btn.button-primary(href="#") Мне это надо!
mixin promo-offer2()
.promo-offer.bem.is-center&attributes(attributes)
.promo-offer__action
.promo-offer__title Продающее предложение об акции с ограниченным сроком действия
.promo-offer__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
.promo-offer__figure
img.promo-offer__img(src="http://placehold.it/626x304?text=Фото", width="626")
.promo-offer__order
.promo-offer__timer-holder
+timer-counter
a.promo-offer__btn.button-primary(href="#") Хочу такое!
mixin promo-slider()
.promo-slider.bem&attributes(attributes)
.promo-slider__slider
each val in [1,2,3]
.promo-slider__slide
a.promo-slider__action(href="#")
span.promo-slider__bg-holder
img.promo-slider__bg(src="http://placehold.it/900x450?text=Фото-изображение+промоблока", width="600")
span.promo-slider__content-holder
span.promo-slider__pretitle Текст перед заголовком
span.promo-slider__title Большая строка текста в промо-блоке #{val}
span.promo-slider__description Дополнительная строка текста промоблока
span.promo-slider__morebutton Узнать подробности
mixin promo-tiles()
.promo-tiles.bem&attributes(attributes)
// promo-tiles__title Промо-баннеры
ul.promo-tiles__list
each val in [1,2,3]
li.promo-tiles__item
a.promo-tiles__link(href="#")
img.promo-tiles__image(src="http://placehold.it/900x600?text=Промо-банер")
mixin promo-banner-smart-tiles(text)
.promo-tile.bem&attributes(attributes)
.h5=text
mixin radio(content)
label.radio
span.radio__check-holder
input.icheck(type="radio")&attributes(attributes)
span.radio__text !{content}
mixin rating-widget()
.rating-widget.bem&attributes(attributes)
.rating-widget__description Оцените, пожалуйста, удобство заказа на нашем сайте
+vote-stars
mixin regional()
.regional.bem&attributes(attributes)
.regional__selector
| Город:
a.regional__selector.js-modal(href="#regions_hihop") Москва
p
#regions_hihop.regional__plate
.regional__title Выберите регион
p.regional__info
| Мы определили, что ближайший к вам город, в котором мы работаем — <b>Санкт-Петербург</b>
ul.regional__region-items
li.regional__region-item
a.regional__region-item-link.is-current(href='#', rel='nofollow', data-code='msk') Москва
li.regional__region-item
a.regional__region-item-link(href='#', rel='nofollow', data-code='spb') Московская область
li.regional__region-item
span.regional__region-item-link.is-active Санкт-Петербург
p.regional__info.is-addition
| Так же наши дилеры есть еще в 15 регионах России:
ul.regional__city-items
li.regional__city-item
a.regional__city-item-link.is-current(href='#', rel='nofollow', data-code='msk') Москва
li.regional__city-item
a.regional__city-item-link(href='#', rel='nofollow', data-code='spb') Московская область
li.regional__city-item
a.regional__city-item-link(href='#', rel='nofollow', data-code='spb') Санкт-Петербург
li.regional__city-item
a.regional__city-item-link(href='#', rel='nofollow', data-code='spb') Санкт-Петербург
li.regional__city-item
a.regional__city-item-link(href='#', rel='nofollow', data-code='spb') Санкт-Петербург
li.regional__city-item
a.regional__city-item-link(href='#', rel='nofollow', data-code='spb') Санкт-Петербург
li.regional__city-item
a.regional__city-item-link(href='#', rel='nofollow', data-code='spb') Санкт-Петербург
li.regional__city-item
a.regional__city-item-link(href='#', rel='nofollow', data-code='spb') Санкт-Петербург
li.regional__city-item
a.regional__city-item-link(href='#', rel='nofollow', data-code='spb') Санкт-Петербург
li.regional__city-item
a.regional__city-item-link(href='#', rel='nofollow', data-code='spb') Санкт-Петербург
mixin regional-phone-link()
.regional-phone.bem
a.regional-phone__link(href="tel:88002000600") 8 (800) 2000 600
mixin regional-phone()
.regional-phone.bem
.regional-phone__phone 8 (800) 2000 600
mixin registration-form()
// Начало блока: Форма регистрации
.registration-form.bem&attributes(attributes)
.registration-form__plate
.registration-form__node
form.js-ajax(name="" method="" action="#")
.registration-form__fields-list
.registration-form__field
.registration-form__label E-mail (логин):
.registration-form__item
.registration-form__inputs
input(type="email" name="email" data-mask='email' value="" data-necessary)
.registration-form__message
.registration-form__error Неверный формат e-mail
.registration-form__none Заполнение обязательно
.registration-form__field
.registration-form__label Пароль:
.registration-form__item
.registration-form__inputs
input(type="password" name="password" value="" data-necessary)
.registration-form__message
.registration-form__none Пожалуйста, введите пароль
.registration-form__field
.registration-form__label Повторите пароль:
.registration-form__item
.registration-form__inputs
input(type="password" name="password_confirm" value="" data-necessary)
.registration-form__message
.registration-form__error Пароли не совпадают
.registration-form__none Пожалуйста, введите пароль
.registration-form__field
.registration-form__label ФИО:
.registration-form__item
.registration-form__inputs
input(type='text' name="name" value="" data-necessary)
.registration-form__message
.registration-form__none Пожалуйста, укажите ваше имя
.registration-form__field
.registration-form__label.is-captcha Защитный код:
.registration-form__item
.registration-form__captcha
.registration-form__captcha-img
img(src="http://placehold.it/200x70", alt="Капча" width=200)
.registration-form__captcha-reload
a.registration-form__captcha-link(href="#") Обновить
.registration-form__inputs
input(type='text' name="name" value="" data-necessary)
.registration-form__message
.registration-form__none Пожалуйста, укажите ваше имя
.registration-form__field
.registration-form__label.is-empty
.registration-form__item
.registration-form__buttons
input.button-primary(type="submit" name="" value="Зарегистрироваться")
.success-message-modal
.success-message-modal__caption Вы зарегистрированы!
.success-message-modal__text
p Осталось лишь подтвердить ваш <nobr>E-mail</nobr> адрес. Для завершения регистрации пройдите по ссылке, указанной в письме.
.success-message-modal__close-holder
a.success-message-modal__close.js-fancybox-close(href="#") Закрыть
// Конец блока: Форма регистрации
mixin registration-form_modal()
// Начало блока: Форма регистрации
.registration-form.bem.is-modal&attributes(attributes)
.registration-form__plate
.registration-form__title Регистрация на сайте
form.js-ajax(name="" method="" action="#")
.registration-form__fields-list
.registration-form__field
.registration-form__label E-mail (логин):
.registration-form__item
.registration-form__inputs
input(type="email" name="email" data-mask='email' value="" data-necessary)
.registration-form__message
.registration-form__error Неверный формат e-mail
.registration-form__none Заполнение обязательно
.registration-form__field
.registration-form__label Пароль:
.registration-form__item
.registration-form__inputs
input(type="password" name="password" value="" data-necessary)
.registration-form__message
.registration-form__none Пожалуйста, введите пароль
.registration-form__field
.registration-form__label Повторите пароль:
.registration-form__item
.registration-form__inputs
input(type="password" name="password_confirm" value="" data-necessary)
.registration-form__message
.registration-form__error Пароли не совпадают
.registration-form__none Пожалуйста, введите пароль
.registration-form__field
.registration-form__label ФИО:
.registration-form__item
.registration-form__inputs
input(type='text' name="name" value="" data-necessary)
.registration-form__message
.registration-form__none Пожалуйста, укажите ваше имя
.registration-form__field
.registration-form__label.is-captcha Защитный код:
.registration-form__item
.registration-form__captcha
.registration-form__captcha-img
img(src="http://placehold.it/200x70", alt="Капча" width=200)
.registration-form__captcha-reload
a.registration-form__captcha-link(href="#") Обновить
.registration-form__inputs
input(type='text' name="name" value="" data-necessary)
.registration-form__message
.registration-form__none Пожалуйста, укажите ваше имя
.registration-form__field
.registration-form__label.is-empty
.registration-form__item
.registration-form__buttons
input.button-primary(type="submit" name="" value="Зарегистрироваться")
.registration-form__socials-holder
.registration-form__socials-caption Войти через
ul.registration-form__socials
li.registration-form__socials-item
a.registration-form__socials-link.is-ok(href="#")
li.registration-form__socials-item
a.registration-form__socials-link.is-vk(href="#")
li.registration-form__socials-item
a.registration-form__socials-link.is-tw(href="#")
li.registration-form__socials-item
a.registration-form__socials-link.is-fb(href="#")
.success-message-modal
.success-message-modal__caption Вы зарегистрированы!
.success-message-modal__text
p Осталось лишь подтвердить ваш <nobr>E-mail</nobr> адрес. Для завершения регистрации пройдите по ссылке, указанной в письме.
.success-message-modal__close-holder
a.success-message-modal__close.js-fancybox-close(href="#") Закрыть
// Конец блока: Форма регистрации
mixin registration-form_email-request()
// Начало блока: Форма регистрации
.registration-form.bem.is-email-request&attributes(attributes)
.registration-form__plate
.registration-form__title Регистрация на сайте
.registration-form__intro-text.content-area
p Спасибо, за регистрацию на сайте, Имярек!
p Для того, чтобы пользоваться всеми возможностями сайта, вам также нужно указать <nobr>e-mail</nobr>.
form.js-ajax(name="" method="" action="#")
.registration-form__fields-list
.registration-form__field
.registration-form__label E-mail (логин):
.registration-form__item
.registration-form__inputs
input(type="email" name="email" placeholder="E-mail" value="" data-mask='email' data-necessary)
.registration-form__message
.registration-form__error Неверно заполнен e-mail
.registration-form__none Пожалуйста, укажите свой e-mail
.registration-form__field
.registration-form__label
.registration-form__item
.registration-form__buttons
input.button-primary(type="submit" name="" value="Сохранить изменения")
.success-message-modal
.success-message-modal__caption Вы зарегистрированы!
.success-message-modal__text
p Осталось лишь подтвердить ваш <nobr>E-mail</nobr> адрес. Для завершения регистрации пройдите по ссылке, указанной в письме.
.success-message-modal__close-holder
a.success-message-modal__close.js-fancybox-close(href="#") Закрыть
// Конец блока: Форма регистрации
mixin related-carousel()
.related-carousel.bem&attributes(attributes)
.related-carousel__items
each product in [1,2,3]
.related-carousel__item
.related-carousel__thumb
a.related-carousel__thumb-link(href="#")
img.related-carousel__thumb-img(src="http://placehold.it/200x160?text=Фото" width="200")
.related-carousel__title
a.related-carousel__title-link(href="#") Наименование продукта #{product}
.related-carousel__discount
span.cart-modal__discount-value скидка 10%
.related-carousel__price <span class="related-carousel__price-number">1 350</span> <span class="rub">руб.</span>
mixin requests-item()
.requests-item.bem
.requests-item__title Мои заявки
.requests-item__category
.requests-item__subtitle Активные
ul.requests-item__items
li.requests-item__item
.requests-item__id
a.requests-item__id-link(href="#") Заявка #7808 от 19.01.2015
.requests-item__status
span.requests-item__status-title Статус:
span.requests-item__status-value.requests-item__status-waiting На рассмотрении
.requests-item__download
li.requests-item__item
.requests-item__id
a.requests-item__id-link(href="#") Заявка #7808 от 19.01.2015
.requests-item__status
span.requests-item__status-title Статус:
span.requests-item__status-value.is-complete Готова
.requests-item__download
a.requests-item__download-link(href="#") Скачать расчет
li.requests-item__item
.requests-item__id
a.requests-item__id-link(href="#") Заявка #7808 от 19.01.2015
.requests-item__status
span.requests-item__status-title Статус:
span.requests-item__status-value.is-waiting На рассмотрении
.requests-item__download
li.requests-item__item
.requests-item__id
a.requests-item__id-link(href="#") Заявка #7808 от 19.01.2015
.requests-item__status
span.requests-item__status-title Статус:
span.requests-item__status-value.is-complete Готова
.requests-item__download
a.requests-item__download-link(href="#") Скачать расчет
.requests-item__category
.requests-item__subtitle Архивные
ul.requests-item__items
li.requests-item__item
.requests-item__id
a.requests-item__id-link(href="#") Заявка #7808 от 19.01.2015
.requests-item__status
span.requests-item__status-title Статус:
span.requests-item__status-value.requests-item__status-waiting На рассмотрении
.requests-item__download
li.requests-item__item
.requests-item__id
a.requests-item__id-link(href="#") Заявка #7808 от 19.01.2015
.requests-item__status
span.requests-item__status-title Статус:
span.requests-item__status-value.is-complete Готова
.requests-item__download
a.requests-item__download-link(href="#") Скачать расчет
li.requests-item__item
.requests-item__id
a.requests-item__id-link(href="#") Заявка #7808 от 19.01.2015
.requests-item__status
span.requests-item__status-title Статус:
span.requests-item__status-value.is-waiting На рассмотрении
.requests-item__download
li.requests-item__item
.requests-item__id
a.requests-item__id-link(href="#") Заявка #7808 от 19.01.2015
.requests-item__status
span.requests-item__status-title Статус:
span.requests-item__status-value.is-complete Готова
.requests-item__download
a.requests-item__download-link(href="#") Скачать расчет
mixin reviews-balloons()
.reviews-balloons.bem&attributes(attributes)
.reviews-balloons__title Отзывы наших клиентов
ul.reviews-balloons__items
each sides in [1,2,3]
li.reviews-balloons__item
.reviews-balloons__name Иван Коротыш
.reviews-balloons__business
.reviews-balloons__position Директор
.reviews-balloons__company ЗАО ООО «Предприятие с длинным названием»
.reviews-balloons__text.is-bottom Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate.
li.reviews-balloons__item
.reviews-balloons__text.is-top Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes
.reviews-balloons__name Григорий Афанасьевич Длиннофамильцев
.reviews-balloons__business
.reviews-balloons__position Директор
.reviews-balloons__company ОАО «Предприятие второе»
li.reviews-balloons__item
.reviews-balloons__name Константин Константинович
.reviews-balloons__business
.reviews-balloons__position Директор
.reviews-balloons__company ОАО «Предприятие»
.reviews-balloons__text.is-bottom Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus ridiculus mus ridiculus mus
mixin reviews-detail()
.reviews-detail.bem
//- .reviews-detail__title Заголовок конкретнго отзыва
//.reviews-detail__image-holder
img.reviews-detail__main-image(src="http://placehold.it/800x300?text=img", width=800)
.reviews-detail__date 12 августа 2014
.reviews-detail__except.content-area
p Текст анонса отзыва. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
.reviews-detail__content.content-area
p Детальный текст отзыва. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
p Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
mixin social-share()
.reviews-detail__back-holder
a.reviews-detail__back(href="#") Вернуться к списку отзывов
mixin reviews-list()
.reviews-list.bem&attributes(attributes)
ul.reviews-list__items
each sides in [1,2, 3, 4, 5, 6]
li.reviews-list__item
.reviews-list__author
.reviews-list__name Иван Коротыш
.reviews-list__business
span.reviews-list__position Директор ЗАО ООО «Предприятие с длинным названием»
.reviews-list__rating
+vote-stars
.reviews-list__comment
.reviews-list__text.content-area Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate.
mixin sale-interview()
.sale-interview.bem&attributes(attributes)
form.js-ajax(name="" method="" action="#")
.sale-interview__fields-title Пожалуйста, оцените нас
.sale-interview__fields-list.is-stars-list
.sale-interview__field
.sale-interview__item
+vote-stars().is-large
.sale-interview__label
| Качество обслуживания клиентов нашей компании.
.sale-interview__field
.sale-interview__item
+vote-stars().is-large
.sale-interview__label
| Качество купленного товара и соответствие вашим ожиданиям от него.
.sale-interview__field
.sale-interview__item
+vote-stars().is-large
.sale-interview__label
| Удобство расположения магазина, где вы получали товар.
.sale-interview__field
.sale-interview__item
+vote-stars().is-large
.sale-interview__label
| Работа менеджера вашего заказа.
.sale-interview__fields-title Оцените ваш товар
.sale-interview__fields-desc Если можно, опишите более подробно свои впечатления о товаре (возможно, они будут опубликованы на нашем сайте для удобства будущих покупателей)
.sale-interview__fields-list
.sale-interview__field
.sale-interview__label
img.sale-interview__img(src='http://placehold.it/100' width='100px')
a(href="#").sale-interview__label-link Тестовая футболка Красный размер XS
.sale-interview__item
textarea(name="itemreview_12345").sale-interview__textarea
.sale-interview__field
.sale-interview__label
img.sale-interview__img(src='http://placehold.it/100' width='100px')
a(href="#").sale-interview__label-text Тестовая футболка Красный размер XS
.sale-interview__item
textarea(name="itemreview_12346").sale-interview__textarea
.sale-interview__fields-title Оставьте отзыв о работе нашей компании
.sale-interview__fields-list
.sale-interview__field
.sale-interview__item
textarea(name="shopreview").sale-interview__textarea
.sale-interview__field
.sale-interview__item
.sale-interview__inputs
input.button-primary(type="submit" name="" value="Отправить")
mixin search-b2b()
.search-b2b.bem&attributes(attributes)
.search-b2b__form-container
.search-b2b__form-block
form.search-b2b__form
.search-b2b__text-container
textarea.search-b2b__text
.search-b2b__button-container
input.search-b2b__button.button-primary(type="submit", value="Новый поиск")
.search-b2b__description-block
.search-b2b__h2.h2 Как это работает
.search-b2b__description
p Введите в поле по одному запросу в строку. Каждый запрос может содержать артикул товара, название товара или любую другую текстовую фразу.
p Для каждого запроса будет показан один наиболее релевантный товар.
p
a.search-b2b__instruction(href="#") смотреть видеоинструкцию о работе поиска.
mixin search-b2b-form()
.search-b2b-form.layout__columns
.search-b2b-form__desc
.search-b2b-form__desc-title.h4 Как это работает
.search-b2b-form__desc-text
p Введите в поле по одному запросу в строку. Каждый запрос может содержать артикул товара, название товара, или любую другую текстовую фразу. Допускается вставка таблицы из Excel файла.
p Для каждого запроса будет показан один наболее релевантный товар.
form.search-b2b-form__form
.search-b2b-form__field
textarea.search-b2b-form__textarea
.search-b2b-form__field
input(type="submit" value="Найти").search-b2b-form__submit.button
mixin search-b2b-results()
.search-b2b-results.bem&attributes(attributes)
.search-b2b-results__title-inner Результаты поиска
+b2b-table
+b2b-table-empty
mixin search-b2b-title()
.search-b2b-title.bem&attributes(attributes)
.search-b2b-title__title-holder
a.search-b2b-title__link(href="#")
.search-b2b-title__field
span.search-b2b-title__submit Поиск
input.search-b2b-title__input(type="text" placeholder="Поиск по сайту" disabled="disabled")
mixin search-result()
.search-result.bem&attributes(attributes)
//-.search-result__title Поиск по сайту
.search-result__search-field
.search-title
form(id="page-search-form")
.search-title__field
a.search-title__submit(href="#" onclick="document.getElementById('page-search-form').submit(); return false;") Найти
input.search-title__input(type="text" name="q" autocomplete="off" placeholder="Поиск по сайту")
input(name="s" type="hidden" value="")
.search-result__amount!= 'По вашему запросу найдено' + ' <span class="search-result__amount-number">48</span> ' + 'страниц'
dl.search-result__list
dt.search-result__head
.search-result__breadcrumbs
ul.search-result__breadcrumbs-list
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Главная
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Каталог
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Категория
li.search-result__breadcrumbs-item
span.search-result__breadcrumbs-text Страница
a.search-result__head-link(href="#")
span.search-result__head-count 1.
span.search-result__head-text Пластиковые окна недорого в Москве
dd.search-result__preview Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra <span class="search-result__match">justo commodo</span>. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis окна dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
dt.search-result__head
.search-result__breadcrumbs
ul.search-result__breadcrumbs-list
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Главная
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Каталог
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Категория
li.search-result__breadcrumbs-item
span.search-result__breadcrumbs-text Страница
a.search-result__head-link(href="#")
span.search-result__head-count 7.
span.search-result__head-text Пластиковые окна недорого в Москве
dd.search-result__preview Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis окна dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
dt.search-result__head
.search-result__breadcrumbs
ul.search-result__breadcrumbs-list
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Главная
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Каталог
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Категория
li.search-result__breadcrumbs-item
span.search-result__breadcrumbs-text Страница
a.search-result__head-link(href="#")
span.search-result__head-count 15.
span.search-result__head-text Пластиковые окна недорого в Москве
dd.search-result__preview Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis окна dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
dt.search-result__head
.search-result__breadcrumbs
ul.search-result__breadcrumbs-list
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Главная
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Каталог
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Категория
li.search-result__breadcrumbs-item
span.search-result__breadcrumbs-text Страница
a.search-result__head-link(href="#")
span.search-result__head-count 54.
span.search-result__head-text Пластиковые окна недорого в Москве
dd.search-result__preview Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis окна dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
mixin search-result-tiles()
.search-result.bem&attributes(attributes)
//-.search-result__title Поиск по сайту
.search-result__search-field
.search-title
form(id="page-search-form")
.search-title__field
a.search-title__submit(href="#" onclick="document.getElementById('page-search-form').submit(); return false;") Найти
input.search-title__input(type="text" name="q" autocomplete="off" placeholder="Поиск по сайту")
input(name="s" type="hidden" value="")
.search-result__amount!= 'По вашему запросу найдено' + ' <span class="search-result__amount-number">48</span> ' + 'страниц'
dl.search-result__list
h3 Разделы в каталоге
dt.search-result__head
.search-result__breadcrumbs
ul.search-result__breadcrumbs-list
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Главная
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Каталог
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Категория
li.search-result__breadcrumbs-item
span.search-result__breadcrumbs-text Страница
a.search-result__head-link(href="#")
span.search-result__head-count 1.
span.search-result__head-text Пластиковые окна недорого в Москве
dd.search-result__preview Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra <span class="search-result__match">justo commodo</span>. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis окна dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
dt.search-result__head
.search-result__breadcrumbs
ul.search-result__breadcrumbs-list
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Главная
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Каталог
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Категория
li.search-result__breadcrumbs-item
span.search-result__breadcrumbs-text Страница
a.search-result__head-link(href="#")
span.search-result__head-count 7.
span.search-result__head-text Пластиковые окна недорого в Москве
dd.search-result__preview Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis окна dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
dt.search-result__head
.search-result__breadcrumbs
ul.search-result__breadcrumbs-list
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Главная
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Каталог
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Категория
li.search-result__breadcrumbs-item
span.search-result__breadcrumbs-text Страница
a.search-result__head-link(href="#")
span.search-result__head-count 15.
span.search-result__head-text Пластиковые окна недорого в Москве
dd.search-result__preview Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis окна dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
dt.search-result__head
.search-result__breadcrumbs
ul.search-result__breadcrumbs-list
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Главная
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Каталог
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Категория
li.search-result__breadcrumbs-item
span.search-result__breadcrumbs-text Страница
a.search-result__head-link(href="#")
span.search-result__head-count 54.
span.search-result__head-text Пластиковые окна недорого в Москве
dd.search-result__preview Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis окна dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
h3 Товары
+catalog-items(6)
h3 Страницы сайта
dt.search-result__head
.search-result__breadcrumbs
ul.search-result__breadcrumbs-list
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Главная
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') О компании
li.search-result__breadcrumbs-item
span.search-result__breadcrumbs-text Страница
a.search-result__head-link(href="#")
span.search-result__head-count 15.
span.search-result__head-text Пластиковые окна недорого в Москве
dd.search-result__preview Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis окна dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
dt.search-result__head
.search-result__breadcrumbs
ul.search-result__breadcrumbs-list
li.search-result__breadcrumbs-item
a.search-result__breadcrumbs-link(href='#' title='') Главная
li.search-result__breadcrumbs-item
span.search-result__breadcrumbs-text Страница
a.search-result__head-link(href="#")
span.search-result__head-count 54.
span.search-result__head-text Пластиковые окна недорого в Москве
dd.search-result__preview Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis окна dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
mixin search-title()
.search-title.bem&attributes(attributes)
.search-title__title-holder
form(id="header-search-form").search-title__form
.search-title__field
a.search-title__submit(href="#") Поиск
input.search-title__input(type="text" name="q" autocomplete="off" placeholder="Поиск по сайту")
input(name="s" type="hidden" value="")
.search-title__results-holder
ul.search-title__result-items
li.search-title__result-item
.search-title__img-holder
a.search-title__img-link(href="#")
img.search-title__img(src="http://placehold.it/70x70" alt="Фото" width=70)
.search-title__name-holder
a.search-title__name(href="#") Название товара номер 1
.search-title__price-holder
span.search-title__price 800 <span class="rub">руб</span>
li.search-title__result-item
.search-title__img-holder
a.search-title__img-link(href="#")
img.search-title__img(src="http://placehold.it/70x70" alt="Фото" width=70)
.search-title__name-holder
a.search-title__name(href="#") Название <span class="search-title__match">товара номер</span> 2
.search-title__price-holder
span.search-title__price 1 200 <span class="rub">руб</span>
li.search-title__result-item
.search-title__img-holder
a.search-title__img-link(href="#")
img.search-title__img(src="http://placehold.it/70x70" alt="Фото" width=70)
.search-title__name-holder
a.search-title__name(href="#") Товар с длинным именем общего назначения
.search-title__price-holder
span.search-title__price 13 459 <span class="rub">руб</span>
.search-title__more-holder
a.search-title__more(href="#") Все результаты →
mixin search-title_wb2b()
.search-title.bem.is-b2b&attributes(attributes)
.search-title__title-holder
form(id="header-search-form").search-title__form
.search-title__field
a.search-title__submit(href="#") Поиск
input.search-title__input(type="text" name="q" autocomplete="off" placeholder="Поиск по сайту")
input(name="s" type="hidden" value="")
.search-title__b2b
a.search-title__b2b-link(href="#") Поиск списком
span.search-title__b2b-explain
.search-title__b2b-tooltip Поиск списком удобен, когда нужно найти несколько позиций одноврменно. Каждый запрос может содержать артикул товара, название товара, или любую другую текстовую фразу.
.search-title__results-holder
ul.search-title__result-items
li.search-title__result-item
.search-title__img-holder
a.search-title__img-link(href="#")
img.search-title__img(src="http://placehold.it/70x70" alt="Фото" width=70)
.search-title__name-holder
a.search-title__name(href="#") Название товара номер 1
.search-title__price-holder
span.search-title__price 800 <span class="rub">руб</span>
li.search-title__result-item
.search-title__img-holder
a.search-title__img-link(href="#")
img.search-title__img(src="http://placehold.it/70x70" alt="Фото" width=70)
.search-title__name-holder
a.search-title__name(href="#") Название <span class="search-title__match">товара номер</span> 2
.search-title__price-holder
span.search-title__price 1 200 <span class="rub">руб</span>
li.search-title__result-item
.search-title__img-holder
a.search-title__img-link(href="#")
img.search-title__img(src="http://placehold.it/70x70" alt="Фото" width=70)
.search-title__name-holder
a.search-title__name(href="#") Товар с длинным именем общего назначения
.search-title__price-holder
span.search-title__price 13 459 <span class="rub">руб</span>
.search-title__more-holder
a.search-title__more(href="#") Все результаты →
mixin section-detail()
.section-detail.bem&attributes(attributes)
.section-detail__picture-holder
img.section-detail__picture(src="http://placehold.it/1157x400?text=Фото раздела", width="1157")
.section-detail__content-holder
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
-
var sections = [
{
title: 'Название раздела',
hasDescription: true,
subsections: ['Раздел', 'Раздельчик', 'Подраздел']
},
{
title: 'Ещё один раздел',
hasDescription: true,
subsections: ['Первое', 'Второе']
},
{
title: 'Довольно длинное название раздела',
hasDescription: false,
subsections: ['Зима', 'Весна', 'Лето']
},
{
title: 'Очередной раздельчик',
hasDescription: true,
subsections: ['Чугунный', 'Оловянный', 'Деревянный']
},
{
title: 'Три белых коня',
hasDescription: true,
subsections: ['Декабрь', 'Январь', 'Февраль']
},
{
title: 'Ещё раздел',
hasDescription: true,
subsections: ['Подраздел 1']
},
];
mixin section-tiles()
.section-tiles.bem&attributes(attributes)
ul.section-tiles__items
each sect in sections
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/300x300", alt="Фото" width=300)
.section-tiles__title-section
.section-tiles__title
a.section-tiles__title-text(href="#")= sect.title
.section-tiles__content-section
.section-tiles__content.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
.section-tiles__bottom-section
.section-tiles__link
ul.section-tiles__link-items
each sub in sect.subsections
li.section-tiles__link-item
a.section-tiles__link-text(href="#")= sub
.section-tiles__btns-holder
a.section-tiles__btn-more.button(href="#") Показать все
mixin section-tiles_flat()
.section-tiles.bem.is-flat&attributes(attributes)
ul.section-tiles__items
each va in [1,2]
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/800x300", alt="Фото" width=800)
.section-tiles__title-section
.section-tiles__title.center
a.section-tiles__title-text(href="#") Раздел 1
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/800x300", alt="Фото" width=800)
.section-tiles__title-section
.section-tiles__title.center
a.section-tiles__title-text(href="#") Раздел 2
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/800x300", alt="Фото" width=800)
.section-tiles__title-section
.section-tiles__title.center
a.section-tiles__title-text(href="#") Раздел 3
mixin section-tiles_icons()
.section-tiles.bem.is-icons&attributes(attributes)
ul.section-tiles__items
each sect in sections
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/300x300", alt="Фото" width=300)
.section-tiles__title-section
.section-tiles__title
a.section-tiles__title-text(href="#")= sect.title
each sect in sections
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/300x300", alt="Фото" width=300)
.section-tiles__title-section
.section-tiles__title
a.section-tiles__title-text(href="#")= sect.title
mixin section-tiles_hover()
.section-tiles.bem.is-hover&attributes(attributes)
ul.section-tiles__items
each va in [1,2]
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/300x300", alt="Фото" width=300)
.section-tiles__title-section
.section-tiles__title
a.section-tiles__title-text(href="#") Раздел 1
.section-tiles__content-section
.section-tiles__content.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit.
.section-tiles__bottom-section
.section-tiles__link
ul.section-tiles__link-items
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 1
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 2
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 3
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 3
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 3
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/300x300", alt="Фото" width=300)
.section-tiles__title-section
.section-tiles__title
a.section-tiles__title-text(href="#") Раздел 2
.section-tiles__content-section
.section-tiles__content.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit.
.section-tiles__bottom-section
.section-tiles__link
ul.section-tiles__link-items
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 1
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 2
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 3
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/300x300", alt="Фото" width=300)
.section-tiles__title-section
.section-tiles__title
a.section-tiles__title-text(href="#") Раздел 3
.section-tiles__content-section
.section-tiles__content.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit.
.section-tiles__bottom-section
.section-tiles__link
ul.section-tiles__link-items
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 1
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 2
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 3
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/300x300", alt="Фото" width=300)
.section-tiles__title-section
.section-tiles__title
a.section-tiles__title-text(href="#") Раздел 3
.section-tiles__content-section
.section-tiles__content.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit.
.section-tiles__bottom-section
.section-tiles__link
ul.section-tiles__link-items
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 1
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 2
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 3
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/300x300", alt="Фото" width=300)
.section-tiles__title-section
.section-tiles__title
a.section-tiles__title-text(href="#") Раздел 3
.section-tiles__content-section
.section-tiles__content.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
.section-tiles__bottom-section
.section-tiles__link
ul.section-tiles__link-items
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 1
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 2
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 3
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/300x300", alt="Фото" width=300)
.section-tiles__title-section
.section-tiles__title
a.section-tiles__title-text(href="#") Раздел 3
.section-tiles__content-section
.section-tiles__content.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
.section-tiles__bottom-section
.section-tiles__link
ul.section-tiles__link-items
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 1
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 2
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 3
li.section-tiles__item
.section-tiles__tile
.section-tiles__img-holder
a.section-tiles__img-link(href="#")
img.section-tiles__img-main(src="http://placehold.it/300x300", alt="Фото" width=300)
.section-tiles__title-section
.section-tiles__title
a.section-tiles__title-text(href="#") Раздел 3
.section-tiles__content-section
.section-tiles__content.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
.section-tiles__bottom-section
.section-tiles__link
ul.section-tiles__link-items
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 1
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 2
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 3
mixin section-tile-smart-tiles()
.section-tiles.bem&attributes(attributes)
.section-tiles__items
each va in [1]
.section-tiles__item
.section-tiles__tile
.section-tiles__content-section
.section-tiles__content.content-area
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
.section-tiles__bottom-section
.section-tiles__link
ul.section-tiles__link-items
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 1
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 2
li.section-tiles__link-item
a.section-tiles__link-text(href="#") Подраздел 3
mixin sections-wall()
.sections-wall.bem
ul.sections-wall__first-level
li.sections-wall__first-item.is-right
a.sections-wall__first-link(href="#") Третий раздел каталога
.sections-wall__second-holder
ul.sections-wall__second-level
each val in [1,2,3,4,5]
li.sections-wall__second-item
a.sections-wall__second-link(href="#") Подраздел #{val}
li.sections-wall__first-item.is-left
a.sections-wall__first-link(href="#") Первый раздел каталога
.sections-wall__second-holder
ul.sections-wall__second-level
each val in [1,2,3,4,5,6,7,8]
li.sections-wall__second-item
a.sections-wall__second-link(href="#") Подраздел #{val}
li.sections-wall__first-item.is-right
a.sections-wall__first-link(href="#") Шестой раздел каталога
.sections-wall__second-holder
ul.sections-wall__second-level
each val in [1,2,3,4,5,6,7,8]
li.sections-wall__second-item
a.sections-wall__second-link(href="#") Подраздел #{val}
li.sections-wall__first-item.is-left
a.sections-wall__first-link(href="#") Четвертый раздел каталога
.sections-wall__second-holder
ul.sections-wall__second-level
each val in [1,2,3,4,5,6,7,8,9,10]
li.sections-wall__second-item
a.sections-wall__second-link(href="#") Подраздел #{val}
li.sections-wall__first-item
a.sections-wall__first-link(href="#") Второй раздел каталога
.sections-wall__second-holder
ul.sections-wall__second-level
each val in [1,2,3,4,5,6,7,8,9,10,11,12]
li.sections-wall__second-item
a.sections-wall__second-link(href="#") Подраздел #{val}
li.sections-wall__first-item
a.sections-wall__first-link(href="#") Пятый раздел каталога
.sections-wall__second-holder
ul.sections-wall__second-level
each val in [1,2,3,4,5,6,7,8]
li.sections-wall__second-item
a.sections-wall__second-link(href="#") Подраздел #{val}
mixin sidebar-menu()
.sidebar-menu.bem&attributes(attributes)
.sidebar-menu__plate
ul.sidebar-menu__first-level
li.sidebar-menu__first-item
a.sidebar-menu__first-link.is-contain(href="#") Название раздела <span class="sidebar-menu__qtty">5</span>
.sidebar-menu__second-holder
ul.sidebar-menu__second-level
li.sidebar-menu__second-item
a.sidebar-menu__second-link(href="#") Подраздел номер один
.sidebar-menu__third-holder
ul.sidebar-menu__third-level
li.sidebar-menu__third-item
a.sidebar-menu__third-link(href="#") Подраздел с длинным текстом, который должен занять несколько строк
li.sidebar-menu__third-item
a.sidebar-menu__third-link(href="#") Подраздел с длинным текстом
.sidebar-menu__fourth-holder
ul.sidebar-menu__fourth-level
li.sidebar-menu__fourth-item
a.sidebar-menu__fourth-link(href="#") Подраздел с длинным текстом, который должен занять несколько строк
li.sidebar-menu__fourth-item
a.sidebar-menu__fourth-link(href="#") Подраздел с длинным текстом
li.sidebar-menu__second-item
a.sidebar-menu__second-link(href="#") Второй подраздел
li.sidebar-menu__second-item
a.sidebar-menu__second-link(href="#") Третий подраздел
li.sidebar-menu__first-item
a.sidebar-menu__first-link.is-contain(href="#") Второе название раздела <span class="sidebar-menu__qtty">2</span>
.sidebar-menu__second-holder
ul.sidebar-menu__second-level
li.sidebar-menu__second-item
a.sidebar-menu__second-link(href="#") Подраздел номер один
li.sidebar-menu__second-item
a.sidebar-menu__second-link(href="#") Второй подраздел
li.sidebar-menu__first-item
a.sidebar-menu__first-link(href="#") Третий раздел
li.sidebar-menu__first-item
a.sidebar-menu__first-link(href="#") Раздел четвертый
mixin site-selector()
a.site-selector.bem&attributes(attributes) <span>En</span>
mixin sitemap()
.sitemap.bem&attributes(attributes)
h2.sitemap__title
a(href='#' title='') Главная страница
ul.sitemap__top-level
li.sitemap__top-item
a.sitemap__top-link(href='#' title='') О заводе
ul.sitemap__second-level
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Наша команда
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Новости
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') История завода
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Сертификаты
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Фотогалерея
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Видеогалерея
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Награды, достижения
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Отзывы
li.sitemap__top-item
a.sitemap__top-link(href='#' title='') Покупателям
ul.sitemap__second-level
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Юридическим организациям
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Частный сектор
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Коммерсантам
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Дилерам
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Контроль качества
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Рекомендации по кормлению
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Фирменная упаковка
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Карта сайта
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Статьи
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Прайс-листы
li.sitemap__top-item
a.sitemap__top-link(href='#' title='') Доставка и оплата
a.sitemap__top-link(href='#' title='') Контакты
li.sitemap__top-item
a.sitemap__top-link(href='#' title='') Дополнительные услуги
h2.sitemap__title
a(href='#' title='') Каталог товаров
.sitemap__top-link-holder
a.sitemap__top-link(href='#' title='') Комбикорм
ul.sitemap__top-level
li.sitemap__top-item
ul.sitemap__second-level
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Комбикорм для птиц
ul.sitemap__third-level
li.sitemap__third-item
a.sitemap__third-link Для кур-несушек
ul.sitemap__fourth-level
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для цыплят несушек
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для быстрого роста
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для кур-несушек
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для перепелов
ul.sitemap__fourth-level
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для перепелок несушек
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для бройлеров
ul.sitemap__fourth-level
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Стартерный
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для быстрого роста
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для кур бройлеров
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для индюшек
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для утят
li.sitemap__top-item
ul.sitemap__second-level
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Комбикорм для свиней
ul.sitemap__third-level
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для поросят
ul.sitemap__fourth-level
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для поросят 0-2 месяца
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для поросят 2-4 месяца
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Свиной откорм
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для откорма
li.sitemap__top-item
ul.sitemap__second-level
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Комбикорм для КРС
ul.sitemap__third-level
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для телят
ul.sitemap__fourth-level
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для телят до 6 месяцев
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для телят
li.sitemap__top-item
ul.sitemap__second-level
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Комбикорм для травоядных животных
ul.sitemap__third-level
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для кроликов
.sitemap__top-link-holder
a.sitemap__top-link(href='#' title='') Премиксы
ul.sitemap__top-level
li.sitemap__top-item
ul.sitemap__second-level
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Премиксы для птиц
ul.sitemap__third-level
li.sitemap__third-item
a.sitemap__third-link Для кур-несушек
ul.sitemap__fourth-level
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для цыплят несушек
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для быстрого роста
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для кур-несушек
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для перепелов
ul.sitemap__fourth-level
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для перепелок несушек
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для бройлеров
ul.sitemap__fourth-level
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Стартерный
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для быстрого роста
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для кур бройлеров
li.sitemap__top-item
ul.sitemap__second-level
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Премиксы для свиней
ul.sitemap__third-level
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для поросят
ul.sitemap__fourth-level
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для поросят 0-2 месяца
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для поросят 2-4 месяца
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Свиной откорм
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для откорма
li.sitemap__top-item
ul.sitemap__second-level
li.sitemap__second-item
a.sitemap__second-link(href='#' title='') Премиксы для КРС
ul.sitemap__third-level
li.sitemap__third-item
a.sitemap__third-link(href='#' title='') Для телят
ul.sitemap__fourth-level
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для телят до 6 месяцев
li.sitemap__fourth-item
a.sitemap__fourth-link(href='#' title='') Для телят
mixin smart-filter()
.smart-filter.bem&attributes(attributes)
.smart-filter__caption Фильтр:
.smart-filter__result-holder
.smart-filter__result
span.smart-filter__result-label Выбрано:
span.smart-filter__result-num 2
a.smart-filter__result-link(href="#") Показать
.smart-filter__main
ul.smart-filter__fields
li.smart-filter__field.is-open
.smart-filter__field-header
span.smart-filter__field-caption Слайдер с ценой
.smart-filter__field-content
+filter-scale(
data-min="141000"
data-max="2694000"
data-significant-digits="3"
data-left="170000"
data-right="1500000"
data-log="1"
data-format="price"
data-convert-factor="1")
li.smart-filter__field.is-open
.smart-filter__field-header
span.smart-filter__field-caption Чекбоксы в одну колонку
.smart-filter__field-content
ul.smart-filter__items
li.smart-filter__item
+checkbox('Рядовой кирпич')(checked)
li.smart-filter__item
+checkbox('Облицовочный кирпич')
li.smart-filter__item
+checkbox('Декоративный кирпич')
li.smart-filter__item
+checkbox('Кирпич ручной формовки')
li.smart-filter__field.is-open
.smart-filter__field-header
span.smart-filter__field-caption Чекбоксы в две колонки
.smart-filter__field-content
+checkbox-cols
li.smart-filter__field.is-open
.smart-filter__field-header
span.smart-filter__field-caption Селект
.smart-filter__field-content
select.select2
option Все бренды
option Nike
option Coca-cola
option Nardin
li.smart-filter__field
.smart-filter__field-header
span.smart-filter__field-caption Радиокнопки в одну колонку
.smart-filter__field-content
ul.smart-filter__items
li.smart-filter__item
+radio('Рядовой кирпич')(checked name="filter-radio1")
li.smart-filter__item
+radio('Облицовочный кирпич')(name="filter-radio1")
li.smart-filter__item
+radio('Декоративный кирпич')(name="filter-radio1")
li.smart-filter__item
+radio('Кирпич ручной формовки')(name="filter-radio1")
li.smart-filter__field
.smart-filter__field-header
span.smart-filter__field-caption Радиокнопки в две колонки
.smart-filter__field-content
+checkbox-cols_radio
.smart-filter__footer
a.smart-filter__apply-btn.button-primary(href="#") Применить
a.smart-filter__full-reset(href="#") Очистить все
mixin smart-filter-dropdown()
.smart-filter-dropdown.bem&attributes(attributes)
.smart-filter-dropdown__header
.smart-filter-dropdown__caption Фильтр:
.smart-filter-dropdown__header-ui
a.smart-filter-dropdown__apply-btn.button-primary(href="#") Применить
a.smart-filter-dropdown__full-reset(href="#") Очистить все
.smart-filter-dropdown__header-mobile
span.smart-filter-dropdown__header-mobile-text Подбор по параметрам
.smart-filter-dropdown__result-holder
.smart-filter-dropdown__result
span.smart-filter-dropdown__result-label Выбрано:
span.smart-filter-dropdown__result-num 2
a.smart-filter-dropdown__result-link(href="#") Показать
.smart-filter-dropdown__main
ul.smart-filter-dropdown__fields
li.smart-filter-dropdown__field
.smart-filter-dropdown__field-header
span.smart-filter-dropdown__field-caption Слайдер с ценой
.smart-filter-dropdown__tags-holder
.smart-filter-dropdown__field-content
.filter-scale.bem(
data-min="141000"
data-max="2694000"
data-significant-digits="3"
data-left="170000"
data-right="1500000"
data-log="1"
data-format="price"
data-convert-factor="1")
.filter-scale__scale-holder
.filter-scale__scale
.filter-scale__inputs-holder
.filter-scale__from
input.filter-scale__input.js-min.is-tagged(type="text" data-tag="> {val}" value="0")
input.js-hidden-min(type="hidden" value=0)
.filter-scale__to
input.filter-scale__input.js-max.is-tagged(type="text" data-tag="< {val}" value=12000)
input.js-hidden-max(type="hidden" value=12000)
.smart-filter-dropdown__field-ui
a.smart-filter-dropdown__field-btn.button-primary(href="#") Применить
li.smart-filter-dropdown__field
.smart-filter-dropdown__field-header
span.smart-filter-dropdown__field-caption Слайдер с ценой
.smart-filter-dropdown__tags-holder
.smart-filter-dropdown__field-content
.filter-scale.bem(
data-min="141000"
data-max="2694000"
data-significant-digits="3"
data-left="170000"
data-right="1500000"
data-log="1"
data-format="price"
data-convert-factor="1")
.filter-scale__scale-holder
.filter-scale__scale
.filter-scale__inputs-holder
.filter-scale__from
input.filter-scale__input.js-min.is-tagged(type="text" data-tag="> {val}" value="0")
input.js-hidden-min(type="hidden" value=0)
.filter-scale__to
input.filter-scale__input.js-max.is-tagged(type="text" data-tag="< {val}" value=12000)
input.js-hidden-max(type="hidden" value=12000)
.smart-filter-dropdown__field-ui
a.smart-filter-dropdown__field-btn.button-primary(href="#") Применить
li.smart-filter-dropdown__field
.smart-filter-dropdown__field-header
span.smart-filter-dropdown__field-caption Чекбоксы в одну колонку
.smart-filter-dropdown__tags-holder
.smart-filter-dropdown__check-tags
span.smart-filter-dropdown__tag Рядовой кирпич
.smart-filter-dropdown__field-content
ul.smart-filter-dropdown__items
li.smart-filter-dropdown__item
+checkbox('Рядовой кирпич')(checked data-tag="Рядовой")
li.smart-filter-dropdown__item
+checkbox('Облицовочный кирпич')(data-tag="Облицовочный")
li.smart-filter-dropdown__item
+checkbox('Декоративный кирпич')(data-tag="Декоративный")
li.smart-filter-dropdown__item
+checkbox('Кирпич ручной формовки')(data-tag="Ручной")
.smart-filter-dropdown__field-ui
a.smart-filter-dropdown__field-btn.button-primary(href="#") Применить
li.smart-filter-dropdown__field
.smart-filter-dropdown__field-header
span.smart-filter-dropdown__field-caption Чекбоксы в две колонки
.smart-filter-dropdown__tags-holder
.smart-filter-dropdown__field-content
.checkbox-cols.bem
.checkbox-cols__visible-container
.checkbox-cols__cols
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+checkbox('Canon')(data-tag="Canon")
li.checkbox-cols__item
+checkbox('Fujifilm')(data-tag="Fujifilm")
li.checkbox-cols__item
+checkbox('Nikon')(data-tag="Nikon")
li.checkbox-cols__item
+checkbox('Panasonic')(data-tag="Panasonic")
li.checkbox-cols__item
+checkbox('Leica')(data-tag="Leica")
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+checkbox('Olympus')(data-tag="Olympus")
li.checkbox-cols__item
+checkbox('Pentax')(data-tag="Pentax")
li.checkbox-cols__item
+checkbox('Sigma')(data-tag="Sigma")
li.checkbox-cols__item
+checkbox('Geleral Electrics')(data-tag="Geleral Electrics")
li.checkbox-cols__item
+checkbox('Zenit')(data-tag="Zenit")
.checkbox-cols__more-container
.checkbox-cols__cols
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+checkbox('Canon')(data-tag="Canon")
li.checkbox-cols__item
+checkbox('Fujifilm')(data-tag="Fujifilm")
li.checkbox-cols__item
+checkbox('Nikon')(data-tag="Nikon")
li.checkbox-cols__item
+checkbox('Panasonic')(data-tag="Panasonic")
li.checkbox-cols__item
+checkbox('Leica')(data-tag="Leica")
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+checkbox('Olympus')(data-tag="Olympus")
li.checkbox-cols__item
+checkbox('Pentax')(data-tag="Pentax")
li.checkbox-cols__item
+checkbox('Sigma')(data-tag="Sigma")
li.checkbox-cols__item
+checkbox('Geleral Electrics')(data-tag="Geleral Electrics")
li.checkbox-cols__item
+checkbox('Zenit')(data-tag="Zenit")
.checkbox-cols__btn-holder
a.checkbox-cols__btn(href="#")
span Скрыть
span Показать еще
.smart-filter-dropdown__field-ui
a.smart-filter-dropdown__field-btn.button-primary(href="#") Применить
ul.smart-filter-dropdown__fields
li.smart-filter-dropdown__field
.smart-filter-dropdown__field-header
span.smart-filter-dropdown__field-caption Селект
.smart-filter-dropdown__tags-holder
.smart-filter-dropdown__select-tags
span.smart-filter-dropdown__tag Все бренды
.smart-filter-dropdown__field-content
select.select2
option Все бренды
option(checked data-tag="Nike") Nike
option(data-tag="Coca-cola") Coca-cola
option(data-tag="Nardin") Nardin
.smart-filter-dropdown__field-ui
a.smart-filter-dropdown__field-btn.button-primary(href="#") Применить
li.smart-filter-dropdown__field
.smart-filter-dropdown__field-header
span.smart-filter-dropdown__field-caption Слайдер с ценой
.smart-filter-dropdown__tags-holder
.smart-filter-dropdown__field-content
.filter-scale.bem(
data-min="141000"
data-max="2694000"
data-significant-digits="3"
data-left="170000"
data-right="1500000"
data-log="1"
data-format="price"
data-convert-factor="1")
.filter-scale__scale-holder
.filter-scale__scale
.filter-scale__inputs-holder
.filter-scale__from
input.filter-scale__input.js-min.is-tagged(type="text" data-tag="> {val}" value="0")
input.js-hidden-min(type="hidden" value=0)
.filter-scale__to
input.filter-scale__input.js-max.is-tagged(type="text" data-tag="< {val}" value=12000)
input.js-hidden-max(type="hidden" value=12000)
.smart-filter-dropdown__field-ui
a.smart-filter-dropdown__field-btn.button-primary(href="#") Применить
ul.smart-filter-dropdown__fields
li.smart-filter-dropdown__field
.smart-filter-dropdown__field-header
span.smart-filter-dropdown__field-caption Радиокнопки в одну колонку
.smart-filter-dropdown__tags-holder
.smart-filter-dropdown__field-content
ul.smart-filter-dropdown__items
li.smart-filter-dropdown__item
+radio('Рядовой кирпич')(checked name="filter-radio1" data-tag='Рядовой')
li.smart-filter-dropdown__item
+radio('Облицовочный кирпич')(name="filter-radio1" data-tag='Облицовочный')
li.smart-filter-dropdown__item
+radio('Декоративный кирпич')(name="filter-radio1" data-tag='Декоративный')
li.smart-filter-dropdown__item
+radio('Кирпич ручной формовки')(name="filter-radio1" data-tag='Ручной')
.smart-filter-dropdown__field-ui
a.smart-filter-dropdown__field-btn.button-primary(href="#") Применить
li.smart-filter-dropdown__field
.smart-filter-dropdown__field-header
span.smart-filter-dropdown__field-caption Радиокнопки в две колонки
.smart-filter-dropdown__tags-holder
.smart-filter-dropdown__field-content
.checkbox-cols.bem
.checkbox-cols__visible-container
.checkbox-cols__cols
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+radio('Canon')(name="filter-radio-test" data-tag='Canon')
li.checkbox-cols__item
+radio('Fujifilm')(name="filter-radio-test" data-tag='Fujifilm')
li.checkbox-cols__item
+radio('Nikon')(name="filter-radio-test" data-tag='Nikon')
li.checkbox-cols__item
+radio('Panasonic')(name="filter-radio-test" data-tag='Panasonic')
li.checkbox-cols__item
+radio('Leica')(name="filter-radio-test" data-tag='Leica')
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+radio('Olympus')(name="filter-radio-test" data-tag='Olympus')
li.checkbox-cols__item
+radio('Pentax')(name="filter-radio-test" data-tag='Pentax')
li.checkbox-cols__item
+radio('Sigma')(name="filter-radio-test" data-tag='Sigma')
li.checkbox-cols__item
+radio('Geleral Electrics')(name="filter-radio-test" data-tag='Geleral Electrics')
li.checkbox-cols__item
+radio('Zenit')(name="filter-radio-test" data-tag='Zenit')
.checkbox-cols__more-container
.checkbox-cols__cols
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+radio('Canon')(name="filter-radio-test" data-tag='Canon')
li.checkbox-cols__item
+radio('Fujifilm')(name="filter-radio-test" data-tag='Fujifilm')
li.checkbox-cols__item
+radio('Nikon')(name="filter-radio-test" data-tag='Nikon')
li.checkbox-cols__item
+radio('Panasonic')(name="filter-radio-test" data-tag='Panasonic')
li.checkbox-cols__item
+radio('Leica')(name="filter-radio-test" data-tag='Leica')
.checkbox-cols__col
ul.checkbox-cols__items
li.checkbox-cols__item
+radio('Olympus')(name="filter-radio-test" data-tag='Olympus')
li.checkbox-cols__item
+radio('Pentax')(name="filter-radio-test" data-tag='Pentax')
li.checkbox-cols__item
+radio('Sigma')(name="filter-radio-test" data-tag='Sigma')
li.checkbox-cols__item
+radio('Geleral Electrics')(name="filter-radio-test" data-tag='Geleral Electrics')
li.checkbox-cols__item
+radio('Zenit')(name="filter-radio-test" data-tag='Zenit')
.checkbox-cols__btn-holder
a.checkbox-cols__btn(href="#")
span Скрыть
span Показать еще
.smart-filter-dropdown__field-ui
a.smart-filter-dropdown__field-btn.button-primary(href="#") Применить
.smart-filter-dropdown__items-set
ul.smart-filter-dropdown__items-set-list
li.smart-filter-dropdown__items-set-item Розница: от 6 до 115 <span class="rub">руб.</span>
.smart-filter-dropdown__items-set-reset
a.smart-filter-dropdown__full-reset(href="/catalog/armatura/?region=msk&set_filter=y&arrFilter_P3_MAX=115&arrFilter_P3_MIN=6&del_filter=Y", name="del_filter") Очистить все
mixin social-share()
.social-share.bem
ul.social-share__items
li.social-share__title
.social-share__text
block social-share__text
| Рассказать друзьям
li.social-share__item
a.social-share__link.is-facebook(href="#") Facebook
li.social-share__item
a.social-share__link.is-google-plus(href="#") Google
li.social-share__item
a.social-share__link.is-twitter(href="#") Twitter
mixin smart-tiles()
.smart-tiles.bem.is-static&attributes(attributes)
.smart-tiles__tiles
a.smart-tiles__tile(href="#")
.smart-tiles__editor
.smart-tiles__editor-info
.smart-tiles__editor-sizes 3:2 @ 6:17
.smart-tiles__editor-layers 3
.smart-tiles__editor-handler
.smart-tiles__tile-content(style="background-image: url(http://placehold.it/600x500/d3d3d3/?text=Фото-раздела)")
.smart-tiles__tile-text
.h4 Название раздела
a.smart-tiles__tile.is-static-w2(href="#")
.smart-tiles__tile-content(style="background-color: grey;")
.smart-tiles__tile-text
+smart-tiles-include-area
a.smart-tiles__tile(href="#")
.smart-tiles__tile-content(style="background-image: url(http://placehold.it/600x500/a9a9a9/?text=Промо-банер)")
.smart-tiles__tile-text
+promo-banner-smart-tiles("Летнее предложение!")
.smart-tiles__tile(href="#")
.smart-tiles__tile-content
.smart-tiles__tile-text
+section-tile-smart-tiles
.smart-tiles__tile(href="#").is-static-second-line
.smart-tiles__tile-content
+video-tile
.smart-tiles__tile.is-static-w2.is-static-h2
.smart-tiles__tile-content
+promo-slider.is-adaptive-bg
a.smart-tiles__tile(href="#")
.smart-tiles__tile-content(style="background-image: url(http://placehold.it/600x500/b4b4b4/?text=Промо-банер)")
.smart-tiles__tile-text
+promo-banner-smart-tiles("Торг уместен")
a.smart-tiles__tile(href="#")
.smart-tiles__tile-content(style="background-image: url(http://placehold.it/600x500/8f8f8f/ffffff/?text=Промо-банер)")
.smart-tiles__tile-text
+promo-banner-smart-tiles("Здравствуй мир!!")
a.smart-tiles__tile(href="#")
.smart-tiles__tile-content(style="background-image: url(http://placehold.it/600x500/b4b4b4/?text=Промо-банер)")
.smart-tiles__tile-text
+promo-banner-smart-tiles("По пятницам – ну очень большие скидки!")
a.smart-tiles__tile(href="#")
.smart-tiles__tile-content(style="background-image: url(http://placehold.it/600x500/a9a9a9/?text=Промо-банер)")
.smart-tiles__tile-text
+promo-banner-smart-tiles("Покупай наших слонов!")
.smart-tiles__tile(href="#").is-static-w2.is-static-second-line
.smart-tiles__tile-content
.smart-tiles__tile-text
+form-standart_smart-tiles
a.smart-tiles__tile(href="#")
.smart-tiles__tile-content(style="background-image: url(http://placehold.it/600x500/b4b4b4/?text=Промо-банер)")
.smart-tiles__tile-text
+promo-banner-smart-tiles("Здравствуй мир!")
.smart-tiles__tile(href="#").is-static-second-line
.smart-tiles__tile-content
+video-tile
.smart-tiles__tile(href="#").is-static-h2
.smart-tiles__tile-content
+catalog-items(1)
.smart-tiles__fix
mixin smart-tiles-include-area ()
.include-area.bem.content-area&attributes(attributes)
.h3 Умные часы – каждому
p Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate.
mixin social-widget()
.social-widget.bem&attributes(attributes)
.social-widget__title Company name в соцсетях
ul.social-widget__list
li.social-widget__item
a.social-widget__link.is-fb(href="#")
li.social-widget__item
a.social-widget__link.is-tw(href="#")
li.social-widget__item
a.social-widget__link.is-gp(href="#")
li.social-widget__item
a.social-widget__link.is-in(href="#")
li.social-widget__item
a.social-widget__link.is-vk(href="#")
mixin sub-menu()
.sub-menu.bem&attributes(attributes)
ul.sub-menu__first-level
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Название раздела
.sub-menu__second-holder
ul.sub-menu__second-level
li.sub-menu__second-item
a.sub-menu__second-link(href="#") Подраздел номер один
li.sub-menu__second-item
a.sub-menu__second-link(href="#") Второй подраздел
li.sub-menu__second-item
a.sub-menu__second-link(href="#") Третий подраздел
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Второе название раздела
.sub-menu__second-holder
ul.sub-menu__second-level
li.sub-menu__second-item
a.sub-menu__second-link(href="#") Подраздел номер один
li.sub-menu__second-item
a.sub-menu__second-link(href="#") Второй подраздел
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Третий раздел
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Раздел четвертый
mixin sub-menu_about()
.sub-menu.bem&attributes(attributes)
ul.sub-menu__first-level
li.sub-menu__first-item
a.sub-menu__first-link(href="#") История компании
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Реквизиты
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Команда
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Фотогалерея
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Видеогалерея
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Новости
li.sub-menu__first-item.is-current
span.sub-menu__first-title Вакансии
.sub-menu__second-holder
ul.sub-menu__second-level
li.sub-menu__second-item
a.sub-menu__second-link(href="#") Производственный отдел
li.sub-menu__second-item
a.sub-menu__second-link(href="#") Отдел работы с клиентами
li.sub-menu__second-item
a.sub-menu__second-link(href="#") Отдел продаж
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Клиенты
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Сертификаты
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Партнеры
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Производство
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Награды
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Дилерам
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Оптовикам
mixin sub-menu_personal()
.sub-menu.bem&attributes(attributes)
ul.sub-menu__first-level
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Личные данные
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Мои заказы
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Корзина
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Мои подписки
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Избранное
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Просмотренные товары
li.sub-menu__first-item
a.sub-menu__first-link(href="#") Выход
mixin sub-menu-mobile()
.sub-menu-mobile.bem&attributes(attributes)
.sub-menu-mobile__title Также в этом разделе:
ul.sub-menu-mobile__list
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Производственный отдел
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Отдел работы с клиентами
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Отдел продаж
mixin sub-menu-mobile_about()
.sub-menu-mobile.bem&attributes(attributes)
.sub-menu-mobile__title Также в этом разделе:
ul.sub-menu-mobile__list
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") История компании
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Реквизиты
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Команды
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Фотогалерея
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Видеогалерея
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Новости
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Вакансии
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Клиенты
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Сертификаты
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Партнеры
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Производство
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Награды
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Дилерам
li.sub-menu-mobile__item
a.sub-menu-mobile__link(href="#") Оптовикам
mixin subscribe-form(hasTitle)
- if(hasTitle !== false) { hasTitle = true; }
.subscribe-form.bem&attributes(attributes)
if hasTitle
.subscribe-form__subtitle
a.subscribe-form__subtitle-link(href="#") Мои подписки
.subscribe-form__plate
form.js-ajax(name="" method="" action="#")
.subscribe-form__fields-list
.subscribe-form__field
.subscribe-form__item
.subscribe-form__inputs-several
ul.subscribe-form__list
li.subscribe-form__list-item
label
input(type='checkbox')
| Новости магазина
li.subscribe-form__list-item
label
input(type='checkbox')
| Скидки и акции
li.subscribe-form__list-item
label
input(type='checkbox')
| Сообщить о поступлении товара: <b>Стейк лосося 1кг</b>
.subscribe-form__field
.subscribe-form__item
.subscribe-form__inputs
input.button-primary(type="submit" name="" value="Сохранить изменения")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
mixin subscribe-edit()
.subscribe-form.bem&attributes(attributes)
.subscribe-form__plate
form.js-ajax(name="" method="" action="#")
.subscribe-form__fields-list
.subscribe-form__field
.subscribe-form__item
.subscribe-form__inputs.is-autowith
ul.nostyle
li
label
input(type='checkbox')
| Новости магазина
.subscribe-form__remark Переодичность рассылки не фиксированная, около 1 раза в месяц. Мы рассказываем о возможных изменениях в работе магазина, об открытии новых точек продаж <nobr>и т. п.</nobr>
li
label
input(type='checkbox')
| Скидки и акции
.subscribe-form__remark Экономьте на покупках. Узнавайте первым о новых акциях и скидках. Переодичность рассылки — не чаще 1 раза в неделю.
li
label
input(type='checkbox')
| Сообщить о поступлении товара: <b>Стейк Лосося 1кг</b>
.subscribe-form__field
.subscribe-form__item
.subscribe-form__inputs
input.button-primary(type="submit" name="" value="Сохранить изменения")
.success-message-modal
.success-message-modal__caption Спасибо!
.success-message-modal__text Ваши данные успешно отправлены.
mixin subscribe-widget()
.subscribe-widget.bem&attributes(attributes)
.subscribe-widget__description Подпишитесь на нашу рассылку, чтобы еще экономнее совершать покупки, получая свежую информацию об акциях, скидках и распродажах.
+subscribe-form(false)
mixin subscribe-widget-titled()
.subscribe-widget.bem&attributes(attributes)
.subscribe-widget__title Рассылка
+subscribe-widget
mixin tabs-block()
.tabs-block.bem&attributes(attributes)
ul.tabs-block__tab-changers
li.tabs-block__link-holder
a.tabs-block__link(href="#") Описание
li.tabs-block__link-holder
a.tabs-block__link(href="#") Характеристики
li.tabs-block__link-holder
a.tabs-block__link(href="#") Отзывы
li.tabs-block__link-holder
a.tabs-block__link(href="#") Похожие товары
.tabs-block__tabs
.tabs-block__tab.content-area
p Область применения: для внутренних работ. Идеально подходит для ремонтных работ в помещениях с низкими потолками и малогабаритных квартирах. Образует гладкое покрытие, устойчивое к мытью с применением мягких моющих средств. Благодаря отличной укрывистости скрывает мелкие дефекты поверхности. Легко наносится, не образуя потеков. Не имеет резкого запаха.
ul.nostyle
li
a.doc-link(href="#") <span>Инструкция к применению (pdf, 4,5 Мб)</span>
li
a.doc-link(href="#") <span>Гарантийные обязательства (doc, 1,1 Мб)</span>
li
a.doc-link(href="#") <span>Архив приницпальных схем jpg (zip, 8,0 Мб)</span>
li
a.doc-link(href="#") <span><nobr>Прайс-листы</nobr> (exl, 0,7 Мб)</span>
li
a.doc-link(href="#") <span>Презентация (ppt, 5,5 Мб)</span>
li
a.doc-link(href="#") <span>Прочие форматы документов (cdr, 5,5 Мб)</span>
.tabs-block__tab
.tabs-block__params.content-area
.h3 Основные характеристики
table.table.stripes
tbody
tr
td <b>Назначение</b>
td Для стен и потолков
td.is-hide-mobile Ссылка
tr
td <b>Вес:</b>
td 3,5 кг
td.is-hide-mobile <a href="#">Другие товары</a>
tr
td <b>Высота:</b>
td 16,2 см
td.is-hide-mobile <a href="#">Другие товары</a>
tr
td <b>Ширина:</b>
td 16,8 см
td.is-hide-mobile <a href="#">Другие товары</a>
tr
td <b>Глубина:</b>
td 15,8 см
td.is-hide-mobile
tr
td <b>Страна производитель:</b>
td Россия
td.is-hide-mobile
tr
td <b>Срок годности:</b>
td 48 месяцев
td.is-hide-mobile <a href="#">Другие товары</a>
.tabs-block__tab
.tabs-block__feedbacks
+catalog-reviews
.tabs-block__tab
.tabs-block__products
+catalog-items(3).is-3cols
mixin tabs-block_new()
.tabs-block.bem&attributes(attributes)
ul.tabs-block__tab-changers
li.tabs-block__link-holder
a.tabs-block__link(href="#") Описание
li.tabs-block__link-holder
a.tabs-block__link(href="#") Характеристики
li.tabs-block__link-holder
a.tabs-block__link(href="#") Отзывы
li.tabs-block__link-holder
a.tabs-block__link(href="#") Похожие товары
.tabs-block__tabs
.tabs-block__tab.content-area
p Область применения: для внутренних работ. Идеально подходит для ремонтных работ в помещениях с низкими потолками и малогабаритных квартирах. Образует гладкое покрытие, устойчивое к мытью с применением мягких моющих средств. Благодаря отличной укрывистости скрывает мелкие дефекты поверхности. Легко наносится, не образуя потеков. Не имеет резкого запаха.
ul.nostyle
li
a.doc-link(href="#") <span>Инструкция к применению (pdf, 4,5 Мб)</span>
li
a.doc-link(href="#") <span>Гарантийные обязательства (doc, 1,1 Мб)</span>
li
a.doc-link(href="#") <span>Архив приницпальных схем jpg (zip, 8,0 Мб)</span>
li
a.doc-link(href="#") <span><nobr>Прайс-листы</nobr> (exl, 0,7 Мб)</span>
li
a.doc-link(href="#") <span>Презентация (ppt, 5,5 Мб)</span>
li
a.doc-link(href="#") <span>Прочие форматы документов (cdr, 5,5 Мб)</span>
.tabs-block__tab
.tabs-block__params.content-area
.h3 Основные характеристики
table.table.stripes
tbody
tr
td <b>Назначение</b>
td Для стен и потолков
td Ссылка
tr
td <b>Вес:</b>
td 3,5 кг
td <a href="#">Другие товары</a>
tr
td <b>Высота:</b>
td 16,2 см
td <a href="#">Другие товары</a>
tr
td <b>Ширина:</b>
td 16,8 см
td <a href="#">Другие товары</a>
tr
td <b>Глубина:</b>
td 15,8 см
td
tr
td <b>Страна производитель:</b>
td Россия
td
tr
td <b>Срок годности:</b>
td 48 месяцев
td <a href="#">Другие товары</a>
.tabs-block__tab
.tabs-block__feedbacks
+catalog-reviews
.tabs-block__tab
.tabs-block__products
+catalog-items(3).is-3cols
mixin tabs-section()
.tabs-section.bem&attributes(attributes)
ul.tabs-section__tab-changers
li.tabs-section__link-holder
a.tabs-section__link(href="#") Вкладка 1
li.tabs-section__link-holder
a.tabs-section__link(href="#") Вкладка 1
li.tabs-section__link-holder
a.tabs-section__link(href="#") Вкладка 1
.tabs-section__tabs
.tabs-section__tab
.content-area
| TAB 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid corporis dignissimos dolor eius est explicabo in, ipsum laudantium maiores modi necessitatibus placeat qui, recusandae saepe totam vitae. Eum, voluptates?
+cert-list.tabs-section__photos
.tabs-section__tab
.content-area
| TAB 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid corporis dignissimos dolor eius est explicabo in, ipsum laudantium maiores modi necessitatibus placeat qui, recusandae saepe totam vitae. Eum, voluptates?
+cert-list.tabs-section__photos
.tabs-section__tab
.content-area
| TAB 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid corporis dignissimos dolor eius est explicabo in, ipsum laudantium maiores modi necessitatibus placeat qui, recusandae saepe totam vitae. Eum, voluptates?
+cert-list.tabs-section__photos
mixin tags-list()
.tags-list.bem
.tags-list__head
.tags-list__title Тэги
.tags-list__title-links
a.tags-list__news-link(href="#") Все новости
ul.tags-list__roll
li.tags-list__item
a.tags-list__link(href="#") Новости внутри компании
li.tags-list__item
a.tags-list__link(href="#") Успех компании
li.tags-list__item
a.tags-list__link(href="#") Корпоратив
li.tags-list__item
a.tags-list__link(href="#") Михаил Иванович
li.tags-list__item
a.tags-list__link(href="#") Спорт
li.tags-list__item
a.tags-list__link(href="#") День рождения компании
mixin team()
.team.js-team&attributes(attributes)
.team__items
.team__item
.team__photo
img(src='https://placeholdit.imgix.net/~text?txtsize=20&txt=%D0%A4%D0%BE%D1%82%D0%BE%20%D1%81%D0%BE%D1%82%D1%80%D1%83%D0%B4%D0%BD%D0%B8%D0%BA%D0%B0&w=190&h=300').team__photo-img
.team__name Иван Петров
.team__position Генеральный директор
.team__item
.team__photo
img(src='https://placeholdit.imgix.net/~text?txtsize=20&txt=%D0%A4%D0%BE%D1%82%D0%BE%20%D1%81%D0%BE%D1%82%D1%80%D1%83%D0%B4%D0%BD%D0%B8%D0%BA%D0%B0&w=190&h=300').team__photo-img
.team__name Евгений Сидоров
.team__position Заместитель генерального директора
.team__item
.team__photo
img(src='https://placeholdit.imgix.net/~text?txtsize=20&txt=%D0%A4%D0%BE%D1%82%D0%BE%20%D1%81%D0%BE%D1%82%D1%80%D1%83%D0%B4%D0%BD%D0%B8%D0%BA%D0%B0&w=190&h=300').team__photo-img
.team__name Анна Иванова
.team__position Директор по маркетингу
.team__item
.team__photo
img(src='https://placeholdit.imgix.net/~text?txtsize=20&txt=%D0%A4%D0%BE%D1%82%D0%BE%20%D1%81%D0%BE%D1%82%D1%80%D1%83%D0%B4%D0%BD%D0%B8%D0%BA%D0%B0&w=190&h=300').team__photo-img
.team__name Андрей Деревянко
.team__position Директор производства
.team__item
.team__photo
img(src='https://placeholdit.imgix.net/~text?txtsize=20&txt=%D0%A4%D0%BE%D1%82%D0%BE%20%D1%81%D0%BE%D1%82%D1%80%D1%83%D0%B4%D0%BD%D0%B8%D0%BA%D0%B0&w=190&h=300').team__photo-img
.team__name Александр Савельев
.team__position Мастер II разряда
.team__item
.team__photo
img(src='https://placeholdit.imgix.net/~text?txtsize=20&txt=%D0%A4%D0%BE%D1%82%D0%BE%20%D1%81%D0%BE%D1%82%D1%80%D1%83%D0%B4%D0%BD%D0%B8%D0%BA%D0%B0&w=190&h=300').team__photo-img
.team__name Евгений Сидоров
.team__position Заместитель генерального директора
.team__item
.team__photo
img(src='https://placeholdit.imgix.net/~text?txtsize=20&txt=%D0%A4%D0%BE%D1%82%D0%BE%20%D1%81%D0%BE%D1%82%D1%80%D1%83%D0%B4%D0%BD%D0%B8%D0%BA%D0%B0&w=190&h=300').team__photo-img
.team__name Ульяна Андреева
.team__position Директор по маркетингу
mixin timer-counter()
.timer-counter.bem&attributes(attributes)
mixin units-calc()
.units-calc.bem&attributes(attributes)
.units-calc__holder
.units-calc__price-section
.units-calc__price-label Цена
.units-calc__price-val
.units-calc__old-price(data-old-price="520.2") 520,2
.units-calc__current-price(data-current-price="261.6") 261,6 руб./кг
.units-calc__qtty-section
.units-calc__qtty-label Количество
.units-calc__qtty-val
.units-calc__qtty-item.is-active
.counter-input.bem
.counter-input__holder
input.counter-input__input(type='text' value='2' data-current-qtty data-sync-factor='40' data-convert-factor='40' step='2')
a.counter-input__up(href="#")
a.counter-input__down(href="#")
span.counter-input__unit(data-plural="мешок,мешка,мешков") мешок
span.counter-input__equivalent = <span class="counter-input__equivalent-val">40</span> <span class="counter-input__change-measure" data-plural="кг,кг,кг">кг</span>
.units-calc__qtty-item
.counter-input.bem
.counter-input__holder
input.counter-input__input(type='text' value='40' data-sync-factor='1' data-convert-factor='0.025')
a.counter-input__up(href="#")
a.counter-input__down(href="#")
span.counter-input__unit(data-plural="кг,кг,кг") кг
span.counter-input__equivalent = <span class="counter-input__equivalent-val">1</span> <span class="counter-input__change-measure" data-plural="мешок,мешка,мешков">мешок</span>
.units-calc__total-section
.units-calc__total-label Итого
.units-calc__total-val
.units-calc__total-wrap
.units-calc__old-total <span class="units-calc__old-total-val">20888</span>
.units-calc__current-total <span class="units-calc__current-total-val">10 464</span> руб.
a.units-calc__buy.button-primary(href="#") Купить
.units-calc__remark-section
.units-calc__remark-icon
.units-calc__remark-text
.units-calc__remark-caption В одном мешке — 40 кг
.units-calc__remark-content Этот товар продаётся только целым <nobr>кол-вом</nobr> мешков. Вес будет округлён до целого количества мешков в большую сторону.
mixin upload-input()
label.upload-input.bem
span.upload-input__text Загрузить документ
input.upload-input__input(type='file')
mixin vacancy-accordion()
.vacancy-accordion.bem&attributes(attributes)
ul.vacancy-accordion__items
li.vacancy-accordion__item
.vacancy-accordion__title
.vacancy-accordion__name(href="#") Начальник отдела продаж
.vacancy-accordion__price 140 000 руб.
.vacancy-accordion__detail
.vacancy-accordion__detail-content
.vacancy-accordion__detail-title Функциональные обязанности
.vacancy-accordion__detail-box.is-responsibilities.content-area
ul.vacancy-accordion__detail-list
li ведение бухгалтерского и налогового учета в полном объеме (ОСНО, УСН)
li работа с первичными документами; Клиент-Банк; начисление заработной платы в соответствии с ТК; командировочные расходы; ВЭД; отчетность в ИФНС и фонды
.vacancy-accordion__detail-title Требования
.vacancy-accordion__detail-box.is-requirements.content-area
ul.vacancy-accordion__detail-list
li обязателен опыт работы от 3 лет с аналогичными обязанностями;
li желателен опыт работы на всех участках бухучета в рамках вида деятельности компании (оптовая торговля промышленным оборудованием, услуги);
li ответственность;
li добросовестность;
li обучаемость.
.vacancy-accordion__detail-title Условия работы
.vacancy-accordion__detail-box.is-conditions.content-area
ul.vacancy-accordion__detail-list
li полный рабочий день;
li заработная плата – в соответствии с опытом и квалификацией кандидата;
li перспективы профессионального и карьерного роста;
li приветствуются стремления сотрудника к профессиональному росту;
li при необходимости компания обеспечивает обучение и профессиональную поддержку сотрудника;
li в штате два бухгалтера;
li доброжелательная атмосфера в коллективе;
li офисный центр – 7 мин пешком от м. Аннино.
.vacancy-accordion__detail-form
.vacancy-detail__sidebar
.vacancy-detail__plate
.vacancy-detail__form-title Заголовок формы обратной связи
+form-standart_feedback-small.is-condensed-feedback
li.vacancy-accordion__item
.vacancy-accordion__title
.vacancy-accordion__name(href="#") Бухгалтер
.vacancy-accordion__price 99 000 руб.
.vacancy-accordion__detail
.vacancy-accordion__detail-content
.vacancy-accordion__detail-title Функциональные обязанности
.vacancy-accordion__detail-box.is-responsibilities.content-area
ul.vacancy-accordion__detail-list
li ведение бухгалтерского и налогового учета в полном объеме (ОСНО, УСН)
li работа с первичными документами; Клиент-Банк; начисление заработной платы в соответствии с ТК; командировочные расходы; ВЭД; отчетность в ИФНС и фонды
.vacancy-accordion__detail-title Требования
.vacancy-accordion__detail-box.is-requirements.content-area
ul.vacancy-accordion__detail-list
li обязателен опыт работы от 3 лет с аналогичными обязанностями;
li желателен опыт работы на всех участках бухучета в рамках вида деятельности компании (оптовая торговля промышленным оборудованием, услуги);
li ответственность;
li добросовестность;
li обучаемость.
.vacancy-accordion__detail-title Условия работы
.vacancy-accordion__detail-box.is-conditions.content-area
ul.vacancy-accordion__detail-list
li полный рабочий день;
li заработная плата – в соответствии с опытом и квалификацией кандидата;
li перспективы профессионального и карьерного роста;
li приветствуются стремления сотрудника к профессиональному росту;
li при необходимости компания обеспечивает обучение и профессиональную поддержку сотрудника;
li в штате два бухгалтера;
li доброжелательная атмосфера в коллективе;
li офисный центр – 7 мин пешком от м. Аннино.
.vacancy-accordion__detail-form
.vacancy-detail__sidebar
.vacancy-detail__plate
.vacancy-detail__form-title Заголовок формы обратной связи
+form-standart_feedback-small.is-condensed-feedback
mixin vacancy-detail()
.vacancy-detail.bem&attributes(attributes)
//-.vacancy-detail__title Бухгалтер
.vacancy-detail__content.content-area
h2.h4 Функциональные обязанности:
ul
li ведение бухгалтерского и налогового учета в полном объеме (ОСНО, УСН);
li работа с первичными документами; Клиент-Банк; начисление заработной платы в соответствии с ТК; командировочные расходы; ВЭД; отчетность в ИФНС и фонды.
h2.h4 Требования:
ul
li обязателен опыт работы от 3 лет с аналогичными обязанностями;
li желателен опыт работы на всех участках бухучета в рамках вида деятельности компании (оптовая торговля промышленным оборудованием, услуги);
li ответственность;
li добросовестность;
li обучаемость.
h2.h4 Условия работы:
ul
li трудоустройство по ТК;
li полный рабочий день;
li заработная плата – в соответствии с опытом и квалификацией кандидата;
li перспективы профессионального и карьерного роста;
li приветствуются стремления сотрудника к профессиональному росту;
li при необходимости компания обеспечивает обучение и профессиональную поддержку сотрудника;
li в штате два бухгалтера;
li доброжелательная атмосфера в коллективе;
li офисный центр – 7 мин пешком от м. Аннино.
.vacancy-detail__sidebar
.vacancy-detail__plate
.vacancy-detail__form-title Заголовок формы обратной связи
+form-standart_feedback-small.is-condensed-feedback
.vacancy-detail__form-note Так же вы можете отправить резюме по адресу <a class="vacancy-detail__note-email" href="mailto:hr@example.ru">hr@example.ru</a>
mixin vacancy-list()
.vacancy-list.bem&attributes(attributes)
ul.vacancy-list__items
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Менеджер по продажам
.vacancy-list__price-col
span.vacancy-list__price 70 000 руб.
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Начальник отдела продаж
.vacancy-list__price-col
span.vacancy-list__price 140 000 руб.
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Бухгалтер
.vacancy-list__price-col
span.vacancy-list__price 80 000 руб.
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Программист
.vacancy-list__price-col
span.vacancy-list__price 110 000 руб.
mixin vacancy-list_chapters()
.vacancy-list.bem&attributes(attributes)
.vacancy-list__title Производственный отдел
ul.vacancy-list__items
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Менеджер по продажам
.vacancy-list__price-col
span.vacancy-list__price 70 000 руб.
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Начальник отдела продаж
.vacancy-list__price-col
span.vacancy-list__price 140 000 руб.
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Бухгалтер
.vacancy-list__price-col
span.vacancy-list__price 80 000 руб.
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Программист
.vacancy-list__price-col
span.vacancy-list__price 110 000 руб.
.vacancy-list__title Отдел работы клиентами
ul.vacancy-list__items
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Менеджер по продажам
.vacancy-list__price-col
span.vacancy-list__price 70 000 руб.
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Начальник отдела продаж
.vacancy-list__price-col
span.vacancy-list__price 140 000 руб.
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Бухгалтер
.vacancy-list__price-col
span.vacancy-list__price 80 000 руб.
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Программист
.vacancy-list__price-col
span.vacancy-list__price 110 000 руб.
.vacancy-list__title Отдел продаж
ul.vacancy-list__items
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Менеджер по продажам
.vacancy-list__price-col
span.vacancy-list__price 70 000 руб.
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Начальник отдела продаж
.vacancy-list__price-col
span.vacancy-list__price 140 000 руб.
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Бухгалтер
.vacancy-list__price-col
span.vacancy-list__price 80 000 руб.
li.vacancy-list__item
.vacancy-list__title-col
a.vacancy-list__title-link(href="#") Программист
.vacancy-list__price-col
span.vacancy-list__price 110 000 руб.
mixin video-tiles()
.video-tiles.bem&attributes(attributes)
.video-tiles__holder
each item in [1,2,3,4]
.video-tiles__item
.video-tiles__movie
.video-tiles__movie-wrap
img.video-tiles__poster(src="http://placehold.it/270x200?text=Постер" width="270")
.video-tiles__play
a.video-tiles__play-btn(href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1") Play
.video-tiles__time
span.video-tiles__time-number 1:45
.video-tiles__heading
a.video-tiles__name(href="#") Название видео
.video-tiles__author Автор: <a class="video-tiles__author-name" href="#">Видеомэн</a>
.video-tiles__view <span class="video-tiles__view-number">85 348</span> просмотров
.video-tiles__date <span class="video-tiles__date-number">45</span> дней назад
.video-tiles__item
.video-tiles__movie
.video-tiles__movie-wrap
img.video-tiles__poster(src="http://placehold.it/270x200?text=Постер" width="270")
.video-tiles__play
a.video-tiles__play-btn(href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1") Play
.video-tiles__time
span.video-tiles__time-number 1:45
.video-tiles__heading
a.video-tiles__name(href="#") Длинное название длинного видео
.video-tiles__author Автор: <a class="video-tiles__author-name" href="#">Видеомэн</a>
.video-tiles__view <span class="video-tiles__view-number">85 348</span> просмотров
.video-tiles__date <span class="video-tiles__date-number">45</span> дней назад
mixin video-tile()
.video-tiles.bem&attributes(attributes)
.video-tiles__holder
each item in [1]
.video-tiles__item
.video-tiles__movie
.video-tiles__movie-wrap
img.video-tiles__poster(src="http://placehold.it/270x200?text=Постер" width="270")
.video-tiles__play
a.video-tiles__play-btn(href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1") Play
.video-tiles__time
span.video-tiles__time-number 1:45
.video-tiles__heading
a.video-tiles__name(href="#") Название видео
.video-tiles__date <span class="video-tiles__date-number">45</span> дней назад
mixin vote-stars()
.vote-stars.bem&attributes(attributes)
.vote-stars__input
input(type="text")
//- .vote-stars__title Ваша оценка:
ul.vote-stars__items
li.vote-stars__item
li.vote-stars__item
li.vote-stars__item
li.vote-stars__item
li.vote-stars__item
mixin webinar-detail()
// Пока в работе, не вязать
.webinar-detail.bem
.webinar-detail__card
.webinar-detail__curator
.webinar-detail__thumb
img.webinar-detail__thumb-img(src="http://placehold.it/130x130?text=Фото", width="130")
.webinar-detail__name Имя Фамилия
.webinar-detail__info
.webinar-detail__head
.webinar-detail__head-left
.webinar-detail__category Категория
.webinar-detail__title Наименование вебинара
.webinar-detail__head-right
.webinar-detail__like В избранное
.webinar-detail__description-holder
.webinar-detail__subtitle Описание
.webinar-detail__description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.
.webinar-detail__order
.webinar-detail__price
span.webinar-detail__price-title Цена прохождения курса:
span.webinar-detail__price-number 15 000 руб.
.webinar-detail__join.button Принять участие
.webinar-detail__advantages
//- +advantages-grid
.webinar-detail__cite
.webinar-detail__cite-title Цитата
.webinar-detail__cite-text.content-area
p «Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.»
.webinar-detail__nums-slider
//- +nums-slider
.webinar-detail__gallery-plates
//- +gallery-plates
.webinar-detail__tutors-slider
//- +tutors-slider
.webinar-detail__learning-program
mixin webinar-item()
.webinar-item.bem
.webinar-item__date
span.webinar-item__day 07
span.webinar-item__month Февраль
span.webinar-item__year 2016
.webinar-item__info
.webinar-item__head
.webinar-item__heading Раздел каталога
.webinar-item__title Мегамозг. Развитие интеллекта и мышления
.webinar-item__preview
.webinar-item__description Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.
.webinar-item__order
.webinar-item__price 10 490 руб.
.webinar-item__registration.button Зарегистрироваться
.webinar-item__author
.webinar-item__avatar
img.webinar-item__avatar-img(src="http://placehold.it/130x130?text=Фото", width="130")
.webinar-item__name Максим Паташов
mixin webinars-list()
.webinars-list.bem&attributes(attributes)
ul.webinars-list__items
each val in [0,1,2,3]
li.webinars-list__item
.webinars-list__plate
.webinars-list__date-col
.webinars-list__date
span.webinars-list__day 07
span.webinars-list__month Февраль
span.webinars-list__year 2016
.webinars-list__info-col
.webinars-list__head
.webinars-list__heading
a.webinars-list__heading-link(href="#") Раздел каталога
.webinars-list__title
a.webinars-list__title-link(href="#") Мегамозг. Развитие интеллекта и мышления
.webinars-list__preview
.webinars-list__description Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.
.webinars-list__order
.webinars-list__price 10 490 руб.
.webinars-list__registration.button-primary Зарегистрироваться
.webinars-list__author-col
a.webinars-list__avatar(href="#")
img.webinars-list__avatar-img(src="http://placehold.it/130x130?text=Фото", width="130")
.webinars-list__name
a.webinars-list__name-link(href="#") Максим Паташов
mixin ymap()
.ymap.bem&attributes(attributes)
.ymap__map(data-center="55.754973,37.690534")
ul.ymap__points
li.ymap__point(data-coords="55.754973,37.090534" data-link="ajax/shop-detail.html")
.ymap__point-name
a.ymap__balloon-header-link(href="#") Название точки
.ymap__point-address Золоторожский Вал,<br/>д. 4, стр. 2
.ymap__point-phone <nobr>+7 495 229-56-53</nobr>
.ymap__point-hours Ежедневно с 10:00 до 22:00
.ymap__point-type Точка выдачи!
mixin ymap_many()
.ymap.bem&attributes(attributes)
.ymap__map(data-center="55.754973,37.690534")
ul.ymap__points
li.ymap__point(
data-coords="55.754973,37.090534"
data-link="ajax/shop-detail.html"
data-mark-template="small")
.ymap__point-name
a.ymap__balloon-header-link(href="#") Точка 1
.ymap__point-address Золоторожский Вал,<br/>д. 4, стр. 2
.ymap__point-phone <nobr>+7 495 229-56-53</nobr>
.ymap__point-hours Ежедневно с 10:00 до 22:00
.ymap__point-type Точка выдачи!
li.ymap__point(
data-coords="53.754973,37.690534"
data-link="ajax/shop-detail.html"
data-mark-template="green")
.ymap__point-name
a.ymap__balloon-header-link(href="#") Точка 2
.ymap__point-address Золоторожский Вал,<br/>д. 4, стр. 2
.ymap__point-phone <nobr>+7 495 229-56-53</nobr>
.ymap__point-hours Ежедневно с 10:00 до 22:00
.ymap__point-type Точка выдачи!
li.ymap__point(
data-coords="54.754973,38.00"
data-link="ajax/shop-detail.html"
data-mark-template="yellow")
.ymap__point-name
a.ymap__balloon-header-link(href="#") Точка 3
.ymap__point-address Золоторожский Вал,<br/>д. 4, стр. 2
.ymap__point-phone <nobr>+7 495 229-56-53</nobr>
.ymap__point-hours Ежедневно с 10:00 до 22:00
.ymap__point-type Точка выдачи!
li.ymap__point(
data-coords="56.754973,38.690534"
data-link="ajax/shop-detail.html"
data-mark-template="small")
.ymap__point-name
a.ymap__balloon-header-link(href="#") Точка 4
.ymap__point-address Золоторожский Вал,<br/>д. 4, стр. 2
.ymap__point-phone <nobr>+7 495 229-56-53</nobr>
.ymap__point-hours Ежедневно с 10:00 до 22:00
.ymap__point-type Точка выдачи!