d2 | SERACIN мицелярная вода, 400 мл

Продукт: Мицеллярная вода, 400 мл
202

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
НЕТ
Этап выбран: 1

Продукт: Деликатная пенка для умывания, 160 мл
205

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Лосьон для глубокого очищения и сужения пор 200 мл
208

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211
Этап выбран: 0

Продукт: Матирующий тоник, 100 мл
210

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
НЕТ
Этап выбран: 0

Продукт: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211

Рекомендованные:

Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Матирующий дневной крем, 50 мл
213

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий тоник, 100 мл
210
Этап выбран: 0

{%- 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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/d12.png" alt="Эмульсия азелаиновая от черных точек антиакне, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Эмульсия азелаиновая от черных точек антиакне, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="494" data-item-art="00046185498" data-item-qty="1">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 0, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 0, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
В КОРЗИНУ
2 этап — УМЫВАНИЕ
Деликатная пенка для умывания, 160 мл
Деликатная пенка для умывания, 160 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
В КОРЗИНУ
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
В КОРЗИНУ
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — основной
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
d5 | SERACIN деликатная пенка для умывания, 160 мл

Продукт: Мицеллярная вода, 400 мл
202

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 200 мл
208
Этап выбран: 0

Продукт: Деликатная пенка для умывания, 160 мл
205

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Крем ночной азелаин-форте, 50 мл
215
Этап выбран: 1

Продукт: Лосьон для глубокого очищения и сужения пор 200 мл
208

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211
Этап выбран: 0

Продукт: Матирующий тоник, 100 мл
210

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
НЕТ
Этап выбран: 0

Продукт: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211

Рекомендованные:

Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Матирующий дневной крем, 50 мл
213

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий тоник, 100 мл
210
Этап выбран: 0

{%- 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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/d12.png" alt="Эмульсия азелаиновая от черных точек антиакне, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Эмульсия азелаиновая от черных точек антиакне, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="494" data-item-art="00046185498" data-item-qty="1">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 1, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 0, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
2 этап — УМЫВАНИЕ
Деликатная пенка для умывания, 160 мл
Деликатная пенка для умывания, 160 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
Крем ночной азелаин-форте, 50 мл
Крем ночной азелаин-форте, 50 мл
В КОРЗИНУ
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
В КОРЗИНУ
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
В КОРЗИНУ
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — основной
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
d4 | SERACIN очищающий гель для умывания, 400 мл

Продукт: Мицеллярная вода, 400 мл
202

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 200 мл
208
Этап выбран: 0

Продукт: Очищающий гель для умывания, 400 мл
204

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 1

Продукт: Себорегулирующая маска с белой и зеленой глиной, 75 мл
206

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
НЕТ
Этап выбран: 0

Продукт: Матирующий тоник, 100 мл
210

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
НЕТ
Этап выбран: 0

Продукт: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211

Рекомендованные:

Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Матирующий дневной крем, 50 мл
213

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
НЕТ
Этап выбран: 0

{%- 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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 1, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 0, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — глубокое очищение
Себорегулирующая маска с белой и зеленой глиной, 75 мл
Себорегулирующая маска с белой и зеленой глиной, 75 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
В КОРЗИНУ
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
В КОРЗИНУ
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — основной
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
d3 | SERACIN очищающий гель для умывания, 200 мл

Продукт: Мицеллярная вода, 400 мл
202

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
Продукт 2: Лосьон для глубокого очищения и сужения пор 200 мл
208
Этап выбран: 0

Продукт: Очищающий гель для умывания, 200 мл
203

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 1

Продукт: Себорегулирующая маска с белой и зеленой глиной, 75 мл
206

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
НЕТ
Этап выбран: 0

Продукт: Матирующий тоник, 100 мл
210

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
НЕТ
Этап выбран: 0

Продукт: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211

Рекомендованные:

Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Матирующий дневной крем, 50 мл
213

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
НЕТ
Этап выбран: 0

{%- 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/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/d3.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/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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 1, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 0, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 400 мл
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 200 мл
Очищающий гель для умывания, 200 мл
В КОРЗИНУ
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 200 мл
Очищающий гель для умывания, 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — глубокое очищение
Себорегулирующая маска с белой и зеленой глиной, 75 мл
Себорегулирующая маска с белой и зеленой глиной, 75 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 200 мл
Очищающий гель для умывания, 200 мл
В КОРЗИНУ
В КОРЗИНУ
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 200 мл
Очищающий гель для умывания, 200 мл
В КОРЗИНУ
В КОРЗИНУ
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — основной
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 200 мл
Очищающий гель для умывания, 200 мл
В КОРЗИНУ
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
d85 | SERACIN крем ультрауспокаивающий восстанавливающий уход против несовершенств

Продукт: Мицеллярная вода, 400 мл
202

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 200 мл
208
Этап выбран: 0

Продукт: Очищающий гель для умывания, 400 мл
204

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Лосьон для глубокого очищения и сужения пор 200 мл
208

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 0

Продукт: Матирующий тоник, 100 мл
210

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
НЕТ
Этап выбран: 0

Продукт: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211

Рекомендованные:

Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
НЕТ
Этап выбран: 0

НЕТ

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий тоник, 100 мл
210
Этап выбран: 1

{%- 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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/d85.png" alt="Крем ультрауспокаивающий восстанавливающий уход против несовершенств 40 мл"/> </div> <div class="swiper-slide-prod-related-text">Крем ультрауспокаивающий восстанавливающий уход против несовершенств 40 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="698" data-item-art="00046202099" data-item-qty="1">В&nbsp;КОРЗИНУ</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/d85.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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</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 мл
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
В КОРЗИНУ
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
В КОРЗИНУ
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
Крем ультрауспокаивающий восстанавливающий уход против несовершенств 40 мл
Крем ультрауспокаивающий восстанавливающий уход против несовершенств 40 мл
В КОРЗИНУ
3 этап — основной
Крем ультрауспокаивающий восстанавливающий уход против несовершенств 40 мл
Крем ультрауспокаивающий восстанавливающий уход против несовершенств 40 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
d10 | LIBREDERM SERACIN микроотшелушивающий гель, 400 мл

Продукт: Мицеллярная вода, 400 мл
202

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
Продукт 2: Лосьон для глубокого очищения и сужения пор 100 мл
207
Этап выбран: 0

Продукт: Очищающий гель для умывания, 400 мл
204

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Микроотшелушивающий очищающий гель для кожи с выраженными несовершенствами 400 мл
209

Рекомендованные:

Продукт 1: Мицеллярная вода, 400 мл
202
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 1

Продукт: Матирующий тоник, 100 мл
210

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
НЕТ
Этап выбран: 0

Продукт: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211

Рекомендованные:

Продукт 1: Лосьон для глубокого очищения и сужения пор 100 мл
207
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Матирующий дневной крем, 50 мл
213

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий тоник, 100 мл
210
Этап выбран: 0

{%- 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/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/d10.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/d2.png" alt="Мицеллярная вода, 400 мл"/> </div> <div class="swiper-slide-prod-related-text">Мицеллярная вода, 400 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="496" data-item-art="00046185105" data-item-qty="1">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</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 мл
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 200 мл
Очищающий гель для умывания, 200 мл
В КОРЗИНУ
Лосьон для глубокого очищения и сужения пор 100 мл
Лосьон для глубокого очищения и сужения пор 100 мл
В КОРЗИНУ
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — глубокое очищение
Микроотшелушивающий очищающий гель для кожи с выраженными несовершенствами 400 мл
Микроотшелушивающий очищающий гель для кожи с выраженными несовершенствами 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Мицеллярная вода, 400 мл
Мицеллярная вода, 400 мл
В КОРЗИНУ
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
В КОРЗИНУ
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 200 мл
Очищающий гель для умывания, 200 мл
В КОРЗИНУ
В КОРЗИНУ
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Лосьон для глубокого очищения и сужения пор 100 мл
Лосьон для глубокого очищения и сужения пор 100 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — основной
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
d9 | LIBREDERM SERACIN микроотшелушивающий гель, 200 мл

Продукт: Мицеллярная вода, 400 мл
202

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 200 мл
203
Продукт 2: Актив-крем точечного нанесения, 20 мл
214
Этап выбран: 0

Продукт: Очищающий гель для умывания, 400 мл
204

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

НЕТ

Рекомендованные:

Продукт 1: Мицеллярная вода, 400 мл
202
Продукт 2: Увлажняющая нормализующая сыворотка с антирецидивным действием, 50 мл
212
Этап выбран: 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

{%- 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/d3.png" alt="Очищающий гель для умывания, 200 мл"/> </div> <div class="swiper-slide-prod-related-text">Очищающий гель для умывания, 200 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="312" data-item-art="00046182065" data-item-qty="1">В&nbsp;КОРЗИНУ</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/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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</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 мл
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 200 мл
Очищающий гель для умывания, 200 мл
В КОРЗИНУ
Актив-крем точечного нанесения, 20 мл
Актив-крем точечного нанесения, 20 мл
В КОРЗИНУ
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
В КОРЗИНУ
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — основной
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
d12 | Серацин эмульсия азелаиновая от черных точек антиакне 50 мл

Продукт: Мицеллярная вода, 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
Этап выбран: 0

Продукт: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Лосьон для глубокого очищения и сужения пор 200 мл
208
Этап выбран: 1

Продукт: Крем ночной азелаин-форте, 50 мл
215

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
НЕТ
Этап выбран: 0

{%- 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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</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 мл
Мицеллярная вода, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
2 этап — УМЫВАНИЕ
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
В КОРЗИНУ
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
В КОРЗИНУ
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Крем ночной азелаин-форте, 50 мл
Крем ночной азелаин-форте, 50 мл
В КОРЗИНУ
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
3 этап — основной
Крем ночной азелаин-форте, 50 мл
Крем ночной азелаин-форте, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
d1 | Серацин мицеллярная вода 250 мл

Продукт: Мицеллярная вода, 250 мл
1033

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Себорегулирующая маска с белой и зеленой глиной, 75 мл
206
Этап выбран: 1

Продукт: Деликатная пенка для умывания, 160 мл
205

Рекомендованные:

Продукт 1: Матирующий тоник, 100 мл
210
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Лосьон для глубокого очищения и сужения пор 200 мл
208

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211
Этап выбран: 0

Продукт: Матирующий тоник, 100 мл
210

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
НЕТ
Этап выбран: 0

Продукт: Эмульсия азелаиновая от черных точек антиакне, 50 мл
211

Рекомендованные:

Продукт 1: Лосьон для глубокого очищения и сужения пор 200 мл
208
Продукт 2: Матирующий дневной крем, 50 мл
213
Этап выбран: 0

Продукт: Матирующий дневной крем, 50 мл
213

Рекомендованные:

Продукт 1: Очищающий гель для умывания, 400 мл
204
Продукт 2: Матирующий тоник, 100 мл
210
Этап выбран: 0

{%- 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/d1.png" alt="Мицеллярная вода, 250 мл"/> </div> <div class="swiper-slide-prod-text">Мицеллярная вода, 250 мл</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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/d12.png" alt="Эмульсия азелаиновая от черных точек антиакне, 50 мл"/> </div> <div class="swiper-slide-prod-related-text">Эмульсия азелаиновая от черных точек антиакне, 50 мл</div> <div class="cardProductCart cardProductCartBtnSch" data-item-id="494" data-item-art="00046185498" data-item-qty="1">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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">В&nbsp;КОРЗИНУ</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>ГЛУБОКОЕ&nbsp;ОЧИЩЕНИЕ</span>'] const slider_prod_one = new Swiper('.slider_prod_one', { // Optional parameters initialSlide: 0, slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-one', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menu[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); var menutwo = ['1 ЭТАП <span>ТОНИЗАЦИЯ</span>', '2 ЭТАП <span>ИНТЕНСИВНЫЙ</span>', '3 ЭТАП <span>ОСНОВНОЙ</span>', '4 ЭТАП <span>ДОПОЛНИТЕЛЬНЫЙ</span>'] const slider_prod_two = new Swiper('.slider_prod_two', { slidesPerView: 1, // Responsive breakpoints breakpoints: { // when window width is >= 320px 320: { slidesPerView: 1, autoHeight:true, spaceBetween: 0 }, // when window width is >= 480px 480: { slidesPerView: 3, spaceBetween: 0 }, // when window width is >= 640px 640: { slidesPerView: 3, spaceBetween: 0 } }, pagination: { el: '.swiper-pagination-two', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (menutwo[index]) + '</span>'; }, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const slider_prod_wrap = new Swiper('.slider_prod_wrap', { // Optional parameters slidesPerView: 1, initialSlide: 0, // If we need pagination pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.button-next', prevEl: '.button-prev', }, }); </script> {%- endblock -%}
ОЧИЩЕНИЕ
УХОД
1 этап — ДЕМАКИЯЖ
Мицеллярная вода, 250 мл
Мицеллярная вода, 250 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Себорегулирующая маска с белой и зеленой глиной, 75 мл
Себорегулирующая маска с белой и зеленой глиной, 75 мл
В КОРЗИНУ
2 этап — УМЫВАНИЕ
Деликатная пенка для умывания, 160 мл
Деликатная пенка для умывания, 160 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — глубокое очищение
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
В КОРЗИНУ
1 этап — тонизирующий
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
В КОРЗИНУ
2 этап — интенсивный
Эмульсия азелаиновая от черных точек антиакне, 50 мл
Эмульсия азелаиновая от черных точек антиакне, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Лосьон для глубокого очищения и сужения пор 200 мл
Лосьон для глубокого очищения и сужения пор 200 мл
В КОРЗИНУ
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
В КОРЗИНУ
3 этап — основной
Матирующий дневной крем, 50 мл
Матирующий дневной крем, 50 мл
ВАШИ ПЕРСОНАЛЬНЫЕ ПРЕДЛОЖЕНИЯ:
Очищающий гель для умывания, 400 мл
Очищающий гель для умывания, 400 мл
В КОРЗИНУ
Матирующий тоник, 100 мл
Матирующий тоник, 100 мл
В КОРЗИНУ