d88 | HyaluMax сыворотка-активатор гиалуроновая для укрепления и роста волос 5 шт по 10 мл
Продукт: Шампунь гиалуроновый против выпадения волос 400 мл
277
Рекомендованные:
Продукт 1: Бальзам гиалуроновый против выпадения волос 400 мл
279
Продукт 2: Сыворотка-активатор гиалуроновая для укрепления и роста волос 5 шт по 10 мл
275
Этап выбран: 0
Продукт: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Бальзам гиалуроновый против выпадения волос 400 мл
279
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
Продукт: Бальзам гиалуроновый против выпадения волос 225 мл
278
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Этап выбран: 1
Продукт: Сыворотка-активатор гиалуроновая для укрепления и роста волос 5 шт по 10 мл
275
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Бальзам гиалуроновый против выпадения волос 400 мл
279
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
<![CDATA[
{%- extends 'layouts/base.html' -%}
{%- block content -%}
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> -->
<link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/>
<div class="swiper slider_prod_wrap">
<!-- If we need navigation buttons -->
<div class="scheme_slider-nav">
<div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div>
<div class="button-next button-nav tab-care">УХОД</div>
</div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide slide-one" data-hash="step1">
<div class="serapro_slider-pag">
<div class="swiper-pagination-one d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_one">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-next button-next-last"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage1">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d88.png" alt="Сыворотка-активатор гиалуроновая для укрепления и роста волос 5 шт по 10 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Сыворотка-активатор гиалуроновая для укрепления и роста волос 5 шт по 10 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="671" data-item-art="00046200883" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage2">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
</div>
</div>
<div class="swiper-slide slide_prod_two" data-hash="step2">
<div class="serapro_slider-pag">
<div class="swiper-pagination-two d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_two">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-prev button-prev-first"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage4">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d91.png" alt="Бальзам гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-text">Бальзам гиалуроновый против выпадения волос 225 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="667" data-item-art="00046200881" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage5">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— интенсивный</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d88.png" alt="Сыворотка-активатор гиалуроновая для укрепления и роста волос 5 шт по 10 мл"/>
</div>
<div class="swiper-slide-prod-text">Сыворотка-активатор гиалуроновая для укрепления и роста волос 5 шт по 10 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage6">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">3 этап <span>— основной</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-text"></div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 2,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
initialSlide: 0,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 1,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
Шампунь гиалуроновый против выпадения волос 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Бальзам гиалуроновый против выпадения волос 225 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Сыворотка-активатор гиалуроновая для укрепления и роста волос 5 шт по 10 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d86 | LIBREDERM HyaluMax Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
Продукт: Шампунь гиалуроновый против выпадения волос 400 мл
277
Рекомендованные:
Продукт 1: Бальзам гиалуроновый против выпадения волос 400 мл
279
Продукт 2: Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
273
Этап выбран: 0
Продукт: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Бальзам гиалуроновый против выпадения волос 400 мл
279
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
Продукт: Бальзам гиалуроновый против выпадения волос 400 мл
279
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Этап выбран: 1
Продукт: Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
273
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Бальзам гиалуроновый против выпадения волос 400 мл
279
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
<![CDATA[
{%- extends 'layouts/base.html' -%}
{%- block content -%}
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> -->
<link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/>
<div class="swiper slider_prod_wrap">
<!-- If we need navigation buttons -->
<div class="scheme_slider-nav">
<div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div>
<div class="button-next button-nav tab-care">УХОД</div>
</div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide slide-one" data-hash="step1">
<div class="serapro_slider-pag">
<div class="swiper-pagination-one d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_one">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-next button-next-last"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage1">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d86.png" alt="Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="670" data-item-art="00046200882" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage2">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
</div>
</div>
<div class="swiper-slide slide_prod_two" data-hash="step2">
<div class="serapro_slider-pag">
<div class="swiper-pagination-two d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_two">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-prev button-prev-first"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage4">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="667" data-item-art="00046200881" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage5">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— интенсивный</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d86.png" alt="Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл"/>
</div>
<div class="swiper-slide-prod-text">Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage6">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">3 этап <span>— основной</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-text"></div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 2,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
initialSlide: 0,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 1,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
Шампунь гиалуроновый против выпадения волос 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Бальзам гиалуроновый против выпадения волос 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d92 | LIBREDERM HyaluMax бальзам для волос 400 мл
Продукт: Шампунь гиалуроновый против выпадения волос 400 мл
277
Рекомендованные:
Продукт 1: Бальзам гиалуроновый против выпадения волос 400 мл
279
Продукт 2: Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
273
Этап выбран: 0
Продукт: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Бальзам гиалуроновый против выпадения волос 400 мл
279
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 1
Продукт: Бальзам гиалуроновый против выпадения волос 400 мл
279
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Этап выбран: 0
Продукт: Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
273
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Бальзам гиалуроновый против выпадения волос 400 мл
279
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
<![CDATA[
{%- extends 'layouts/base.html' -%}
{%- block content -%}
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> -->
<link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/>
<div class="swiper slider_prod_wrap">
<!-- If we need navigation buttons -->
<div class="scheme_slider-nav">
<div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div>
<div class="button-next button-nav tab-care">УХОД</div>
</div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide slide-one" data-hash="step1">
<div class="serapro_slider-pag">
<div class="swiper-pagination-one d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_one">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-next button-next-last"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage1">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d86.png" alt="Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="670" data-item-art="00046200882" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage2">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
</div>
</div>
<div class="swiper-slide slide_prod_two" data-hash="step2">
<div class="serapro_slider-pag">
<div class="swiper-pagination-two d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_two">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-prev button-prev-first"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage4">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="667" data-item-art="00046200881" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage5">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— интенсивный</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d86.png" alt="Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл"/>
</div>
<div class="swiper-slide-prod-text">Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage6">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">3 этап <span>— основной</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-text"></div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 2,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 0,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
Шампунь гиалуроновый против выпадения волос 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Бальзам гиалуроновый против выпадения волос 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d91 | LIBREDERM HyaluMax бальзам для волос 225 мл
Продукт: Шампунь гиалуроновый против выпадения волос 225 мл
276
Рекомендованные:
Продукт 1: Бальзам гиалуроновый против выпадения волос 225 мл
278
Продукт 2: Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
273
Этап выбран: 0
Продукт: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 225 мл
276
Продукт 2: Бальзам гиалуроновый против выпадения волос 225 мл
278
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 1
Продукт: Бальзам гиалуроновый против выпадения волос 225 мл
278
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 225 мл
276
Продукт 2: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Этап выбран: 0
Продукт: Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
273
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 225 мл
276
Продукт 2: Бальзам гиалуроновый против выпадения волос 225 мл
278
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
<![CDATA[
{%- extends 'layouts/base.html' -%}
{%- block content -%}
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> -->
<link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/>
<div class="swiper slider_prod_wrap">
<!-- If we need navigation buttons -->
<div class="scheme_slider-nav">
<div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div>
<div class="button-next button-nav tab-care">УХОД</div>
</div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide slide-one" data-hash="step1">
<div class="serapro_slider-pag">
<div class="swiper-pagination-one d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_one">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-next button-next-last"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage1">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d89.png" alt="Шампунь гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-text">Шампунь гиалуроновый против выпадения волос 225 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d91.png" alt="Бальзам гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 225 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="685" data-item-art="00046202275" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d86.png" alt="Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="670" data-item-art="00046200882" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage2">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d89.png" alt="Шампунь гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 225 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="668" data-item-art="00046200880" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d91.png" alt="Бальзам гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 225 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="685" data-item-art="00046202275" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
</div>
</div>
<div class="swiper-slide slide_prod_two" data-hash="step2">
<div class="serapro_slider-pag">
<div class="swiper-pagination-two d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_two">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-prev button-prev-first"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage4">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d91.png" alt="Бальзам гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-text">Бальзам гиалуроновый против выпадения волос 225 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d89.png" alt="Шампунь гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 225 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="668" data-item-art="00046200880" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="667" data-item-art="00046200881" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage5">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— интенсивный</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d86.png" alt="Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл"/>
</div>
<div class="swiper-slide-prod-text">Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d89.png" alt="Шампунь гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 225 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="668" data-item-art="00046200880" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d91.png" alt="Бальзам гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 225 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="685" data-item-art="00046202275" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage6">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">3 этап <span>— основной</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-text"></div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 2,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 0,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
Шампунь гиалуроновый против выпадения волос 225 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Бальзам гиалуроновый против выпадения волос 225 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d90 | LIBREDERM HyaluMax Шампунь гиалуроновый против выпадения волос 400 мл
Продукт: Шампунь гиалуроновый против выпадения волос 400 мл
277
Рекомендованные:
Продукт 1: Бальзам гиалуроновый против выпадения волос 400 мл
279
Продукт 2: Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
273
Этап выбран: 1
Продукт: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Бальзам гиалуроновый против выпадения волос 400 мл
279
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
Продукт: Бальзам гиалуроновый против выпадения волос 400 мл
279
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Этап выбран: 0
Продукт: Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
273
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Бальзам гиалуроновый против выпадения волос 400 мл
279
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
<![CDATA[
{%- extends 'layouts/base.html' -%}
{%- block content -%}
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> -->
<link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/>
<div class="swiper slider_prod_wrap">
<!-- If we need navigation buttons -->
<div class="scheme_slider-nav">
<div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div>
<div class="button-next button-nav tab-care">УХОД</div>
</div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide slide-one" data-hash="step1">
<div class="serapro_slider-pag">
<div class="swiper-pagination-one d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_one">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-next button-next-last"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage1">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d86.png" alt="Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="670" data-item-art="00046200882" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage2">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
</div>
</div>
<div class="swiper-slide slide_prod_two" data-hash="step2">
<div class="serapro_slider-pag">
<div class="swiper-pagination-two d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_two">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-prev button-prev-first"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage4">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="667" data-item-art="00046200881" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage5">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— интенсивный</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d86.png" alt="Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл"/>
</div>
<div class="swiper-slide-prod-text">Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage6">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">3 этап <span>— основной</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-text"></div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 0,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 0,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
Шампунь гиалуроновый против выпадения волос 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Бальзам гиалуроновый против выпадения волос 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d89 | LIBREDERM HyaluMax Шампунь гиалуроновый против выпадения волос 225 мл
Продукт: Шампунь гиалуроновый против выпадения волос 225 мл
276
Рекомендованные:
Продукт 1: Бальзам гиалуроновый против выпадения волос 400 мл
279
Продукт 2: Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
273
Этап выбран: 1
Продукт: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 225 мл
276
Продукт 2: Бальзам гиалуроновый против выпадения волос 400 мл
279
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
Продукт: Бальзам гиалуроновый против выпадения волос 400 мл
279
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 225 мл
276
Продукт 2: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Этап выбран: 0
Продукт: Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
273
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 225 мл
276
Продукт 2: Бальзам гиалуроновый против выпадения волос 225 мл
278
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
<![CDATA[
{%- extends 'layouts/base.html' -%}
{%- block content -%}
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> -->
<link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/>
<div class="swiper slider_prod_wrap">
<!-- If we need navigation buttons -->
<div class="scheme_slider-nav">
<div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div>
<div class="button-next button-nav tab-care">УХОД</div>
</div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide slide-one" data-hash="step1">
<div class="serapro_slider-pag">
<div class="swiper-pagination-one d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_one">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-next button-next-last"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage1">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d89.png" alt="Шампунь гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-text">Шампунь гиалуроновый против выпадения волос 225 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d86.png" alt="Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="670" data-item-art="00046200882" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage2">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d89.png" alt="Шампунь гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 225 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="668" data-item-art="00046200880" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
</div>
</div>
<div class="swiper-slide slide_prod_two" data-hash="step2">
<div class="serapro_slider-pag">
<div class="swiper-pagination-two d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_two">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-prev button-prev-first"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage4">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d89.png" alt="Шампунь гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 225 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="668" data-item-art="00046200880" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="667" data-item-art="00046200881" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage5">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— интенсивный</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d86.png" alt="Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл"/>
</div>
<div class="swiper-slide-prod-text">Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d89.png" alt="Шампунь гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 225 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="668" data-item-art="00046200880" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d91.png" alt="Бальзам гиалуроновый против выпадения волос 225 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 225 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="685" data-item-art="00046202275" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage6">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">3 этап <span>— основной</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-text"></div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 0,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 0,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
Шампунь гиалуроновый против выпадения волос 225 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Бальзам гиалуроновый против выпадения волос 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d87 | LIBREDERM HyaluMax Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
Продукт: Шампунь гиалуроновый против выпадения волос 400 мл
277
Рекомендованные:
Продукт 1: Бальзам гиалуроновый против выпадения волос 400 мл
279
Продукт 2: Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
273
Этап выбран: 0
Продукт: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Бальзам гиалуроновый против выпадения волос 400 мл
279
Этап выбран: 1
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
Продукт: Бальзам гиалуроновый против выпадения волос 400 мл
279
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
274
Этап выбран: 0
Продукт: Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
273
Рекомендованные:
Продукт 1: Шампунь гиалуроновый против выпадения волос 400 мл
277
Продукт 2: Бальзам гиалуроновый против выпадения волос 400 мл
279
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
<![CDATA[
{%- extends 'layouts/base.html' -%}
{%- block content -%}
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> -->
<link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/>
<div class="swiper slider_prod_wrap">
<!-- If we need navigation buttons -->
<div class="scheme_slider-nav">
<div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div>
<div class="button-next button-nav tab-care">УХОД</div>
</div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide slide-one" data-hash="step1">
<div class="serapro_slider-pag">
<div class="swiper-pagination-one d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_one">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-next button-next-last"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage1">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d86.png" alt="Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="670" data-item-art="00046200882" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage2">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
</div>
</div>
<div class="swiper-slide slide_prod_two" data-hash="step2">
<div class="serapro_slider-pag">
<div class="swiper-pagination-two d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_two">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-prev button-prev-first"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage4">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d87.png" alt="Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="667" data-item-art="00046200881" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage5">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— интенсивный</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d86.png" alt="Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл"/>
</div>
<div class="swiper-slide-prod-text">Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d90.png" alt="Шампунь гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Шампунь гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="669" data-item-art="00046200879" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d92.png" alt="Бальзам гиалуроновый против выпадения волос 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Бальзам гиалуроновый против выпадения волос 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="686" data-item-art="00046202276" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage6">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">3 этап <span>— основной</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-text"></div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-related-text"></div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="" data-item-art="" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 1,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 0,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
Шампунь гиалуроновый против выпадения волос 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Пилинг гиалуроновый для глубокого очищения кожи головы 125 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Бальзам гиалуроновый против выпадения волос 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Лосьон-спрей гиалуроновый для восстановления волос по всей длине 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d45 | ROSACELLIN ночной нормализующий крем-актив, 50 мл
Продукт: SENSE мицеллярная вода для нормальной и чувствительной кожи 200 мл
308
Рекомендованные:
Продукт 1: Нежная пенка для умывания 160 мл
402
Продукт 2: Дневной успокаивающий крем SPF30, 50 мл
404
Этап выбран: 0
Продукт: Нежная пенка для умывания 160 мл
402
Рекомендованные:
Продукт 1: Успокаивающий тоник-гель 100 мл
403
Продукт 2: Дневной успокаивающий крем SPF30, 50 мл
404
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
Продукт: Успокаивающий тоник-гель 100 мл
403
Рекомендованные:
Продукт 1: Нежная пенка для умывания 160 мл
402
Продукт 2: Сыворотка интенсивного действия, 50 мл
406
Этап выбран: 0
Продукт: Сыворотка интенсивного действия, 50 мл
406
Рекомендованные:
Продукт 1: Успокаивающий тоник-гель 100 мл
403
Продукт 2: Дневной успокаивающий крем SPF30, 50 мл
404
Этап выбран: 1
Продукт: Ночной нормализующий крем-актив 50 мл
405
Рекомендованные:
Продукт 1: Нежная пенка для умывания 160 мл
402
НЕТ
Этап выбран: 0
<![CDATA[
{%- extends 'layouts/base.html' -%}
{%- block content -%}
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> -->
<link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/>
<div class="swiper slider_prod_wrap">
<!-- If we need navigation buttons -->
<div class="scheme_slider-nav">
<div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div>
<div class="button-next button-nav tab-care">УХОД</div>
</div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide slide-one" data-hash="step1">
<div class="serapro_slider-pag">
<div class="swiper-pagination-one d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_one">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-next button-next-last"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage1">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/l1.png" alt="SENSE мицеллярная вода для нормальной и чувствительной кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">SENSE мицеллярная вода для нормальной и чувствительной кожи 200 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d41.png" alt="Нежная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Нежная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="503" data-item-art="00046185484" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d44.png" alt="Дневной успокаивающий крем SPF30, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Дневной успокаивающий крем SPF30, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="492" data-item-art="00046185483" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage2">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d41.png" alt="Нежная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-text">Нежная пенка для умывания 160 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d42.png" alt="Успокаивающий тоник-гель 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий тоник-гель 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="512" data-item-art="00046188128" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d44.png" alt="Дневной успокаивающий крем SPF30, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Дневной успокаивающий крем SPF30, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="492" data-item-art="00046185483" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
</div>
</div>
<div class="swiper-slide slide_prod_two" data-hash="step2">
<div class="serapro_slider-pag">
<div class="swiper-pagination-two d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_two">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-prev button-prev-first"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage4">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d42.png" alt="Успокаивающий тоник-гель 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Успокаивающий тоник-гель 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d41.png" alt="Нежная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Нежная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="503" data-item-art="00046185484" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d43.png" alt="Сыворотка интенсивного действия, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Сыворотка интенсивного действия, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="690" data-item-art="00046202400" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage5">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— интенсивный</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d43.png" alt="Сыворотка интенсивного действия, 50 мл"/>
</div>
<div class="swiper-slide-prod-text">Сыворотка интенсивного действия, 50 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d42.png" alt="Успокаивающий тоник-гель 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий тоник-гель 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="512" data-item-art="00046188128" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d44.png" alt="Дневной успокаивающий крем SPF30, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Дневной успокаивающий крем SPF30, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="492" data-item-art="00046185483" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage6">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">3 этап <span>— основной</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d45.png" alt="Ночной нормализующий крем-актив 50 мл"/>
</div>
<div class="swiper-slide-prod-text">Ночной нормализующий крем-актив 50 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d41.png" alt="Нежная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Нежная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="503" data-item-art="00046185484" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d44.png" alt="Дневной успокаивающий крем SPF30, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Дневной успокаивающий крем SPF30, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="492" data-item-art="00046185483" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 2,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
initialSlide: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 1,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
SENSE мицеллярная вода для нормальной и чувствительной кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Нежная пенка для умывания 160 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Успокаивающий тоник-гель 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Сыворотка интенсивного действия, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Ночной нормализующий крем-актив 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d44 | ROSACELLIN дневной успокаивающий крем SPF30, 50 м
Продукт: SENSE мицеллярная вода для нормальной и чувствительной кожи 200 мл
308
Рекомендованные:
Продукт 1: Нежная пенка для умывания 160 мл
402
Продукт 2: Дневной успокаивающий крем SPF30, 50 мл
404
Этап выбран: 0
Продукт: Нежная пенка для умывания 160 мл
402
Рекомендованные:
Продукт 1: Успокаивающий тоник-гель 100 мл
403
Продукт 2: Дневной успокаивающий крем SPF30, 50 мл
404
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
Продукт: Успокаивающий тоник-гель 100 мл
403
Рекомендованные:
Продукт 1: Нежная пенка для умывания 160 мл
402
Продукт 2: Сыворотка интенсивного действия, 50 мл
406
Этап выбран: 0
Продукт: Сыворотка интенсивного действия, 50 мл
406
Рекомендованные:
Продукт 1: Успокаивающий тоник-гель 100 мл
403
Продукт 2: Дневной успокаивающий крем SPF30, 50 мл
404
Этап выбран: 1
Продукт: Дневной успокаивающий крем SPF30, 50 мл
404
Рекомендованные:
Продукт 1: Нежная пенка для умывания 160 мл
402
НЕТ
Этап выбран: 0
<![CDATA[
{%- extends 'layouts/base.html' -%}
{%- block content -%}
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> -->
<link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/>
<div class="swiper slider_prod_wrap">
<!-- If we need navigation buttons -->
<div class="scheme_slider-nav">
<div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div>
<div class="button-next button-nav tab-care">УХОД</div>
</div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide slide-one" data-hash="step1">
<div class="serapro_slider-pag">
<div class="swiper-pagination-one d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_one">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-next button-next-last"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage1">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/l1.png" alt="SENSE мицеллярная вода для нормальной и чувствительной кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">SENSE мицеллярная вода для нормальной и чувствительной кожи 200 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d41.png" alt="Нежная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Нежная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="503" data-item-art="00046185484" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d44.png" alt="Дневной успокаивающий крем SPF30, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Дневной успокаивающий крем SPF30, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="492" data-item-art="00046185483" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage2">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d41.png" alt="Нежная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-text">Нежная пенка для умывания 160 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d42.png" alt="Успокаивающий тоник-гель 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий тоник-гель 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="512" data-item-art="00046188128" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d44.png" alt="Дневной успокаивающий крем SPF30, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Дневной успокаивающий крем SPF30, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="492" data-item-art="00046185483" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
</div>
</div>
<div class="swiper-slide slide_prod_two" data-hash="step2">
<div class="serapro_slider-pag">
<div class="swiper-pagination-two d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_two">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-prev button-prev-first"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage4">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d42.png" alt="Успокаивающий тоник-гель 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Успокаивающий тоник-гель 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d41.png" alt="Нежная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Нежная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="503" data-item-art="00046185484" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d43.png" alt="Сыворотка интенсивного действия, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Сыворотка интенсивного действия, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="690" data-item-art="00046202400" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage5">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— интенсивный</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d43.png" alt="Сыворотка интенсивного действия, 50 мл"/>
</div>
<div class="swiper-slide-prod-text">Сыворотка интенсивного действия, 50 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d42.png" alt="Успокаивающий тоник-гель 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий тоник-гель 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="512" data-item-art="00046188128" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d44.png" alt="Дневной успокаивающий крем SPF30, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Дневной успокаивающий крем SPF30, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="492" data-item-art="00046185483" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage6">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">3 этап <span>— основной</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d44.png" alt="Дневной успокаивающий крем SPF30, 50 мл"/>
</div>
<div class="swiper-slide-prod-text">Дневной успокаивающий крем SPF30, 50 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d41.png" alt="Нежная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Нежная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="503" data-item-art="00046185484" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d45.png" alt="Ночной нормализующий крем-актив 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Ночной нормализующий крем-актив 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="504" data-item-art="00046185482" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 2,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
initialSlide: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 1,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
SENSE мицеллярная вода для нормальной и чувствительной кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Нежная пенка для умывания 160 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Успокаивающий тоник-гель 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Сыворотка интенсивного действия, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Дневной успокаивающий крем SPF30, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d43 | ROSACELLIN сыворотка интенсивного действия, 50 мл
Продукт: SENSE мицеллярная вода для нормальной и чувствительной кожи 200 мл
308
Рекомендованные:
Продукт 1: Нежная пенка для умывания 160 мл
402
Продукт 2: Дневной успокаивающий крем SPF30, 50 мл
404
Этап выбран: 0
Продукт: Нежная пенка для умывания 160 мл
402
Рекомендованные:
Продукт 1: Успокаивающий тоник-гель 100 мл
403
Продукт 2: Дневной успокаивающий крем SPF30, 50 мл
404
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
Продукт: Успокаивающий тоник-гель 100 мл
403
Рекомендованные:
Продукт 1: Нежная пенка для умывания 160 мл
402
Продукт 2: Сыворотка интенсивного действия, 50 мл
406
Этап выбран: 1
Продукт: Сыворотка интенсивного действия, 50 мл
406
Рекомендованные:
Продукт 1: Успокаивающий тоник-гель 100 мл
403
Продукт 2: Дневной успокаивающий крем SPF30, 50 мл
404
Этап выбран: 0
Продукт: Дневной успокаивающий крем SPF30, 50 мл
404
Рекомендованные:
Продукт 1: Нежная пенка для умывания 160 мл
402
НЕТ
Этап выбран: 0
<![CDATA[
{%- extends 'layouts/base.html' -%}
{%- block content -%}
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<!--<link rel="stylesheet" href="https://librederm.ru/media/upload/cssd17.css"/> -->
<link rel="stylesheet" href="https://librederm.ru/media/upload/css_cerafavit.css"/>
<div class="swiper slider_prod_wrap">
<!-- If we need navigation buttons -->
<div class="scheme_slider-nav">
<div class="button-prev button-nav tab-cleansing">ОЧИЩЕНИЕ</div>
<div class="button-next button-nav tab-care">УХОД</div>
</div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide slide-one" data-hash="step1">
<div class="serapro_slider-pag">
<div class="swiper-pagination-one d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_one">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-next button-next-last"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage1">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— ДЕМАКИЯЖ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/l1.png" alt="SENSE мицеллярная вода для нормальной и чувствительной кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">SENSE мицеллярная вода для нормальной и чувствительной кожи 200 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d41.png" alt="Нежная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Нежная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="503" data-item-art="00046185484" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d44.png" alt="Дневной успокаивающий крем SPF30, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Дневной успокаивающий крем SPF30, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="492" data-item-art="00046185483" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage2">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— УМЫВАНИЕ</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d41.png" alt="Нежная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-text">Нежная пенка для умывания 160 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d42.png" alt="Успокаивающий тоник-гель 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий тоник-гель 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="512" data-item-art="00046188128" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d44.png" alt="Дневной успокаивающий крем SPF30, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Дневной успокаивающий крем SPF30, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="492" data-item-art="00046185483" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
</div>
</div>
<div class="swiper-slide slide_prod_two" data-hash="step2">
<div class="serapro_slider-pag">
<div class="swiper-pagination-two d-flex d-sm-none"></div>
</div>
<div class="swiper slider_prod_two">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="button-prev button-prev-first"></div>
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" data-hash="stage4">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">1 этап <span>— тонизирующий</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d42.png" alt="Успокаивающий тоник-гель 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Успокаивающий тоник-гель 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d41.png" alt="Нежная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Нежная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="503" data-item-art="00046185484" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d43.png" alt="Сыворотка интенсивного действия, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Сыворотка интенсивного действия, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="690" data-item-art="00046202400" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage5">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">2 этап <span>— интенсивный</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d43.png" alt="Сыворотка интенсивного действия, 50 мл"/>
</div>
<div class="swiper-slide-prod-text">Сыворотка интенсивного действия, 50 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d42.png" alt="Успокаивающий тоник-гель 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий тоник-гель 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="512" data-item-art="00046188128" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d44.png" alt="Дневной успокаивающий крем SPF30, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Дневной успокаивающий крем SPF30, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="492" data-item-art="00046185483" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage6">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">3 этап <span>— основной</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/d44.png" alt="Дневной успокаивающий крем SPF30, 50 мл"/>
</div>
<div class="swiper-slide-prod-text">Дневной успокаивающий крем SPF30, 50 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d41.png" alt="Нежная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Нежная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="503" data-item-art="00046185484" data-item-qty="1">В КОРЗИНУ</div>
</div>
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d45.png" alt="Ночной нормализующий крем-актив 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Ночной нормализующий крем-актив 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="504" data-item-art="00046185482" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 2,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
initialSlide: 0,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 1,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
SENSE мицеллярная вода для нормальной и чувствительной кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Нежная пенка для умывания 160 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Успокаивающий тоник-гель 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Сыворотка интенсивного действия, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Дневной успокаивающий крем SPF30, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
