d18 | SERACIN ДУО крем-гель второй тон, 40 мл
Продукт: Мицеллярная вода, 400 мл
202
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 100 мл
207
Этап выбран: 0
Продукт: Очищающий гель для умывания, 400 мл
204
Рекомендованные:
Продукт 1: Матирующий тоник, 100 мл
210
НЕТ
Этап выбран: 0
Продукт: Лосьон для глубокого очищения и сужения пор 100 мл
207
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 0
Продукт: Матирующий тоник, 100 мл
210
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Рекомендованные:
Продукт 1: Актив-крем точечного нанесения, 20 мл
214
Продукт 2: Очищающий гель для умывания, 400 мл
204
Этап выбран: 0
НЕТ
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 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/d2.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="77" data-item-art="00000115200" 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/d4.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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" 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="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/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Лосьон для глубокого очищения и сужения пор 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="385" data-item-art="00046180327" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d13.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/d15.png" alt="Актив-крем точечного нанесения, 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Актив-крем точечного нанесения, 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="63" data-item-art="00000114580" 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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d18.png" alt="ДУО крем-гель корректирующий тонирующий светло-бежевый тон 40 мл"/>
</div>
<div class="swiper-slide-prod-text">ДУО крем-гель корректирующий тонирующий светло-бежевый тон 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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="385" data-item-art="00046180327" 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 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
ДУО крем-гель корректирующий тонирующий светло-бежевый тон 40 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d17 | SERACIN ДУО крем-гель без тона, 40 мл
Продукт: Мицеллярная вода, 400 мл
202
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 100 мл
207
Этап выбран: 0
Продукт: Очищающий гель для умывания, 400 мл
204
Рекомендованные:
Продукт 1: Матирующий тоник, 100 мл
210
НЕТ
Этап выбран: 0
Продукт: Лосьон для глубокого очищения и сужения пор 100 мл
207
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 0
Продукт: Матирующий тоник, 100 мл
210
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Рекомендованные:
Продукт 1: Актив-крем точечного нанесения, 20 мл
214
Продукт 2: Очищающий гель для умывания, 400 мл
204
Этап выбран: 0
НЕТ
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 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/d2.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="77" data-item-art="00000115200" 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/d4.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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" 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="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/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Лосьон для глубокого очищения и сужения пор 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="385" data-item-art="00046180327" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d13.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/d15.png" alt="Актив-крем точечного нанесения, 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Актив-крем точечного нанесения, 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="63" data-item-art="00000114580" 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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" data-hash="stage6">
<div class="swiper-slide-wrap">
<div class="swiper-slide-title">3 этап <span>— основной</span></div>
<div class="swiper-slide-prod-wrap">
<div class="swiper-slide-prod">
<div class="swiper-slide-prod-img">
<img class="img-fluid" src="https://librederm.ru/media/upload/.png" alt=""/>
</div>
<div class="swiper-slide-prod-text"></div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="385" data-item-art="00046180327" 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 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d16 | SERACIN крем ночной азелаин-форте, 50 мл
Продукт: Мицеллярная вода, 400 мл
202
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 100 мл
207
Этап выбран: 0
Продукт: Очищающий гель для умывания, 400 мл
204
Рекомендованные:
Продукт 1: Матирующий тоник, 100 мл
210
НЕТ
Этап выбран: 0
Продукт: Лосьон для глубокого очищения и сужения пор 100 мл
207
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 0
Продукт: Матирующий тоник, 100 мл
210
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Рекомендованные:
Продукт 1: Актив-крем точечного нанесения, 20 мл
214
Продукт 2: Очищающий гель для умывания, 400 мл
204
Этап выбран: 0
Продукт: Крем ночной азелаин-форте, 50 мл
215
Рекомендованные:
Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Лосьон для глубокого очищения и сужения пор 100 мл
207
Этап выбран: 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/d2.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="77" data-item-art="00000115200" 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/d4.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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" 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="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/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Лосьон для глубокого очищения и сужения пор 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="385" data-item-art="00046180327" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d13.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/d15.png" alt="Актив-крем точечного нанесения, 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Актив-крем точечного нанесения, 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="63" data-item-art="00000114580" 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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d16.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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" 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/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="77" data-item-art="00000115200" 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 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Крем ночной азелаин-форте, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d15 | SERACIN актив-крем точечного нанесения, 20 мл
Продукт: Мицеллярная вода, 400 мл
202
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 200 мл
208
Этап выбран: 0
Продукт: Очищающий гель для умывания, 400 мл
204
Рекомендованные:
Продукт 1: Матирующий тоник, 100 мл
210
НЕТ
Этап выбран: 0
Продукт: Лосьон для глубокого очищения и сужения пор 200 мл
208
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 0
Продукт: Матирующий тоник, 100 мл
210
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Рекомендованные:
Продукт 1: Актив-крем точечного нанесения, 20 мл
214
Продукт 2: Очищающий гель для умывания, 400 мл
204
Этап выбран: 0
Продукт: Актив-крем точечного нанесения, 20 мл
214
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 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/d2.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" 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/d4.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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" 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="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/d8.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="385" data-item-art="00046180327" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d13.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/d15.png" alt="Актив-крем точечного нанесения, 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Актив-крем точечного нанесения, 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="63" data-item-art="00000114580" 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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d15.png" alt="Актив-крем точечного нанесения, 20 мл"/>
</div>
<div class="swiper-slide-prod-text">Актив-крем точечного нанесения, 20 мл</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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Актив-крем точечного нанесения, 20 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d14 | SERACIN матирующий дневной крем, 50 мл
Продукт: Мицеллярная вода, 400 мл
202
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 200 мл
208
Этап выбран: 0
Продукт: Очищающий гель для умывания, 400 мл
204
Рекомендованные:
Продукт 1: Матирующий тоник, 100 мл
210
НЕТ
Этап выбран: 0
Продукт: Лосьон для глубокого очищения и сужения пор 200 мл
208
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 0
Продукт: Матирующий тоник, 100 мл
210
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Рекомендованные:
Продукт 1: Актив-крем точечного нанесения, 20 мл
214
Продукт 2: Очищающий гель для умывания, 400 мл
204
Этап выбран: 0
Продукт: Матирующий дневной крем, 50 мл
213
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Крем ночной азелаин-форте, 50 мл
215
Этап выбран: 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/d2.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" 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/d4.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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" 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="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/d8.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="385" data-item-art="00046180327" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d13.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/d15.png" alt="Актив-крем точечного нанесения, 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Актив-крем точечного нанесения, 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="63" data-item-art="00000114580" 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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d16.png" alt="Крем ночной азелаин-форте, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Крем ночной азелаин-форте, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="493" data-item-art="00046185485" 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 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Матирующий дневной крем, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d13 | SERACIN увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
Продукт: Мицеллярная вода, 400 мл
202
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 200 мл
208
Этап выбран: 0
Продукт: Очищающий гель для умывания, 400 мл
204
Рекомендованные:
Продукт 1: Матирующий тоник, 100 мл
210
НЕТ
Этап выбран: 0
Продукт: Лосьон для глубокого очищения и сужения пор 200 мл
208
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 0
Продукт: Матирующий тоник, 100 мл
210
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Рекомендованные:
Продукт 1: Актив-крем точечного нанесения, 20 мл
214
Продукт 2: Очищающий гель для умывания, 400 мл
204
Этап выбран: 1
Продукт: Матирующий дневной крем, 50 мл
213
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Крем ночной азелаин-форте, 50 мл
215
Этап выбран: 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/d2.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" 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/d4.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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" 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="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/d8.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d13.png" alt="Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="385" data-item-art="00046180327" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d13.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/d15.png" alt="Актив-крем точечного нанесения, 20 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Актив-крем точечного нанесения, 20 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="63" data-item-art="00000114580" 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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d16.png" alt="Крем ночной азелаин-форте, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Крем ночной азелаин-форте, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="493" data-item-art="00046185485" 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 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Матирующий дневной крем, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d7 | SERACIN матирующий тоник, 100 мл
Продукт: Мицеллярная вода, 400 мл
202
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 200 мл
208
Этап выбран: 0
Продукт: Очищающий гель для умывания, 400 мл
204
Рекомендованные:
Продукт 1: Матирующий тоник, 100 мл
210
НЕТ
Этап выбран: 0
Продукт: Лосьон для глубокого очищения и сужения пор 200 мл
208
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
НЕТ
Этап выбран: 0
Продукт: Матирующий тоник, 100 мл
210
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Крем ночной азелаин-форте, 50 мл
215
Этап выбран: 1
Продукт: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Рекомендованные:
Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
НЕТ
Этап выбран: 0
НЕТ
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
НЕТ
Этап выбран: 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/d2.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" 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/d4.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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" 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="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/d8.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d16.png" alt="Крем ночной азелаин-форте, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Крем ночной азелаин-форте, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="493" data-item-art="00046185485" 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/d13.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/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" 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/.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 2,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
initialSlide: 0,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 1,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d8 | SERACIN лосьон для глубокого очищения пор, 200 мл
Продукт: Мицеллярная вода, 400 мл
202
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 200 мл
208
Этап выбран: 0
Продукт: Деликатная пенка для умывания, 160 мл
205
Рекомендованные:
Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Лосьон для глубокого очищения и сужения пор 200 мл
208
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 1
Продукт: Матирующий тоник, 100 мл
210
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Рекомендованные:
Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Матирующий дневной крем, 50 мл
213
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий тоник, 100 мл
210
Этап выбран: 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/d2.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" 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/d5.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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d8.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d13.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/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d14.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 2,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 0,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Деликатная пенка для умывания, 160 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Матирующий дневной крем, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d7 | SERACIN лосьон для глубокого очищения пор, 100 мл
Продукт: Мицеллярная вода, 400 мл
202
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 100 мл
207
Этап выбран: 0
Продукт: Деликатная пенка для умывания, 160 мл
205
Рекомендованные:
Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Лосьон для глубокого очищения и сужения пор 100 мл
207
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 1
Продукт: Матирующий тоник, 100 мл
210
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Рекомендованные:
Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Матирующий дневной крем, 50 мл
213
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий тоник, 100 мл
210
Этап выбран: 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/d2.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="77" data-item-art="00000115200" 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/d5.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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d7.png" alt="Лосьон для глубокого очищения и сужения пор 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Лосьон для глубокого очищения и сужения пор 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d13.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/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d14.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 2,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 0,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Деликатная пенка для умывания, 160 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Матирующий дневной крем, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
d6 | SERACIN себорегулирующая маска с белой и зеленой глиной, 75 мл
Продукт: Мицеллярная вода, 400 мл
202
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Себорегулирующая маска с белой и зеленой глиной, 75 мл
206
Этап выбран: 0
Продукт: Деликатная пенка для умывания, 160 мл
205
Рекомендованные:
Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Себорегулирующая маска с белой и зеленой глиной, 75 мл
206
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 1
Продукт: Матирующий тоник, 100 мл
210
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
НЕТ
Этап выбран: 0
Продукт: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211
Рекомендованные:
Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0
Продукт: Матирующий дневной крем, 50 мл
213
Рекомендованные:
Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий тоник, 100 мл
210
Этап выбран: 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/d2.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d6.png" alt="Себорегулирующая маска с белой и зеленой глиной, 75 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Себорегулирующая маска с белой и зеленой глиной, 75 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="55" data-item-art="00000111420" 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/d5.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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d6.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-text">Матирующий тоник, 100 мл</div>
<div class="swiper-slide-prod-related-title">ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ: </div>
<div class="swiper-slide-prod-related-wrap">
<div class="swiper-slide-prod-related">
<div class="swiper-slide-prod-related-img-wrap">
<img class="img-fluid" src="https://librederm.ru/media/upload/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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="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/d12.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/d8.png" alt="Лосьон для глубокого очищения и сужения пор 200 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Лосьон для глубокого очищения и сужения пор 200 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="495" data-item-art="00046187716" 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/d14.png" alt="Матирующий дневной крем, 50 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий дневной крем, 50 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="62" data-item-art="00000114590" 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/d14.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/d4.png" alt="Очищающий гель для умывания, 400 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 400 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="497" data-item-art="00046182066" 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/d11.png" alt="Матирующий тоник, 100 мл"/>
</div>
<div class="swiper-slide-prod-related-text">Матирующий тоник, 100 мл</div>
<div class="cardProductCart cardProductCartBtnSch" data-item-id="82" data-item-art="00000111430" data-item-qty="1">В КОРЗИНУ</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>-->
</div>
</div>
</div>
</div>
{%- endblock -%}
{%- block extra_js -%}
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/jquery-3.5.1.slim.min.js"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="http://seracin.pro/wp-content/themes/seracinpro/js/bootstrap.bundle.min.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
var menu = ['1 ЭТАП <span>ДЕМАКИЯЖ</span>', '2 ЭТАП <span>УМЫВАНИЕ</span>', '3 ЭТАП <span>ГЛУБОКОЕ ОЧИЩЕНИЕ</span>']
const slider_prod_one = new Swiper('.slider_prod_one', {
// Optional parameters
initialSlide: 2,
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-one',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menu[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>']
const slider_prod_two = new Swiper('.slider_prod_two', {
slidesPerView: 1,
// Responsive breakpoints
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 1,
autoHeight:true,
spaceBetween: 0
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 0
},
// when window width is >= 640px
640: {
slidesPerView: 3,
spaceBetween: 0
}
},
pagination: {
el: '.swiper-pagination-two',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + (menutwo[index]) + '</span>';
},
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
const slider_prod_wrap = new Swiper('.slider_prod_wrap', {
// Optional parameters
slidesPerView: 1,
initialSlide: 0,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.button-next',
prevEl: '.button-prev',
},
});
</script>
{%- endblock -%}
]]>
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — УМЫВАНИЕ
Деликатная пенка для умывания, 160 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — глубокое очищение
Себорегулирующая маска с белой и зеленой глиной, 75 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
1 этап — тонизирующий
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
3 этап — основной
Матирующий дневной крем, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
