d21 | Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 400 мл
Продукт: Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 400мл
762
Рекомендованные:
Продукт 1: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Продукт 2: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Этап выбран: 1
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
Продукт: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Рекомендованные:
Продукт 1: Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 400мл
762
Продукт 2: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
Продукт: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Рекомендованные:
Продукт 1: Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл
761
НЕТ
Этап выбран: 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/d21.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/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" 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/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="508" data-item-art="00046186634" 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/.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 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/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/>
</div>
<div class="swiper-slide-prod-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 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/d21.png" alt="Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 400мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 400мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="695" data-item-art="00046202273" 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/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="508" data-item-art="00046186634" 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/.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 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/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/>
</div>
<div class="swiper-slide-prod-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 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/d20.png" alt="Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="694" data-item-art="00046202274" 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/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" 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 этап — УМЫВАНИЕ
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d20 | Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл
Продукт: Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл
761
Рекомендованные:
Продукт 1: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Продукт 2: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Этап выбран: 1
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
Продукт: Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
222
Рекомендованные:
Продукт 1: Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл
761
Продукт 2: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Этап выбран: 0
НЕТ
Рекомендованные:
НЕТНЕТ
Этап выбран: 0
Продукт: Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
223
Рекомендованные:
Продукт 1: Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл
761
НЕТ
Этап выбран: 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/d20.png" alt="Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл"/>
</div>
<div class="swiper-slide-prod-text">Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 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/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" 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/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="508" data-item-art="00046186634" 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/.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 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/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/>
</div>
<div class="swiper-slide-prod-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 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/d20.png" alt="Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="694" data-item-art="00046202274" 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/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="508" data-item-art="00046186634" 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/.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 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/d31.png" alt="Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл"/>
</div>
<div class="swiper-slide-prod-text">Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 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/d20.png" alt="Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="694" data-item-art="00046202274" 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/d26.png" alt="Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="620" data-item-art="00046193800" 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 этап — ДЕМАКИЯЖ
Успокаивающий гель для душа с защитными свойствами для чувствительной кожи 200мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Успокаивающий тоник-софтнер с церамидами и пребиотиком 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Крем липидовосстанавливающий с церамидами и пребиотиком для лица и тела 0+ 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d66 | SERUM PRO hyalur Zn Сыворотка ультра-концентрированная для кожи с несовершенствами, 40 мл
Продукт: SEBO мицеллярная вода для жирной и комбинированной кожи 200 мл
314
Рекомендованные:
Продукт 1: SEBO гель для умывания для жирной и комбинированной кожи 200 мл
316
Продукт 2: Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл
282
Этап выбран: 0
Продукт: SEBO гель для умывания для жирной и комбинированной кожи 200 мл
316
Рекомендованные:
Продукт 1: Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл
282
Продукт 2: Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл
415
Этап выбран: 0
Продукт: SEBO мицеллярный тоник для жирной и комбинированной кожи 200 мл
317
Рекомендованные:
Продукт 1: SEBO гель для умывания для жирной и комбинированной кожи 200 мл
316
Продукт 2: Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл
415
Этап выбран: 0
Продукт: Гиалуроновый тоник матирующий SEBO для жирной кожи 200 мл
260
Рекомендованные:
Продукт 1: Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл
282
Продукт 2: Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл
415
Этап выбран: 0
Продукт: Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл
282
Рекомендованные:
Продукт 1: Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл
415
Продукт 2: SEBO гель для умывания для жирной и комбинированной кожи 200 мл
316
Этап выбран: 1
Продукт: Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл
415
Рекомендованные:
Продукт 1: Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл
282
Продукт 2: SEBO гель для умывания для жирной и комбинированной кожи 200 мл
316
Этап выбран: 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/l7.png" alt="SEBO мицеллярная вода для жирной и комбинированной кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">SEBO мицеллярная вода для жирной и комбинированной кожи 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/l9.png" alt="SEBO гель для умывания для жирной и комбинированной кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">SEBO гель для умывания для жирной и комбинированной кожи 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="583" data-item-art="00046192658" 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/d66.png" alt="Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="603" data-item-art="00046193528" 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/l9.png" alt="SEBO гель для умывания для жирной и комбинированной кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">SEBO гель для умывания для жирной и комбинированной кожи 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/d66.png" alt="Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="603" data-item-art="00046193528" 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/l19.png" alt="Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="518" data-item-art="00046191813" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage3">
<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/l10.png" alt="SEBO мицеллярный тоник для жирной и комбинированной кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">SEBO мицеллярный тоник для жирной и комбинированной кожи 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/l9.png" alt="SEBO гель для умывания для жирной и комбинированной кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">SEBO гель для умывания для жирной и комбинированной кожи 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="583" data-item-art="00046192658" 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/l19.png" alt="Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="518" data-item-art="00046191813" 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/l18.png" alt="Гиалуроновый тоник матирующий SEBO для жирной кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">Гиалуроновый тоник матирующий SEBO для жирной кожи 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/d66.png" alt="Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="603" data-item-art="00046193528" 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/l19.png" alt="Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="518" data-item-art="00046191813" 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/d66.png" alt="Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл"/>
</div>
<div class="swiper-slide-prod-text">Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл</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/l19.png" alt="Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="518" data-item-art="00046191813" 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/l9.png" alt="SEBO гель для умывания для жирной и комбинированной кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">SEBO гель для умывания для жирной и комбинированной кожи 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="583" data-item-art="00046192658" 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/l19.png" alt="Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл"/>
</div>
<div class="swiper-slide-prod-text">Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 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/d66.png" alt="Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="603" data-item-art="00046193528" 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/l9.png" alt="SEBO гель для умывания для жирной и комбинированной кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">SEBO гель для умывания для жирной и комбинированной кожи 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="583" data-item-art="00046192658" 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 этап — ДЕМАКИЯЖ
SEBO мицеллярная вода для жирной и комбинированной кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
SEBO гель для умывания для жирной и комбинированной кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
SEBO мицеллярный тоник для жирной и комбинированной кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Гиалуроновый тоник матирующий SEBO для жирной кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Cыворотка ультраконцентрированная для кожи с несовершенствами Hyalur Zn 40 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Гиалуроновый cica-крем увлажняющий матирующий дневной для жирной кожи 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d64 | SERUM PRO hyalur B5 Сыворотка от пигментных пятен, 40 мл
Продукт: HYDRA мицеллярная вода для сухой кожи 200 мл
238
Рекомендованные:
Продукт 1: SENSE мицеллярная пенка для умывания 160 мл
311
Продукт 2: Cыворотка концентрированная увлажняющая Hyalur B5 40 мл
280
Этап выбран: 0
Продукт: SENSE мицеллярная пенка для умывания 160 мл
311
Рекомендованные:
Продукт 1: Cыворотка концентрированная увлажняющая Hyalur B5 40 мл
280
Продукт 2: Гиалуроновый крем ультраувлажняющий дневной для сухой кожи 50 мл
419
Этап выбран: 0
НЕТ
Рекомендованные:
Продукт 1: SENSE мицеллярная пенка для умывания 160 мл
311
Продукт 2: Cыворотка концентрированная увлажняющая Hyalur B5 40 мл
280
Этап выбран: 0
Продукт: Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл
259
Рекомендованные:
Продукт 1: Cыворотка концентрированная увлажняющая Hyalur B5 40 мл
280
Продукт 2: Гиалуроновый крем ультраувлажняющий дневной для сухой кожи 50 мл
419
Этап выбран: 0
Продукт: Cыворотка концентрированная увлажняющая Hyalur B5 40 мл
280
Рекомендованные:
Продукт 1: Гиалуроновый крем ультраувлажняющий дневной для сухой кожи 50 мл
419
Продукт 2: SENSE мицеллярная пенка для умывания 160 мл
311
Этап выбран: 1
Продукт: Гиалуроновый крем ультраувлажняющий дневной для сухой кожи 50 мл
419
Рекомендованные:
Продукт 1: SENSE мицеллярная пенка для умывания 160 мл
311
Продукт 2: Cыворотка концентрированная увлажняющая Hyalur B5 40 мл
280
Этап выбран: 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/l11.png" alt="HYDRA мицеллярная вода для сухой кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">HYDRA мицеллярная вода для сухой кожи 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/l4.png" alt="SENSE мицеллярная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">SENSE мицеллярная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="586" data-item-art="00046192659" 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/d64.png" alt="Cыворотка концентрированная увлажняющая Hyalur B5 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка концентрированная увлажняющая Hyalur B5 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="605" data-item-art="00046193526" 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/l4.png" alt="SENSE мицеллярная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-text">SENSE мицеллярная пенка для умывания 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/d64.png" alt="Cыворотка концентрированная увлажняющая Hyalur B5 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка концентрированная увлажняющая Hyalur B5 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="605" data-item-art="00046193526" 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/l24.png" alt="Гиалуроновый крем ультраувлажняющий дневной для сухой кожи 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Гиалуроновый крем ультраувлажняющий дневной для сухой кожи 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="522" data-item-art="00046191812" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage3">
<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/l6.png" alt="SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл"/>
</div>
<div class="swiper-slide-prod-text">SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 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/l4.png" alt="SENSE мицеллярная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">SENSE мицеллярная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="586" data-item-art="00046192659" 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/d64.png" alt="Cыворотка концентрированная увлажняющая Hyalur B5 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка концентрированная увлажняющая Hyalur B5 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="605" data-item-art="00046193526" 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/l23.png" alt="Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 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/d64.png" alt="Cыворотка концентрированная увлажняющая Hyalur B5 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка концентрированная увлажняющая Hyalur B5 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="605" data-item-art="00046193526" 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/l24.png" alt="Гиалуроновый крем ультраувлажняющий дневной для сухой кожи 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Гиалуроновый крем ультраувлажняющий дневной для сухой кожи 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="522" data-item-art="00046191812" 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/d64.png" alt="Cыворотка концентрированная увлажняющая Hyalur B5 40 мл"/>
</div>
<div class="swiper-slide-prod-text">Cыворотка концентрированная увлажняющая Hyalur B5 40 мл</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/l24.png" alt="Гиалуроновый крем ультраувлажняющий дневной для сухой кожи 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Гиалуроновый крем ультраувлажняющий дневной для сухой кожи 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="522" data-item-art="00046191812" 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/l4.png" alt="SENSE мицеллярная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">SENSE мицеллярная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="586" data-item-art="00046192659" 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/l24.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/l4.png" alt="SENSE мицеллярная пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">SENSE мицеллярная пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="586" data-item-art="00046192659" 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/d64.png" alt="Cыворотка концентрированная увлажняющая Hyalur B5 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка концентрированная увлажняющая Hyalur B5 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="605" data-item-art="00046193526" 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 этап — ДЕМАКИЯЖ
HYDRA мицеллярная вода для сухой кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
SENSE мицеллярная пенка для умывания 160 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Cыворотка концентрированная увлажняющая Hyalur B5 40 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Гиалуроновый крем ультраувлажняющий дневной для сухой кожи 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d62 | SERUM PRO vitamin C Сыворотка липосомальная омолаживающа, 40 мл
Продукт: SENSE мицеллярная вода для нормальной и чувствительной кожи 400 мл
309
Рекомендованные:
Продукт 1: Cыворотка липосомальная омолаживающая Vitamin C 40 мл
281
Продукт 2: Коллаген пенка для умывания 160 мл
283
Этап выбран: 0
Продукт: Коллаген пенка для умывания 160 мл
283
Рекомендованные:
Продукт 1: SENSE мицеллярная вода для нормальной и чувствительной кожи 400 мл
309
Продукт 2: Cыворотка липосомальная омолаживающая Vitamin C 40 мл
281
Этап выбран: 0
НЕТ
Рекомендованные:
Продукт 1: Коллаген пенка для умывания 160 мл
283
Продукт 2: Cыворотка липосомальная омолаживающая Vitamin C 40 мл
281
Этап выбран: 0
Продукт: Гиалуроновый тоник-софтнер SENSE для нормальной и чувствительной кожи 200 мл
261
Рекомендованные:
Продукт 1: Коллаген пенка для умывания 160 мл
283
Продукт 2: Коллаген крем омолаживающий для лица, шеи и области декольте 50 мл
287
Этап выбран: 0
Продукт: Cыворотка липосомальная омолаживающая Vitamin C 40 мл
281
Рекомендованные:
Продукт 1: Коллаген пенка для умывания 160 мл
283
Продукт 2: Коллаген крем омолаживающий для лица, шеи и области декольте 50 мл
287
Этап выбран: 1
Продукт: Коллаген крем омолаживающий для лица, шеи и области декольте 50 мл
287
Рекомендованные:
Продукт 1: Cыворотка липосомальная омолаживающая Vitamin C 40 мл
281
Продукт 2: Коллаген пенка для умывания 160 мл
283
Этап выбран: 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/l2.png" alt="SENSE мицеллярная вода для нормальной и чувствительной кожи 400 мл"/>
</div>
<div class="swiper-slide-prod-text">SENSE мицеллярная вода для нормальной и чувствительной кожи 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/d62.png" alt="Cыворотка липосомальная омолаживающая Vitamin C 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка липосомальная омолаживающая Vitamin C 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="604" data-item-art="00046193494" 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/l55.png" alt="Коллаген пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Коллаген пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="488" data-item-art="00046185027" 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/l55.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/l2.png" alt="SENSE мицеллярная вода для нормальной и чувствительной кожи 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">SENSE мицеллярная вода для нормальной и чувствительной кожи 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="202" data-item-art="00000103180" 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/d62.png" alt="Cыворотка липосомальная омолаживающая Vitamin C 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка липосомальная омолаживающая Vitamin C 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="604" data-item-art="00046193494" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage3">
<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/l6.png" alt="SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл"/>
</div>
<div class="swiper-slide-prod-text">SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 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/l55.png" alt="Коллаген пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Коллаген пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="488" data-item-art="00046185027" 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/d62.png" alt="Cыворотка липосомальная омолаживающая Vitamin C 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка липосомальная омолаживающая Vitamin C 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="604" data-item-art="00046193494" 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/l13.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/l55.png" alt="Коллаген пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Коллаген пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="488" data-item-art="00046185027" 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/l59.png" alt="Коллаген крем омолаживающий для лица, шеи и области декольте 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Коллаген крем омолаживающий для лица, шеи и области декольте 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="131" data-item-art="00000008590" 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/d62.png" alt="Cыворотка липосомальная омолаживающая Vitamin C 40 мл"/>
</div>
<div class="swiper-slide-prod-text">Cыворотка липосомальная омолаживающая Vitamin C 40 мл</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/l55.png" alt="Коллаген пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Коллаген пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="488" data-item-art="00046185027" 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/l59.png" alt="Коллаген крем омолаживающий для лица, шеи и области декольте 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Коллаген крем омолаживающий для лица, шеи и области декольте 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="131" data-item-art="00000008590" 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/l59.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/d62.png" alt="Cыворотка липосомальная омолаживающая Vitamin C 40 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Cыворотка липосомальная омолаживающая Vitamin C 40 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="604" data-item-art="00046193494" 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/l55.png" alt="Коллаген пенка для умывания 160 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Коллаген пенка для умывания 160 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="488" data-item-art="00046185027" 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 мицеллярная вода для нормальной и чувствительной кожи 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Коллаген пенка для умывания 160 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Гиалуроновый тоник-софтнер SENSE для нормальной и чувствительной кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Cыворотка липосомальная омолаживающая Vitamin C 40 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Коллаген крем омолаживающий для лица, шеи и области декольте 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d131 | АЕВИТ крем для лица питетельный насыщенный
Продукт: HYDRA мицеллярная вода для сухой кожи 200 мл
238
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем для лица питательный насыщенный 50 мл
341
Этап выбран: 0
Продукт: АЕВИТ мягкий гель для умывания 200 мл
337
Рекомендованные:
Продукт 1: АЕВИТ крем для лица питательный насыщенный 50 мл
341
Продукт 2: АЕВИТ маска для лица питательная 75 мл
335
Этап выбран: 0
НЕТ
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем для лица питательный насыщенный 50 мл
341
Этап выбран: 0
Продукт: Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл
259
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем для лица питательный насыщенный 50 мл
341
Этап выбран: 0
Продукт: АЕВИТ маска для лица питательная 75 мл
335
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем для лица питательный насыщенный 50 мл
341
Этап выбран: 0
Продукт: АЕВИТ крем для лица питательный насыщенный 50 мл
341
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ маска для лица питательная 75 мл
335
Этап выбран: 1
<![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/l11.png" alt="HYDRA мицеллярная вода для сухой кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">HYDRA мицеллярная вода для сухой кожи 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d131.png" alt="АЕВИТ крем для лица питательный насыщенный 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица питательный насыщенный 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="502" data-item-art="00046188236" 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-text">АЕВИТ мягкий гель для умывания 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/d131.png" alt="АЕВИТ крем для лица питательный насыщенный 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица питательный насыщенный 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="502" data-item-art="00046188236" 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/d153.png" alt="АЕВИТ маска для лица питательная 75 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ маска для лица питательная 75 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="52" data-item-art="00000176690" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage3">
<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/l6.png" alt="SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл"/>
</div>
<div class="swiper-slide-prod-text">SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d131.png" alt="АЕВИТ крем для лица питательный насыщенный 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица питательный насыщенный 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="502" data-item-art="00046188236" 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/l23.png" alt="Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d131.png" alt="АЕВИТ крем для лица питательный насыщенный 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица питательный насыщенный 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="502" data-item-art="00046188236" 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/d153.png" alt="АЕВИТ маска для лица питательная 75 мл"/>
</div>
<div class="swiper-slide-prod-text">АЕВИТ маска для лица питательная 75 мл</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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d131.png" alt="АЕВИТ крем для лица питательный насыщенный 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица питательный насыщенный 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="502" data-item-art="00046188236" 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/d131.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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d153.png" alt="АЕВИТ маска для лица питательная 75 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ маска для лица питательная 75 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="52" data-item-art="00000176690" 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: 2,
// 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 этап — ДЕМАКИЯЖ
HYDRA мицеллярная вода для сухой кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
АЕВИТ мягкий гель для умывания 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
АЕВИТ маска для лица питательная 75 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
АЕВИТ крем для лица питательный насыщенный 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d156 | LIBREDERM крем питательный для кутикулы и ногтей АЕВИТ 15 мл
Продукт: HYDRA мицеллярная вода для сухой кожи 200 мл
238
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем для лица 50 мл
330
Этап выбран: 0
Продукт: АЕВИТ мягкий гель для умывания 200 мл
337
Рекомендованные:
Продукт 1: АЕВИТ крем для лица 50 мл
330
Продукт 2: АЕВИТ маска для лица питательная 75 мл
335
Этап выбран: 0
НЕТ
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем питательный ночной 50 мл
333
Этап выбран: 0
Продукт: Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл
259
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем для лица 50 мл
330
Этап выбран: 0
Продукт: АЕВИТ маска для лица питательная 75 мл
335
Рекомендованные:
Продукт 1: АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл
334
Продукт 2: АЕВИТ крем для лица 50 мл
330
Этап выбран: 0
Продукт: Крем питательный для кутикулы и ногтей АЕВИТ 15 мл
445
Рекомендованные:
Продукт 1: АЕВИТ крем питательный ночной 50 мл
333
Продукт 2: АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл
334
Этап выбран: 1
<![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/l11.png" alt="HYDRA мицеллярная вода для сухой кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">HYDRA мицеллярная вода для сухой кожи 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-text">АЕВИТ мягкий гель для умывания 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d153.png" alt="АЕВИТ маска для лица питательная 75 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ маска для лица питательная 75 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="52" data-item-art="00000176690" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage3">
<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/l6.png" alt="SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл"/>
</div>
<div class="swiper-slide-prod-text">SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d151.png" alt="АЕВИТ крем питательный ночной 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем питательный ночной 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="446" data-item-art="00000185418" 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/l23.png" alt="Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d153.png" alt="АЕВИТ маска для лица питательная 75 мл"/>
</div>
<div class="swiper-slide-prod-text">АЕВИТ маска для лица питательная 75 мл</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/d152.png" alt="АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="72" data-item-art="00000114600" 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d156.png" alt="Крем питательный для кутикулы и ногтей АЕВИТ 15 мл"/>
</div>
<div class="swiper-slide-prod-text">Крем питательный для кутикулы и ногтей АЕВИТ 15 мл</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/d151.png" alt="АЕВИТ крем питательный ночной 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем питательный ночной 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="446" data-item-art="00000185418" 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/d152.png" alt="АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="72" data-item-art="00000114600" 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: 2,
// 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 этап — ДЕМАКИЯЖ
HYDRA мицеллярная вода для сухой кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
АЕВИТ мягкий гель для умывания 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
АЕВИТ маска для лица питательная 75 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Крем питательный для кутикулы и ногтей АЕВИТ 15 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d155 | АЕВИТ мягкий гель для умывания 200 мл
Продукт: HYDRA мицеллярная вода для сухой кожи 200 мл
238
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем для лица 50 мл
330
Этап выбран: 0
Продукт: АЕВИТ мягкий гель для умывания 200 мл
337
Рекомендованные:
Продукт 1: АЕВИТ крем для лица 50 мл
330
Продукт 2: АЕВИТ маска для лица питательная 75 мл
335
Этап выбран: 1
НЕТ
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем питательный ночной 50 мл
333
Этап выбран: 0
Продукт: Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл
259
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем для лица 50 мл
330
Этап выбран: 0
Продукт: АЕВИТ маска для лица питательная 75 мл
335
Рекомендованные:
Продукт 1: АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл
334
Продукт 2: АЕВИТ крем для лица 50 мл
330
Этап выбран: 0
Продукт: АЕВИТ крем для лица 50 мл
330
Рекомендованные:
Продукт 1: АЕВИТ крем питательный ночной 50 мл
333
Продукт 2: АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл
334
Этап выбран: 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/l11.png" alt="HYDRA мицеллярная вода для сухой кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">HYDRA мицеллярная вода для сухой кожи 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-text">АЕВИТ мягкий гель для умывания 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d153.png" alt="АЕВИТ маска для лица питательная 75 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ маска для лица питательная 75 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="52" data-item-art="00000176690" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage3">
<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/l6.png" alt="SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл"/>
</div>
<div class="swiper-slide-prod-text">SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d151.png" alt="АЕВИТ крем питательный ночной 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем питательный ночной 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="446" data-item-art="00000185418" 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/l23.png" alt="Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d153.png" alt="АЕВИТ маска для лица питательная 75 мл"/>
</div>
<div class="swiper-slide-prod-text">АЕВИТ маска для лица питательная 75 мл</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/d152.png" alt="АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="72" data-item-art="00000114600" 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d148.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/d151.png" alt="АЕВИТ крем питательный ночной 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем питательный ночной 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="446" data-item-art="00000185418" 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/d152.png" alt="АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="72" data-item-art="00000114600" 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 этап — ДЕМАКИЯЖ
HYDRA мицеллярная вода для сухой кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
АЕВИТ мягкий гель для умывания 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
АЕВИТ маска для лица питательная 75 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
АЕВИТ крем для лица 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d154 | АЕВИТ мягкий гель для умывания 150 мл
Продукт: HYDRA мицеллярная вода для сухой кожи 200 мл
238
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 150 мл
336
Продукт 2: АЕВИТ крем для лица 50 мл
330
Этап выбран: 0
Продукт: АЕВИТ мягкий гель для умывания 150 мл
336
Рекомендованные:
Продукт 1: АЕВИТ крем для лица 50 мл
330
Продукт 2: АЕВИТ маска для лица питательная 75 мл
335
Этап выбран: 1
НЕТ
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 150 мл
336
Продукт 2: АЕВИТ крем питательный ночной 50 мл
333
Этап выбран: 0
Продукт: Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл
259
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 150 мл
336
Продукт 2: АЕВИТ крем для лица 50 мл
330
Этап выбран: 0
Продукт: АЕВИТ маска для лица питательная 75 мл
335
Рекомендованные:
Продукт 1: АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл
334
Продукт 2: АЕВИТ крем для лица 50 мл
330
Этап выбран: 0
Продукт: АЕВИТ крем для лица 50 мл
330
Рекомендованные:
Продукт 1: АЕВИТ крем питательный ночной 50 мл
333
Продукт 2: АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл
334
Этап выбран: 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/l11.png" alt="HYDRA мицеллярная вода для сухой кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">HYDRA мицеллярная вода для сухой кожи 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/d154.png" alt="АЕВИТ мягкий гель для умывания 150 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 150 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="68" data-item-art="00000117200" 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d154.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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d153.png" alt="АЕВИТ маска для лица питательная 75 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ маска для лица питательная 75 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="52" data-item-art="00000176690" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage3">
<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/l6.png" alt="SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл"/>
</div>
<div class="swiper-slide-prod-text">SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 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/d154.png" alt="АЕВИТ мягкий гель для умывания 150 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 150 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="68" data-item-art="00000117200" 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/d151.png" alt="АЕВИТ крем питательный ночной 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем питательный ночной 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="446" data-item-art="00000185418" 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/l23.png" alt="Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 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/d154.png" alt="АЕВИТ мягкий гель для умывания 150 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 150 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="68" data-item-art="00000117200" 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d153.png" alt="АЕВИТ маска для лица питательная 75 мл"/>
</div>
<div class="swiper-slide-prod-text">АЕВИТ маска для лица питательная 75 мл</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/d152.png" alt="АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="72" data-item-art="00000114600" 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d148.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/d151.png" alt="АЕВИТ крем питательный ночной 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем питательный ночной 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="446" data-item-art="00000185418" 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/d152.png" alt="АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="72" data-item-art="00000114600" 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 этап — ДЕМАКИЯЖ
HYDRA мицеллярная вода для сухой кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
АЕВИТ мягкий гель для умывания 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
АЕВИТ маска для лица питательная 75 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
АЕВИТ крем для лица 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d153 | АЕВИТ маска для лица питательная 75 мл
Продукт: HYDRA мицеллярная вода для сухой кожи 200 мл
238
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем для лица 50 мл
330
Этап выбран: 0
Продукт: АЕВИТ мягкий гель для умывания 200 мл
337
Рекомендованные:
Продукт 1: АЕВИТ крем для лица 50 мл
330
Продукт 2: АЕВИТ маска для лица питательная 75 мл
335
Этап выбран: 0
НЕТ
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем питательный ночной 50 мл
333
Этап выбран: 0
Продукт: Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл
259
Рекомендованные:
Продукт 1: АЕВИТ мягкий гель для умывания 200 мл
337
Продукт 2: АЕВИТ крем для лица 50 мл
330
Этап выбран: 0
Продукт: АЕВИТ маска для лица питательная 75 мл
335
Рекомендованные:
Продукт 1: АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл
334
Продукт 2: АЕВИТ крем для лица 50 мл
330
Этап выбран: 1
Продукт: АЕВИТ крем для лица 50 мл
330
Рекомендованные:
Продукт 1: АЕВИТ крем питательный ночной 50 мл
333
Продукт 2: АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл
334
Этап выбран: 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/l11.png" alt="HYDRA мицеллярная вода для сухой кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">HYDRA мицеллярная вода для сухой кожи 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-text">АЕВИТ мягкий гель для умывания 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d153.png" alt="АЕВИТ маска для лица питательная 75 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ маска для лица питательная 75 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="52" data-item-art="00000176690" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage3">
<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/l6.png" alt="SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл"/>
</div>
<div class="swiper-slide-prod-text">SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d151.png" alt="АЕВИТ крем питательный ночной 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем питательный ночной 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="446" data-item-art="00000185418" 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/l23.png" alt="Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл"/>
</div>
<div class="swiper-slide-prod-text">Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 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/d155.png" alt="АЕВИТ мягкий гель для умывания 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ мягкий гель для умывания 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="419" data-item-art="00046183005" 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d153.png" alt="АЕВИТ маска для лица питательная 75 мл"/>
</div>
<div class="swiper-slide-prod-text">АЕВИТ маска для лица питательная 75 мл</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/d152.png" alt="АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="72" data-item-art="00000114600" 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/d148.png" alt="АЕВИТ крем для лица 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем для лица 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="144" data-item-art="00000007373" 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/d148.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/d151.png" alt="АЕВИТ крем питательный ночной 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем питательный ночной 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="446" data-item-art="00000185418" 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/d152.png" alt="АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">АЕВИТ крем с черникой против отеков для кожи вокруг глаз 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="72" data-item-art="00000114600" 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 этап — ДЕМАКИЯЖ
HYDRA мицеллярная вода для сухой кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
АЕВИТ мягкий гель для умывания 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
SENSE маска с АНА-кислотами для глубокого очищения нормальной и чувствительной кожи 150 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Гиалуроновый тоник увлажняющий HYDRA для сухой кожи 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
АЕВИТ маска для лица питательная 75 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
АЕВИТ крем для лица 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
