Result
| grid_id |
block_id |
content |
object_id |
object_type |
object_ids |
snapping_id |
wrapper |
user_class |
order |
status |
type |
properties |
company_id |
storefront_id |
lang_code |
name |
| 2529 |
2 |
|
0 |
|
|
3870 |
|
top-currencies hidden-app hidden-phone |
0 |
A |
currencies |
a:4:{s:8:"template";s:21:"blocks/currencies.tpl";s:4:"text";s:0:"";s:6:"format";s:6:"symbol";s:14:"dropdown_limit";s:1:"4";} |
0 |
1 |
en |
Currencies |
| 2174 |
7 |
|
0 |
|
|
3293 |
|
bk_footer_search |
0 |
D |
template |
a:1:{s:8:"template";s:62:"addons/ca_search_widget/blocks/static_templates/search_bar.tpl";} |
0 |
1 |
en |
Search |
| 2536 |
7 |
|
0 |
|
|
3872 |
|
hidden-app hidden-phone |
0 |
A |
template |
a:1:{s:8:"template";s:62:"addons/ca_search_widget/blocks/static_templates/search_bar.tpl";} |
0 |
1 |
en |
Search |
| 2540 |
7 |
|
0 |
|
|
3881 |
|
open_search_box hidden-tablet hidden-desktop hidden-app |
0 |
D |
template |
a:1:{s:8:"template";s:62:"addons/ca_search_widget/blocks/static_templates/search_bar.tpl";} |
0 |
1 |
en |
Search |
| 2178 |
18 |
|
0 |
|
|
3296 |
|
|
0 |
D |
template |
a:1:{s:8:"template";s:37:"blocks/static_templates/copyright.tpl";} |
0 |
1 |
en |
Copyright |
| 2171 |
67 |
|
0 |
|
|
3288 |
blocks/wrappers/sidebox_important.tpl |
|
0 |
D |
template |
a:1:{s:8:"template";s:44:"blocks/static_templates/my_account_links.tpl";} |
0 |
1 |
en |
My account |
| 2172 |
69 |
a:1:{s:7:"content";s:434:"<ul id="demo_store_links">
<li class="ty-footer-menu__item"><a href="/faqs">FAQs</a></li>
<li class="ty-footer-menu__item"><a href="/return-and-cancellation-policies">Return Policy</a></li>
<li class="ty-footer-menu__item"><a href="/privacy-policy">Privacy Policy</a></li>
<li class="ty-footer-menu__item"><a href="terms-and-conditions">T&C</a></li>
<li class="ty-footer-menu__item"><a href="contactus">Contact Us</a></li>
</ul>";} |
0 |
|
|
3290 |
blocks/wrappers/sidebox_important.tpl |
footer-no-wysiwyg |
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Help |
| 1952 |
76 |
|
0 |
|
|
2881 |
blocks/wrappers/mainbox_simple.tpl |
homepage-our-brands |
0 |
D |
our_brands |
a:9:{s:8:"template";s:21:"blocks/our_brands.tpl";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"Y";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:3:"3.5";s:11:"total_items";s:2:"50";s:15:"thumbnail_width";s:2:"75";s:18:"outside_navigation";s:1:"Y";} |
0 |
1 |
en |
Our brands |
| 2180 |
331 |
a:1:{s:7:"content";s:11238:"<style type="text/css">
.bk_footer__accountWrap img {
width: 30px;
aspect-ratio: 1;
object-fit: cover;
border-radius: 50%;
}
.bk-product-list__brand a {
font-weight: 600;
}
.bk_footer_tab_list_new {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
}
.bk_footer_tab_list_new > ul {
list-style: none;
margin: 0;
display: flex;
justify-content: space-around;
align-items: end;
position: relative;
}
.bk_footer_tab_list_new > ul > li {
flex: 1;
padding: 0;
background-color: #fff;
}
.bk_footer_tab_list_new > ul > li.bk_footer_navMid {
background-image: radial-gradient(circle at 50% 7%, transparent 28px, #fff 0);
background-color: transparent;
flex: 0 0 auto;
width: 56px;
}
.bk_footer_nav2 {
border-top-right-radius: 10px;
}
.bk_footer_nav4 {
border-top-left-radius: 10px;
}
.bk_footer_tab_list_new > ul > li > a,
.bk_footer_ask-anything {
padding: 6px 0 4px;
text-align: center;
font-size: 12px;
color: #8F8F8F;
display: flex;
flex-flow: column;
justify-content: end;
height: 56px;
cursor: pointer;
}
.bk_footer_tab_list_new ul li.active a {
color: #2DBAA8;
}
.bk_footer_tab_list_new li .bk_foot_activeImg,
.bk_footer_tab_list_new li.active .bk_foot_nonActiveImg {
display: none
}
.bk_footer_tab_list_new li .bk_foot_nonActiveImg,
.bk_footer_tab_list_new li.active .bk_foot_activeImg {
display: flex;
}
.bk_footer_tab_list_new .bk-icon-footer {
display: block;
margin: auto;
}
/* .bk_footer_tab_list_new li.active .bk_foot_activeImg {
opacity: 1;
} */
.bk_footer_tab_list_new .bk-icon-footer svg {
height: 28px;
max-width: none
}
.bk_footer_tab_list_new .bk-icon-footer img {
max-width: 24px;
}
.bk_footer_tab_option_wrap {
position: absolute;
left: 0px;
right: 0px;
bottom: 0;
background: #000000C9;
overflow: hidden;
height: 100vh;
width: 100%;
display: flex;
flex-flow: column;
justify-content: end;
}
.footer_option_container {
background: #fff;
border-radius: 22px 22px 0 0;
padding: 10px 10px 20px;
text-align: center;
}
h3.footer_option_title {
margin: 0;
font-size: 16px;
line-height: 2;
font-weight: 600;
}
.footer_option_header {
position: relative;
margin-bottom: 10px;
}
.footer_option_closeBtn {
background: #EFEAFB80;
border-radius: 50px;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
width: 34px;
height: 34px;
border: 1px solid #EFEAFB80;
display: inline-block;
}
.option-crossBtn:before,
.option-crossBtn:after {
content: '';
width: 2px;
height: 60%;
background: #000000A8;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.option-crossBtn:after {
width: 60%;
height: 2px;
}
ul.bk_footer_tab_option_list {
list-style: none;
margin: 0;
padding-inline: 10px;
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
li.footer_option_tab {
flex: 1;
}
li.footer_option_tab.ask-me {
flex: 0 0 100%;
}
ul.bk_footer_tab_option_list li a,
.footer_option_btn {
padding: 8px 6px;
display: inline-flex;
flex-flow: column;
align-items: center;
justify-content: center;
gap: 5px;
border: 1px solid #EAE9EC;
background: #FFFFFFB2;
box-shadow: 0px 4px 10px -6px #E9D4FF33, 0px 5px 25px -5px #E9D4FF33;
border-radius: 12px;
width: 100%;
}
li.footer_option_tab.ask-me button {
flex-flow: row;
background: #02A2B0;
border: 1px solid #32D1C1;
height: 60px;
}
li.footer_option_tab.ask-me p {
color: #fff;
}
ul.bk_footer_tab_option_list li a:active,
.option-crossBtn:active {
opacity: 0.9;
}
ul.bk_footer_tab_option_list li span img {
width: 28px;
}
ul.bk_footer_tab_option_list li p {
display: inline-block;
padding: 0;
font-size: 14px;
font-weight: 500;
color: #27262C;
}
</style>
<div class="bk_footer_tab_list_new">
<ul>
<li {if $runtime.controller == 'index' && $runtime.mode == 'index'} class="active" {/if} ><a href="/">
<span class="bk-icon-footer bk_foot_activeImg">
<img src="https://cdn.kindlife.in/images/lotti-icons/footer-kiki-active.svg" alt="kiki-logo" loading="lazy">
</span>
<span class="bk-icon-footer bk_foot_nonActiveImg">
<img src="https://cdn.kindlife.in/images/lotti-icons/footer-kiki-nonActive.svg" alt="kiki-logo" loading="lazy">
</span>For you </a>
</li>
<li {if $runtime.controller == 'kindsale' && $runtime.mode == 'kindlife-luxe'} class="active" {/if} ><a href="/luxe">
<span class="bk-icon-footer">
<img src="https://cdn.kindlife.in/images/ui_icon/footer-kindluxe-icon.png" alt="luxe-logo" loading="lazy">
</span> Store </a>
</li>
<li {if ($runtime.controller== 'kindsale' && $runtime.mode == 'beautytalk')} class="active" {/if}><a href="live-sessions">
<span class="bk-icon-footer">
<img src="https://cdn.kindlife.in/images/ui_icon/footer-live-icon.png" alt="live-logo" loading="lazy">
</span> Live </a>
</li>
<li {if ($runtime.controller== 'community' && $runtime.mode == 'video')} class="active" {/if}>
<a href="/community">
<span class="bk-icon-footer">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-watch-icon.svg" alt="watch-logo" loading="lazy">
</span>
Watch </a>
</li>
<li {if ($runtime.controller== 'auth' && $runtime.mode == 'login_form') || ($runtime.controller== 'pprofile' && $runtime.mode == 'account')} class="active" {/if} >
<a href="index.php?dispatch=kl_account.account">
<span class="bk-icon-footer bk_foot_nonActiveImg">
{if !empty($auth['user_id'])}
<div id="bk_mobile_menu_user_pic" class="bk_footer__accountWrap"><img src="{$config.female_default_icon}" alt="user-icon" loading="lazy"></div>
{else}
<img src="https://cdn.kindlife.in/images/ui_icon/bk-userDefault2.svg" alt="user-icon" loading="lazy">
{/if}
</span>
<span class="bk-icon-footer bk_foot_activeImg">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-userDefault2.svg" alt="user-icon" loading="lazy">
</span>Account</a>
</li>
<li {if ($runtime.controller== 'kl_qna' && $runtime.mode == 'kl_qna')} class="active" {/if} >
<div class="bk_footer_ask-anything">
<span class="bk-icon-footer">
<img src="https://cdn.kindlife.in/images/ui_icon/footer-ask-kiki-outline-icon.svg" alt="ask-kiki-logo">
</span> Ask kiki</div>
</li>
</ul>
<div class="bk_footer_tab_option_wrap" style="display: none;">
<div class="footer_option_container">
<div class="footer_option_header">
<h3 class="footer_option_title">kiki.Ai</h3>
<button class="footer_option_closeBtn"><span class="option-crossBtn"></span></button>
</div>
<ul class="bk_footer_tab_option_list">
<li class="footer_option_tab ask-me">
<button class="footer_option_btn askMeAnything-openChatBtn">
<span><img src="https://cdn.kindlife.in/images/ui_icon/footer-option-askMe-icon1.png" alt="askMe-icon" loading="lazy"></span><p>Ask Me Anything</p>
</button>
</li>
{* {if $auth['user_id']} *}
<li class="footer_option_tab ing-scan">
<a href="{if $auth['user_id']}/ingredient-label-scan?ingredient_label_scan=open {else}/login{/if}">
<span><img src="https://cdn.kindlife.in/images/ui_icon/footer-option-ingredient-icon.svg" alt="ingredient-icon" loading="lazy"></span><p>Ingradient Scan</p>
</a>
</li>
{* {/if} *}
<li class="footer_option_tab skin-analyse">
<a href="https://kindlife.go.link/www.kindlife.in/skinanalyser?adj_t=1stsaiys&adj_deep_link_id=374676">
<span><img src="https://cdn.kindlife.in/images/ui_icon/footer-option-faceAnalysis-icon.svg" alt="faceAnalysis-icon" loading="lazy"></span><p>Skin Analyser</p>
</a>
</li>
{* <li class="footer_option_tab">
<a href="https://kindlife.go.link/www.kindlife.in/skinanalyser?adj_t=1stsaiys&adj_deep_link_id=374676">
<span><img src="https://cdn.kindlife.in/images/ui_icon/footer-option-routine-icon.svg" alt="routine-icon" loading="lazy"></span><p>Personalised Routine</p>
</a>
</li> *}
</ul>
</div>
</div>
</div>
<script>
if (typeof window !== 'undefined' && window.ReactNativeWebView) {
// $('.bk_footer_tab_list_new').hide();
}
// function to open extra options
$(".bk_footer_ask-anything").click(function(){
$(".bk_footer_tab_option_wrap").toggle().addClass("show");
})
// function to close extra options
$(".footer_option_closeBtn, .footer_option_btn").click(function(){
$(".bk_footer_tab_option_wrap").toggle().removeClass("show");
})
$(document).ready(function() {
if(!window.ReactNativeWebView){
let curr_time_in_sec = (Math.floor((new Date().getTime())/1000));
function renderUserData(user_data) {
if (user_data && user_data.user_profile_pic) {
var html = '<img src="' + user_data.user_profile_pic + '">';
$('#bk_mobile_menu_user_pic').html(html);
} else {
console.log('No user profile picture found in the response.');
}
}
function saveToLocalStorage(key, data) {
localStorage.setItem(key, data);
}
function remFromLocalStorage(key) {
localStorage.removeItem(key);
}
function fetchUserData() {
Tygh.$.ceAjax('request', fn_url('kl_account.user_profile_data'), {
data: { 'is_ajax': 1, 'type': 'mobile_menu', 'ts': Date.now() },
method: 'GET',
callback: function (user_data) {
renderUserData(user_data);
if(user_data.no_data) {
return;
}
let renew_threshold = 60*60*24*7; //7 days
user_data.ttl = curr_time_in_sec + renew_threshold;
saveToLocalStorage(window.btoa("user_profile_data"), window.btoa(JSON.stringify(user_data)));
},
hidden: true,
});
}
}
});
</script>";} |
0 |
|
|
3294 |
|
hidden-tablet hidden-desktop |
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
footer tabs - new |
| 2176 |
332 |
a:1:{s:7:"content";s:1571:"<style>
ul.bk_foot_services {
margin:0;
padding: 20px 0;
list-style: none;
display: flex;
justify-content: space-around;
overflow: auto;
}
.bk_foot_services li {
display: flex;
padding: 0 10px;
min-width: fit-content;
}
.bk_foot_services li figure {
padding: 5px;
border: 1px solid #000;
border-radius: 50%;
}
.bk_foot_services .bk_foot_services_text {
padding-left: 10px;
display: flex;
align-items: center;
}
</style>
<div class="bk_container">
<ul class="bk_foot_services">
<li>
<figure><img src="https://cdn.kindlife.in/images/ui_icon/Free-Shipping.svg" alt="icon" width="34" height="34"></figure>
<div class="bk_foot_services_text">Free shipping on <br> orders above ₹699</div>
</li>
<li>
<figure><img src="https://cdn.kindlife.in/images/ui_icon/easy-retunrs.svg" alt="icon" width="34" height="34"></figure>
<div class="bk_foot_services_text">5 days <br> easy returns</div>
</li>
<li>
<figure><img src="https://cdn.kindlife.in/images/ui_icon/100perc-autehntic.svg" alt="icon" width="34" height="34"></figure>
<div class="bk_foot_services_text">100% authentic, <br> direct sourcing</div>
</li>
<li>
<figure><img src="https://cdn.kindlife.in/images/ui_icon/sku-sold.svg" alt="icon" width="34" height="34"></figure>
<div class="bk_foot_services_text">2M+ units sold</div>
</li>
</ul>
</div>
";} |
0 |
|
|
3295 |
|
bk_footer_kind |
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Footer kind-icons |
| 2538 |
333 |
a:1:{s:7:"content";s:2447:"<style type="text/css">
.bk_header_right {
position: relative;
}
.bk-icon-proicohdr img {
width: 24px;
border-radius: 100px;
}
.bk_profileIconHeader .bk_proicohdr_activeImg {
display: none;
}
.bk_profileIconHeader .bk_proicohdr_nonActiveImg {
display: block;
}
.bk_profileIconHeader .active .bk_proicohdr_activeImg {
display: block;
}
.bk_profileIconHeader .active .bk_proicohdr_nonActiveImg {
display: none;
}
.bk_profileIcon {
width: 50px;
text-align: center;
line-height: 60px;
cursor: pointer;
}
.bk_profileIconHeader svg {
width: 26px;
height: 26px;
vertical-align: middle;
}
</style>
<div class="bk_myaccount_navigation_container">
<div class="bk_profileIconHeader bk_my_account_nav_click">
<div class="bk_profileIcon {if $auth['user_id']}active{/if}">
<span class="bk-icon-proicohdr bk_proicohdr_activeImg">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-userActive1.svg" alt="user-icon" loading="lazy" width="24" height="24">
</span>
<span class="bk-icon-proicohdr bk_proicohdr_nonActiveImg">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-userDefault1.svg" alt="user-icon" loading="lazy" width="24" height="24">
</span>
</div>
</div>
<div class="bk_my_account_navigation"></div>
</div>
{literal}
<script>
$(document).ready(function () {
$(".bk_my_account_navigation").append($(".bk_my_account_navigation_block"));
$('.bk_my_account_nav_click').on('click', function () {
$(".bk_my_account_navigation").slideToggle();
$('.bk_my_account_navigation_block .bk_PopUpProfile').removeClass('hidden');
return false;
});
$('.bk_proflie_popClosePP').click(function () {
$(".bk_my_account_navigation").slideUp();
});
$(".bk_my_account_navigation_block .bk_nav_toggle").click(function () {
$(this).closest('li').toggleClass('active').siblings().removeClass('active');
$(this).closest('li').find('.bk_nav_drdn').slideToggle();
$(this).closest('li').siblings().find('.bk_nav_drdn').slideUp();
});
});
</script>
{/literal}";} |
0 |
|
|
3875 |
|
hidden-phone |
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
sign in desktop |
| 2528 |
361 |
a:1:{s:7:"content";s:12117:"<style>
/*-------New UI css 30 Jul-------*/
.ty-thumbnail-list .ty-thumbnail-list__item {
border-radius: 1rem;
box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px;
}
.ty-simple-list__buttons .bk-icon-listcart, .bk_list_cartNonActive .ty-icon-cartxd, .bk-icon-listcart {
border-radius: 30px;
color: #f47b55;
font-weight: 600 !important;
width: fit-content;
}
body *,
div .ty-menu__item .ty-menu__item-link,
div .ty-btn.ty-btn__primary,
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], textarea, select {
font-family: "DM Sans", sans-serif;
}
.bk-price-update {
font-weight: 600;
color: #1b1c1e;
font-size: 16px;
}
.ty-thumbnail-list__brand a {
color: #202121;
font-weight: 600;
}
.bk_list_cartNonActive .ty-icon-cartxd, .bk-icon-listcart {
height: 36px;
margin: 0px;
border: 1px solid #f47b54;
border-radius: 30px;
}
.bk_list_cartNonActive .ty-icon-cartxd {
border: none;
background: #f47b54;
color: #fff;
}
.bk-icon-listcart:before {
content: "\e902";
display: none;
}
.bk_list_cartNonActive-img {
display: none;
}
</style>
<style>
.ty-thumbnail-list__name a {
font-size: 14px;
}
div.ty-product-review-reviews-stars {
background: transparent;
line-height: 13px;
}
span.pro_rat_scr {
color: #1b1c1e;
font-weight: 500;
font-size: 14px;
}
.ty-thumbnail-list__item .ty-thumbnail-list__img-block {
border: none;
}
.bk_tag_product {
display: flex;
}
.search-typeahead .search-input {
padding: 7px 72px 7px 20px;
}
.ty-simple-list__buttons .bk-icon-listcart, .bk-icon-listcart{
height: 36px;
margin: 0px;
border: 1px solid #f47b54;
border-radius: 30px;
}
ul.bk_media_tagList {
display: flex;
flex-wrap: wrap;
gap: 3px;
margin-top: 8px;
}
ul.bk_media_tagList .bk_media_tagItem {
background: #DFDEE3;
padding: 1px 6px;
border-radius: 22px;
font-size: 12px;
color: #262626;
}
body p,
body a,
body div,
body li,
body .bk_product_type_detail .bk_prod_name a {
font-size: 15px;
}
.bk_price_discount {
font-size: 15px;
font-weight: 500;
}
.bk-list-price {
font-size: 15px;
}
.bk_wish_collection_block span p {
font-size: 12px !important;
}
/* css for seo-content start */
body {
overflow-x: hidden;
}
div .seo-content {
background-color: #f1f3f6;
width: 100vw !important;
position: relative;
margin: 20px -50vw 0 !important;
left: 50%;
right: 50%;
}
#tygh_main_container .seo-content:not(:has(p)) {
display: none;
}
.seo-content > div {
max-width: 1200px;
margin: 0 auto;
padding: 10px 20px;
}
div .seo-content :is(h1,h2,h3,h4) {
margin: 10px 0 6px;
}
div .seo-content h1 {
font-size: 16px;
}
div .seo-content h2 {
font-size: 14px;
}
div .seo-content h3 {
font-size: 13px;
}
div .seo-content h4 {
font-size: 13px;
}
div .seo-content p {
padding: 0 0 4px;
font-size: 12px;
}
div .seo-content ul li {
padding: 0 0 5px;
font-size: 12px;
}
div .seo-content ul li p {
padding: 0;
}
.seo-content * {
color: #878787 !important;
}
/* css for seo-content end */
/* css for video-swiper video start */
div .video-content a.watch_product_tag_brand,
div .video-content .watch_product_tag_title h2 {
font-size: 13px;
}
div .video_content_left {
max-height: unset;
max-width: 30%;
width: 100%;
min-width: 400px;
}
@media (max-width: 767px) {
div .video-content .watch_product_tag_item {
height: 125px;
}
}
@media (max-width: 480px) {
div .video-content a.watch_product_tag_brand,
div .video-content .watch_product_tag_title h2 {
font-size: 12px;
}
div .video_content_left {
max-width: 100%;
min-width: unset
}
div .video_content_right {
max-width: 100%;
}
}
/* css for video-swiper video end */
.bk_coll_user_info img {
background: #fafafa;
}
li.ty-cart-items__list-item {
display: none;
}
.ty-wysiwyg-content h4 {
font-weight: 500;
font-size: 16px;
}
/* new search widget css start*/
div .search-widget-container .search-input-container {
box-shadow: none;
}
/* new search widget css end*/
/* css for profile-updaate start */
.bk_profile_updt_form .ty-profile-field__buttons.buttons-container {
padding-top: 10px;
}
/* css for profile-updaate end */
/* css for review popup start */
.bk_pop-up_content .ty-product-review-new-product-review-rating .ty-control-group > div:last-child {
position: absolute;
width: 100px;
height: 100px;
right: 20px;
top: 0;
font-size: 11px;
}
.bk_pop-up_content .ty-product-review-new-product-review-rating .ty-control-group > div:last-child span {
overflow: hidden;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 16px;
}
.help-inline p {
font-size: 80%;
}
@media (max-width:480px) {
.bk_pop-up_content .ty-product-review-new-product-review-rating .ty-control-group > div:last-child {
width: 90px;
height: 90px;
}
}
/* css for review popup end */
/* css for address page flag dropdown start */
div .bk_address_savedAddress .iti__country-list {
bottom: 100%;
}
div .bk_address_savedAddress .bk_formGrp {
overflow: unset;
}
div .bk_address_savedAddress .bk_col_row {
overflow: auto;
}
/* css for address page flag dropdown end */
/* css for desk-nav-menu start */
.ty-menu-item__cokodive .ty-menu__item-link {
background: url('https://cdn.kindlife.in/images/ui_icon/cokodive-logo.png') center no-repeat !important;;
background-size: contain !important;
color: transparent !important;
user-select: none;
}
.ty-menu-item__kindluxe .ty-menu__item-link {
background: url('https://cdn.kindlife.in/images/ui_icon/kindluxe-logo-menu.svg') center no-repeat !important;;
background-size: contain !important;
color: transparent !important;
user-select: none;
font-size: 16px;
height: auto !important;
line-height: 26px !important;
min-height: auto;
}
.ty-menu__item.ty-menu-item__kindluxe {
border-radius: 22px;
background: linear-gradient(144.46deg, #FFFFFF 12.67%, #E8F5E1 51.8%, #FFFFFF 86.67%);
border: 1px solid #cdf3b8;
padding: 0 12px !important;
margin: 0 6px;
}
.ty-menu-item__kindluxe a:before {
display: none;
}
@media (max-width: 767px) {
.ty-menu-item__cokodive .ty-menu__item-link {
background-position: 16px 6px !important;
background-size: 80px !important;
}
.ty-menu__item.ty-menu-item__kindluxe {
border-radius: 0;
background: transparent;
border: 0;
}
.ty-menu-item__kindluxe .ty-menu__item-link {
background-position: 16px 6px !important;
background-size: 80px !important;
line-height: normal !important;
}
}
/* css for desk-nav-menu end */
/* css for kiki-ai page start */
div .kiki_people_qna_container {
display: none !important;
}
/* css for kiki-ai page end */
/*css for popup-review start */
@media(max-width: 767px) {
div .ty-product-detail .ty-product-block__left {
padding:0;
}
div .ty-product-block__left .bk_pdp_desc_wraper {
margin-top: 0;
}
}
@media(max-width: 480px) {
.bk_review_popup_new.k-ty-product-review .ty-product-review-new--review__body {
height: calc(75vh - 100px);
}
}
/*css for popup-review end */
a:hover {
color: #000;
}
div .ty-owl-controls .owl-prev {
position: absolute;
left: 0;
}
div .ty-owl-controls .owl-next {
position: absolute;
right: 0;
}
/*css for pdp page start */
span.bk_feature_pdpShipment.bk_pdpShipment-block {
display: none;
}
/*css for pdp page end */
/*css for plp page banner */
.bk_catBanner.mobile {
display: none;
}
.bk_catBanner.mobile img {
width: 100%
}
/*css for plp page banner */
body * {
scrollbar-width: none;
}
.bk_upload_album,
.bk_album_tab {
display: none !important;
}
.ty-product-review-reviews-stars:before {
display: none;
}
.container-fluid .buttons-container {
background: transparent;
}
.ty-login-reglink {
display: none;
}
.bk_desktop_nav .rfs-intrest-cate .ty-menu__submenu-items .ty-top-mine__submenu-col:last-child,
.bk_desktop_nav .rfs-intrest-cate-in .ty-menu__submenu-items .ty-top-mine__submenu-col:last-child {
background: #8cddc6;
padding: 0px 10px;
}
.ty-menu-item__sale .ty-menu__item-link {
color: #fe7400 !important;
font-weight: 500;
}
.ty-menu-item__express .ty-menu__item-link {
color: #22D1C1 !important;
font-weight: 500;
}
.banners .ty-banner__image-item img {
width: 100%;
}
.alert-error {
border-color: #fff !important;
background: #27262C !important;
color: #F1AB51 !important;
border-radius: 12px !important;
}
.alert-error .close {
color: #fff !important;
}
div.notification-container {
top: auto;
bottom: 80px;
right: auto;
left: 50%;
transform: translateX(-50%);
min-width: unset;
width: max-content;
}
@media (max-width: 767px) {
.tygh-header {
position: sticky;
top: 0;
z-index: 99;
}
.bk_catBanner.desktop {
display: none;
}
.bk_catBanner.mobile {
display: block;
}
.ty-search-block_category_bk .search-results.dropdown-style {
position: fixed;
top: 50px;
box-shadow: none;
border-radius: 0;
max-height: 80vh;
}
}
@media (max-width: 480px) {
div.notification-container {
bottom: 130px;
max-width: 80%;
}
}
</style>
<!-- main popup css start -->
<style>
.sd-popup__content .sd-popup__close {
color: #000;
font-size: 24px;
top: 5px;
right: 5px;
background: #c9c9c9;
width: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
font-weight: 400;
z-index: 1;
}
.sd-popup__content .sd-popup__close:hover,
.sd-popup__content .sd-popup__close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.hp_popup-block {
position: relative;
}
.hp_popup-links {
position: absolute;
bottom: 17%;
right: 4%;
width: 43%;
display: flex;
justify-content: space-evenly;
gap: 10%;
}
.hp_popup-links a {
flex: 1;
padding: 3% 0;
}
.hp_popup-links span {
opacity: 0;
}
/* main popup css end */
@font-face {
font-family: glyphs;
src: url('../../../../../../../../design/themes/new_2bk/media/fonts/glyphs.eot');
src: url('../../../../../../../../design/themes/new_2bk/media/fonts/glyphs.eot') format('embedded-opentype'),
url('../../../../../../../../design/themes/new_2bk/media/fonts/glyphs.woff') format('woff'),
url('../../../../../../../../design/themes/new_2bk/media/fonts/glyphs.ttf') format('truetype'),
url('../../../../../../../../design/themes/new_2bk/media/fonts/glyphs.svg') format('svg');
font-display: swap;
}
.saleOffer {
display: none !important;
}
body *,
div .ty-menu__item .ty-menu__item-link,
div .ty-btn.ty-btn__primary,
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], textarea, select {
font-family: "DM Sans", sans-serif;
}
</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap" onload="this.onload=null;this.rel='stylesheet'">
";} |
0 |
|
|
3867 |
|
|
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
CSS Custom Temporary |
| 2535 |
627 |
a:1:{s:4:"menu";s:1:"2";} |
0 |
|
|
4183 |
|
bk_newSideNav |
0 |
A |
menu |
a:2:{s:8:"template";s:33:"blocks/menu/dropdown_vertical.tpl";s:25:"right_to_left_orientation";s:1:"N";} |
0 |
1 |
en |
main menu mobile |
| 7357 |
768 |
a:1:{s:7:"content";s:226:"<figure class="bk-live-shop__video">
<img src="https://cdn.kindlife.in/images/banners/landing-page/serum101-lp/Serums-0701-bt-vt.webp" alt="beauty-talk-image"
width="250" height="350" loading="lazy">
</figure>
";} |
0 |
|
|
13858 |
|
|
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Skincare bt face shop img |
| 7164 |
2839 |
a:1:{s:7:"content";s:4161:"<style>
.ty-thumbnail-list .ty-thumbnail-list__item {
border-radius: 10px;
}
.ty-thumbnail-list__brand a {
padding-left: 5px;
}
.ty-thumbnail-list__item .ty-thumbnail-list__name {
padding: 0 5px;
}
.ty-thumbnail-list__price {
padding-left: 5px;
}
.ty-thumbnail-list__rating {
padding-left: 5px;
}
.ty-thumbnail-list__item .ty-thumbnail-list__butons {
padding-left: 5px;
}
.bk-live-shop__left {
text-align: center;
}
/*
.bk-live-shop__video {
max-width: 100%;
width: 80%;
border-radius: 12px;
overflow: hidden;
} */
figure.bk-live-shop__video {
width: 100%;
}
.bk-live-shop__video img {
width: 100%;
height: auto;
aspect-ratio: 5/7;
}
@media (max-width: 767px) {
.span16.bk_Beauty_Talk > .row-fluid {
display: flex;
overflow: hidden;
}
.span16.bk_Beauty_Talk > .row-fluid:before,.span16.bk_Beauty_Talk > .row-fluid:after {
display: none;
}
.bk_Beauty_Talk .row-fluid .bk-live-shop__left {
text-align: left;
flex: 0 0 200px;
margin-right: 10px;
}
.bk_Beauty_Talk .row-fluid .bk-live-shop__right {
flex: 1;
overflow: auto;
}
.bk-live-shop__video img {
aspect-ratio: 2 / 3;
object-fit: cover;
}
.bk-live-shop__video {
width: 100%;
}
}
</style>
<style>
/* beauty talk css start */
.span4.bk-live-shop__left {
flex: 0 0 240px;
margin-right: 10px;
}
.span12.bk-live-shop__right {
flex: 1;
margin: 0;
overflow: auto;
}
.span16.bk_Beauty_Talk .row-fluid:last-child {
display: flex;
}
.span16.bk_Beauty_Talk .row-fluid:last-child:before,
.span16.bk_Beauty_Talk .row-fluid:last-child:after {
display: none;
}
.bk-live-shop__video img {
width: 100%;
height: auto;
border-radius: 12px;
object-fit: cover;
aspect-ratio: 3 / 4;
}
@media (max-width: 767px) {
.span4.bk-live-shop__left {
display: none;
}
.bt_scroller_mobile.vt-new {
background-image: url(https://cdn.kindlife.in/images/banners/landing-page/serum101-lp/Serums-0701-bt-vt.webp);
background-color:#62060b;
}
.bt_scroller_mobile.skincare {
background-image: url(https://cdn.kindlife.in/images/banners/home-page-images/Kbeauty-skin-has-desk_beauty1.webp);
background-color:#c0c0de;
}
.bt_scroller_mobile.tirtirn {
background-image: url(https://cdn.kindlife.in/images/banners/landing-page/kbw-lp/Kbeauty-0309-bt-tirtir.webp);
background-color: #b68463;
}
.bt_scroller_mobile.biore {
background-image: url(https://cdn.kindlife.in/images/banners/hp-images/HP-1601-bt-biore.webp);
background-color: #c3e4ed;
}
.bt_scroller_mobile.dashing {
background-image: url(https://cdn.kindlife.in/images/banners/landing-page/kbw-lp/kbw-0711bt-dashing-diva.webp);
background-color: #e5e6e3;
}
.bt_scroller_mobile.spf-holi {
background-image: url(https://cdn.kindlife.in/images/banners/hp-images/HP-1902-spf-bt.webp);
background-color: #b28f88;
}
.bt_scroller_mobile.hair-holi {
background-image: url(https://cdn.kindlife.in/images/banners/hp-images/HP-1602-holi-bt.webp);
background-color: #bc5c78;
}
.bt_scroller_mobile {
background-size: contain;
background-position: left;
background-repeat: no-repeat;
padding: 10px 10px 10px 0;
}
.bt_scroller_mobile .ty-thumbnail-list {
padding-left: min(50%, 225px);
}
.bt_scroller_mobile .ty-thumbnail-list__item {
border-radius: 6px;
}
}
/* beauty talk css end */
</style>
<figure class="bk-live-shop__video"><img src="https://cdn.kindlife.in/images/banners/home-page-images/Kbeauty-skin-has-desk_beauty1.webp" alt="beauty-talk-image" width="170" height="200"></figure>";} |
0 |
|
|
13409 |
|
|
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Kbw beauty talk css |
| 7165 |
3107 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:51:"9464,31137,65283,34148,67565,65223,39926,3965,23656";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13410 |
|
bt_scroller_mobile skincare |
0 |
A |
products |
a:9:{s:8:"template";s:40:"blocks/products/products_links_thumb.tpl";s:10:"show_price";s:1:"Y";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:15:"thumbnail_width";s:3:"250";s:8:"hide_tag";s:1:"N";s:17:"show_share_button";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Kbw beauty talk mob |
| 2868 |
3138 |
a:1:{s:7:"content";s:3226:"<div class="bk_ticker_block new_block">
<div class="bk_homepage-ticker">
<div id="bk_homepage-ticker__content_1-0" class="bk_homepage-ticker__content bk_app_downloadBtn1">
<ul class="bk_homepage-ticker__list">
<li class="bk_homepage-ticker__item">
<span class="bk_link__wrapper"> <span class="code">APP15</span> for 15% extra discount on orders
₹999+ </span>
</li>
<li class="bk_homepage-ticker__item">
<span class="bk_link__wrapper"> Download app now to unlock this offer </span>
</li>
<li class="bk_homepage-ticker__item">
<span class="bk_link__wrapper"> <span class="code">APP15</span> for 15% extra discount on orders
₹999+ </span>
</li>
<li class="bk_homepage-ticker__item">
<span class="bk_link__wrapper"> Download app now to unlock this offer </span>
</li>
</ul>
<ul class="bk_homepage-ticker__list">
<li class="bk_homepage-ticker__item">
<span class="bk_link__wrapper"> <span class="code">APP15</span> for 15% extra discount on orders
₹999+ </span>
</li>
<li class="bk_homepage-ticker__item">
<span class="bk_link__wrapper"> Download app now to unlock this offer </span>
</li>
<li class="bk_homepage-ticker__item">
<span class="bk_link__wrapper"> <span class="code">APP15</span> for 15% extra discount on orders
₹999+ </span>
</li>
<li class="bk_homepage-ticker__item">
<span class="bk_link__wrapper"> Download app now to unlock this offer </span>
</li>
</ul>
<ul class="bk_homepage-ticker__list">
<li class="bk_homepage-ticker__item">
<span class="bk_link__wrapper"> <span class="code">APP15</span> for 15% extra discount on orders
₹999+ </span>
</li>
<li class="bk_homepage-ticker__item">
<span class="bk_link__wrapper"> Download app now to unlock this offer </span>
</li>
<li class="bk_homepage-ticker__item">
<span class="bk_link__wrapper"> <span class="code">APP15</span> for 15% extra discount on orders
₹999+ </span>
</li>
<li class="bk_homepage-ticker__item">
<span class="bk_link__wrapper"> Download app now to unlock this offer </span>
</li>
</ul>
</div>
</div>
</div>
<script>
function getMobileOperatingSystem() {
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
if (/windows phone/i.test(userAgent)) {
return "Windows Phone";
}
if (/android/i.test(userAgent)) {
return "Android";
}
if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
return "iOS";
}
return "unknown";
}
function DetectAndServe() {
let os = getMobileOperatingSystem();
// alert(os)
if (os == "Android") {
window.location.href = "https://play.google.com/store/apps/details?id=com.kindlife&hl=en_IN&gl=US";
} else if (os == "iOS") {
window.location.href = "https://apps.apple.com/us/app/kindlife/id1558677327";
} else if (os == "Windows Phone") {
window.location.href = "https://kindlife.in";
} else {
window.location.href = "https://kindlife.in";
}
}
$(".bk_app_downloadBtn1").click(() => {
DetectAndServe();
})
</script>";} |
0 |
|
|
11083 |
|
hidden-app hidden-phone |
0 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP ticker to download app |
| 5524 |
3329 |
a:1:{s:7:"content";s:11021:"<style>
.bk_mainbox-heading .bk_mainbox-title {
font-weight: 400;
text-transform: uppercase;
}
@keyframes scroller {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-33.333%);
}
}
.bk_logo_slidingr {
/* box-shadow: 0 0 20px -5px rgba(0, 0, 0, .125); */
overflow: hidden;
position: relative;
}
.sliding-track {
animation: scroller 20s linear infinite;
display: flex;
width: max-content;
padding-top: 10px;
}
.sliding {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
</style>
<style>
.heading-container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 5px;
margin-top: 50px;
margin-bottom: 15px;
}
.heading-text {
font-size: 24px;
font-weight: 500;
}
h2.heading-text {
margin: 0px;
}
.logo {
height: 30px;
}
.location-item {
gap: 8px;
font-size: 18px;
padding: 0 20px;
}
.location-item img {
width: 20px;
height: 20px;
}
@media (max-width: 600px) {
.heading-text {
font-size: 20px;
}
.locations {
flex-direction: column;
gap: 20px;
}
.location-item {
font-size: 16px;
}
.heading-container {
margin-top: 20px;
}
}
</style>
<div class="heading-container bk_block_heading">
<h2 class="heading-text">Try & Buy In-Store at</h2>
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-new-u.png" alt="New U Logo" class="logo">
</div>
<div class="bk_logo_slidingr locations">
<div class="sliding-track">
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Delhi
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Noida
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Gurugram
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Faridabad
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Dehradun
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Indore
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Raipur
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Hissar
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Jammu
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Lucknow
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Bareilly
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Faizabad
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Delhi
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Noida
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Gurugram
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Faridabad
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Dehradun
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Indore
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Raipur
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Hissar
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Jammu
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Lucknow
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Bareilly
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Faizabad
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Delhi
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Noida
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Gurugram
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Faridabad
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Dehradun
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Indore
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Raipur
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Hissar
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Jammu
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Lucknow
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Bareilly
</div>
<div class="sliding location-item">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1006-location-img.png"
alt="Location Pin" width="20" height="20" loading="lazy" />Faizabad
</div>
</div>
</div>";} |
0 |
|
|
12163 |
|
|
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP new u stores |
| 7358 |
3354 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:53:"69803,69807,69817,69361,69382,66511,66506,39065,66504";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13857 |
|
bt_scroller_mobile vt-new |
0 |
D |
products |
a:9:{s:8:"template";s:40:"blocks/products/products_links_thumb.tpl";s:10:"show_price";s:1:"Y";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:15:"thumbnail_width";s:3:"400";s:8:"hide_tag";s:1:"N";s:17:"show_share_button";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Serums vt PIDS |
| 6890 |
3456 |
a:1:{s:7:"content";s:3459:"<style>
.bk_ticker_block.fullmoon {
background-color: #f77f00;
display: flex;
margin: 40px 0 0;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
.bk_homepage-ticker {
padding: 0.3rem 1rem;
overflow: hidden;
white-space: nowrap;
position: relative;
}
.bk_homepage-ticker__content {
display: inline-flex;
white-space: nowrap;
animation: marquee 30s linear infinite;
will-change: transform;
}
.bk_homepage-ticker__list {
display: inline-flex;
margin: 0 !important;
padding: 0;
}
.bk_homepage-ticker__item {
display: inline-flex;
align-items: center;
}
.bk_homepage-ticker__item span {
display: inline-block;
/* color: #fff; */
color: #1a1a2e;
font-weight: 500;
margin: 0 10px;
font-size: 16px;
}
.bk_homepage-ticker__item .code {
background-color: #fff;
border-radius: 5px;
color: #fff;
padding: 0 5px;
margin: 0 4px 0 0;
}
#bk_homepage-ticker__content_1-0:hover {
animation-play-state: paused;
}
/* .bk_homepage-ticker__item:after {
display: inline-block;
content: "✦";
margin: 0 1rem;
color: #fff;
} */
.bk_homepage-ticker__item a {
color: #fff;
border-radius: 22px;
line-height: 28px;
display: inline-block;
padding: 0 10px;
margin: 0;
}
.bk_homepage-ticker__item a:hover {
text-decoration: underline !important;
}
/* Seamless marquee animation */
@keyframes marquee {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
/* move by half, since content is duplicated */
}
}
/* Mobile adjustments */
@media (max-width: 767px) {
.bk_ticker_block.fullmoon {
margin-top: 20px;
}
.bk_homepage-ticker__item:after {
margin: 0 0.7rem;
}
.bk_homepage-ticker__item span {
font-size: 14px;
}
.bk_homepage-ticker__item a {
line-height: 26px;
padding: 0 8px;
margin: 0 0.4rem;
font-size: 12px;
}
}
</style>
<div class="bk_ticker_block fullmoon" style="display:none;">
<div class="bk_homepage-ticker">
<div id="bk_homepage-ticker__content_1-0" class="bk_homepage-ticker__content">
<ul class="bk_homepage-ticker__list">
<li class="bk_homepage-ticker__item ">
<span class="bk_link__wrapper"> Use KIND10 for 10% off on ₹1,799+ </span>
</li>
<li class="heart heart-green"></li>
<li class="bk_homepage-ticker__item">
<span>Valid on selected brands </span>
</li>
<li class="heart heart-blue"></li>
<li class="bk_homepage-ticker__item">
<span>Use KIND10 for 10% off on ₹1,799+</span>
</li>
</ul>
<ul class="bk_homepage-ticker__list">
<li class="heart heart-green"></li>
<li class="bk_homepage-ticker__item">
<span>Valid on selected brands </span>
</li>
<li class="heart heart-blue"></li>
<li class="bk_homepage-ticker__item">
<span>Use KIND10 for 10% off on ₹1,799+</span>
</li>
</ul>
<ul class="bk_homepage-ticker__list">
<li class="heart heart-green"></li>
<li class="bk_homepage-ticker__item">
<span>Valid on selected brands </span>
</li>
<li class="heart heart-blue"></li>
<li class="bk_homepage-ticker__item">
<span>Use KIND10 for 10% off on ₹1,799+</span>
</li>
</ul>
</div>
</div>
</div>";} |
0 |
|
|
13814 |
|
|
0 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Full moon - Glow10 ticker |
| 7055 |
3456 |
a:1:{s:7:"content";s:3459:"<style>
.bk_ticker_block.fullmoon {
background-color: #f77f00;
display: flex;
margin: 40px 0 0;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
.bk_homepage-ticker {
padding: 0.3rem 1rem;
overflow: hidden;
white-space: nowrap;
position: relative;
}
.bk_homepage-ticker__content {
display: inline-flex;
white-space: nowrap;
animation: marquee 30s linear infinite;
will-change: transform;
}
.bk_homepage-ticker__list {
display: inline-flex;
margin: 0 !important;
padding: 0;
}
.bk_homepage-ticker__item {
display: inline-flex;
align-items: center;
}
.bk_homepage-ticker__item span {
display: inline-block;
/* color: #fff; */
color: #1a1a2e;
font-weight: 500;
margin: 0 10px;
font-size: 16px;
}
.bk_homepage-ticker__item .code {
background-color: #fff;
border-radius: 5px;
color: #fff;
padding: 0 5px;
margin: 0 4px 0 0;
}
#bk_homepage-ticker__content_1-0:hover {
animation-play-state: paused;
}
/* .bk_homepage-ticker__item:after {
display: inline-block;
content: "✦";
margin: 0 1rem;
color: #fff;
} */
.bk_homepage-ticker__item a {
color: #fff;
border-radius: 22px;
line-height: 28px;
display: inline-block;
padding: 0 10px;
margin: 0;
}
.bk_homepage-ticker__item a:hover {
text-decoration: underline !important;
}
/* Seamless marquee animation */
@keyframes marquee {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
/* move by half, since content is duplicated */
}
}
/* Mobile adjustments */
@media (max-width: 767px) {
.bk_ticker_block.fullmoon {
margin-top: 20px;
}
.bk_homepage-ticker__item:after {
margin: 0 0.7rem;
}
.bk_homepage-ticker__item span {
font-size: 14px;
}
.bk_homepage-ticker__item a {
line-height: 26px;
padding: 0 8px;
margin: 0 0.4rem;
font-size: 12px;
}
}
</style>
<div class="bk_ticker_block fullmoon" style="display:none;">
<div class="bk_homepage-ticker">
<div id="bk_homepage-ticker__content_1-0" class="bk_homepage-ticker__content">
<ul class="bk_homepage-ticker__list">
<li class="bk_homepage-ticker__item ">
<span class="bk_link__wrapper"> Use KIND10 for 10% off on ₹1,799+ </span>
</li>
<li class="heart heart-green"></li>
<li class="bk_homepage-ticker__item">
<span>Valid on selected brands </span>
</li>
<li class="heart heart-blue"></li>
<li class="bk_homepage-ticker__item">
<span>Use KIND10 for 10% off on ₹1,799+</span>
</li>
</ul>
<ul class="bk_homepage-ticker__list">
<li class="heart heart-green"></li>
<li class="bk_homepage-ticker__item">
<span>Valid on selected brands </span>
</li>
<li class="heart heart-blue"></li>
<li class="bk_homepage-ticker__item">
<span>Use KIND10 for 10% off on ₹1,799+</span>
</li>
</ul>
<ul class="bk_homepage-ticker__list">
<li class="heart heart-green"></li>
<li class="bk_homepage-ticker__item">
<span>Valid on selected brands </span>
</li>
<li class="heart heart-blue"></li>
<li class="bk_homepage-ticker__item">
<span>Use KIND10 for 10% off on ₹1,799+</span>
</li>
</ul>
</div>
</div>
</div>";} |
0 |
|
|
13910 |
|
|
0 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Full moon - Glow10 ticker |
| 7300 |
3535 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:113:"38433,35282,69733,64470,65338,65180,64466,39125,65177,33754,35299,36781,65496,65070,35728,36755,35422,36802,38647";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13775 |
|
bk_toggle_pids pid_carousal_1 |
0 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Whey protein pids |
| 6109 |
3680 |
a:1:{s:7:"content";s:11526:"<div class="bk_block_heading">
<h2>SKINCARE STAPLES FOR SUMMER</h2>
</div>
<div class="kbeauty-section">
<!-- ===== BANNER SLIDER ===== -->
<div class="banner-wrapper">
<div class="banner-track" id="bannerTrack">
<div class="banner-slide">
<img class="desktop" src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-kbeauty-strip-desk.webp">
<img class="mobile" src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-kbeauty-strip-mob.webp">
</div>
<div class="banner-slide">
<img class="desktop" src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-best-of-indie-desk.webp">
<img class="mobile" src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-best-of-indie-mob.webp">
</div>
<div class="banner-slide">
<img class="desktop" src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-global-obsession-desk.webp">
<img class="mobile" src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-global-obsession-mob.webp">
</div>
<div class="banner-slide">
<img class="desktop" src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-desk.webp">
<img class="mobile" src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-mob.webp">
</div>
</div>
<div class="dots" id="bannerDots"></div>
</div>
<!-- ===== PRODUCT CAROUSEL ===== -->
<div class="product-wrapper">
<div class="product-track" id="productTrack">
<!-- Slide 1 -->
<div class="product-slide">
<div class="card">
<a href="https://www.kindlife.in/round-lab/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-kbeauty-categry-round-lab.webp">
</a>
<div class="protein-desc">
<p>Round Lab</p>
<span>35% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/cosrx/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-kbeauty-categry-cosrx1.webp">
</a>
<div class="protein-desc">
<p>COSRX</p>
<span>40% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/torriden/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-kbeauty-categry-torridon.webp">
</a>
<div class="protein-desc">
<p>Torriden</p>
<span>30% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/coxir/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-kbeauty-categry-coxir.webp">
</a>
<div class="protein-desc">
<p>Coxir</p>
<span>40% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/jumiso/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-kbeauty-categry-jumiso.webp">
</a>
<div class="protein-desc">
<p>Jumiso</p>
<span>25% off</span>
</div>
</div>
</div>
<!-- KEEP YOUR EXISTING PRODUCT SLIDES HERE -->
<!-- Slide 2 -->
<div class="product-slide">
<div class="card">
<a href="https://www.kindlife.in/glass-skin-gel-sunscreen-with-spf-50-pa-50gm/?aff_id=105475">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-indie-categry-renee.webp">
</a>
<div class="protein-desc">
<p>Renee</p>
<span>Up to 40% off</span>
</div>
</div>
<div class="card">
<a
href="https://www.kindlife.in/ind-wild-champi-hair-oil-with-bhringraj-brahmi-and-amla-for-regrowth-hairfall-and-dandruff-control-50ml">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-indie-categry-wild.webp">
</a>
<div class="protein-desc">
<p>Inde Wild</p>
<span>Up to 20% off</span>
</div>
</div>
<div class="card">
<a
href="https://www.kindlife.in/de-tan-skin-radiance-mask-with-lactic-acid-brazilian-purple-clay-and-kaolin-clay-75ml/?aff_id=105475">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-indie-categry-foxtale.webp">
</a>
<div class="protein-desc">
<p>Foxtale</p>
<span>Up to 35% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/diam-beauty-love-potion-lip-oil-funfetti/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-indie-categry-diam.webp">
</a>
<div class="protein-desc">
<p>Diam Beauty</p>
<span>15% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/2-kojic-acid-face-serum-with-1-alpha-arbutin-30-ml/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-indie-categry-asaya.webp">
</a>
<div class="protein-desc">
<p>Asaya</p>
<span>20% off</span>
</div>
</div>
</div>
<div class="product-slide">
<div class="card">
<a href="https://www.kindlife.in/skinfood/ ">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-global-obsession-categry-skinfood.webp"></a>
<div class="protein-desc">
<p>Skinfood </p>
<span>Up to 35% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/la-roche-posay/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-global-obsession-categry-la-roshey.webp"></a>
<div class="protein-desc">
<p>La roche poshay </p>
<span>10% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/embryolisse/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-global-obsession-categry-embrolysiee.webp"></a>
<div class="protein-desc">
<p>Embroylisse</p>
<span>10% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/dr.g/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-global-obsession-categry-dr-g1.webp"></a>
<div class="protein-desc">
<p>Dr. G</p>
<span>30% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/neutrogena/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-global-obsession-categry-neutrogena.webp"></a>
<div class="protein-desc">
<p>Neutrogena</p>
<span>Up to 16% off</span>
</div>
</div>
</div>
<div class="product-slide">
<div class="card">
<a href="https://www.kindlife.in/rovectin/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-rovectin.webp"></a>
<div class="protein-desc">
<p>Rovectin</p>
<span>40% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/cerave/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-cerave.webp">
</a>
<div class="protein-desc">
<p>Cerave </p>
<span>25% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/novology/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-novology.webp">
</a>
<div class="protein-desc">
<p>Novology</p>
<span> 20% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/brinton/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-brinton.webp"></a>
<div class="protein-desc">
<p>Brinton</p>
<span>10% off</span>
</div>
</div>
<div class="card">
<a href="https://www.kindlife.in/beyond-beyond/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-beyond.webp"></a>
<div class="protein-desc">
<p>Beyond Beyond</p>
<span>Up to 25% off</span>
</div>
</div>
</div>
<!-- KEEP YOUR EXISTING PRODUCT SLIDES SAME -->
</div>
</div>
</div>
<style>
/* ===== TRACKS ===== */
.banner-track, .product-track {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
}
/* SNAP FIX */
.banner-track {
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.banner-slide {
flex: 0 0 100%;
scroll-snap-align: start;
}
.banner-slide img {
width: 100%;
display: block;
}
/* PRODUCT */
.product-slide {
flex: 0 0 100%;
display: flex;
gap: 10px;
}
.card {
width: 24%;
}
.card img {
width: 100%;
border-radius: 5px;
}
.protein-desc {
text-align: center;
font-size: 12px;
margin-top: 5px;
}
/* DOTS */
.dots {
text-align: center;
margin: 10px 0 1px;
}
.dot {
width: 8px;
height: 8px;
background: #ccc;
display: inline-block;
margin: 4px;
border-radius: 50%;
cursor: pointer;
transition: background 0.2s ease;
}
.dot.active {
background: #000;
}
/* MOBILE */
@media (max-width: 600px) {
.banner-track::-webkit-scrollbar {
display: none;
}
.product-slide {
overflow-x: auto;
}
.card {
flex: 0 0 35%;
}
.product-slide::-webkit-scrollbar {
display: none;
}
}
</style>
<script>
const bannerTrack = document.getElementById("bannerTrack");
const productTrack = document.getElementById("productTrack");
const dotsContainer = document.getElementById("bannerDots");
let index = 0;
const total = 4;
let isManualClick = false; // FIX FLAG
// CREATE DOTS
for (let i = 0; i < total; i++) {
const dot = document.createElement("span");
dot.classList.add("dot");
if (i === 0) dot.classList.add("active");
dot.addEventListener("click", () => {
index = i;
moveToSlide();
});
dotsContainer.appendChild(dot);
}
// UPDATE DOTS
function updateDots() {
const dots = dotsContainer.querySelectorAll(".dot");
dots.forEach(d => d.classList.remove("active"));
dots[index].classList.add("active");
}
// MOVE FUNCTION
function moveToSlide() {
const width = bannerTrack.offsetWidth;
isManualClick = true; // prevent flick
bannerTrack.scrollTo({
left: index * width,
behavior: "smooth"
});
productTrack.scrollTo({
left: index * width,
behavior: "smooth"
});
updateDots();
setTimeout(() => {
isManualClick = false;
}, 400);
}
// SYNC ON MANUAL SCROLL
bannerTrack.addEventListener("scroll", () => {
if (isManualClick) return; // STOP flick
const newIndex = Math.round(bannerTrack.scrollLeft / bannerTrack.offsetWidth);
if (newIndex !== index) {
index = newIndex;
updateDots();
productTrack.scrollTo({
left: index * bannerTrack.offsetWidth,
behavior: "smooth"
});
}
});
// SNAP PERFECT ON TOUCH
bannerTrack.addEventListener("touchend", () => {
const width = bannerTrack.offsetWidth;
index = Math.round(bannerTrack.scrollLeft / width);
moveToSlide();
});
</script>";} |
0 |
|
|
12820 |
|
|
0 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP SKINCARE STAPLES FOR SUMMER |
| 7299 |
3755 |
a:1:{s:7:"content";s:526:"
<div class="bk_block_heading">
<h2>Immunity boosters you need</h2>
<p>Use <span class="bk_code">GLOW10</span> for extra 10% off</p>
</div>
<div class="bk_toggle_circles_block">
<button class="bk_toggle_circle active" id="pid_carousal_1">Daily supplements</button>
<button class="bk_toggle_circle" id="pid_carousal_2">Chyawanprash</button>
<button class="bk_toggle_circle" id="pid_carousal_3">Ashwagandha </button>
<button class="bk_toggle_circle" id="pid_carousal_4">Omega3</button>
</div>";} |
0 |
|
|
13041 |
|
|
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP Immunity boosters you need (toggle) - title |
| 7063 |
3791 |
a:1:{s:7:"content";s:5840:"<div class="bk_blog-banner">
<div class="bk_blog-banner__image">
<img class="hidden-phone" src="https://cdn.kindlife.in/images/banners/hp-images/HP-blog1707-banner.webp"alt="Korean skincare Banner" loading="eager" width="1200" height="300">
</div>
<div class="bk_blog-banner__content">
<h2>Why <em>PDRN</em> is the <br> Korean <em>skincare trend</em> <br> everyone is talking about</h2>
<img class="hidden-tablet hidden-desktop" src="https://cdn.kindlife.in/images/banners/hp-images/HP-blog1707-banner-m1.webp"alt="Korean skincare Banner" loading="eager" width="1200" height="300">
<p> There was hyaluronic acid for hydration. <br> Then came niacinamide for brighter, <br> more balanced skin. Collagen quickly followed,<br> promising plumper, firmer-looking skin.</p>
<p> Now Korean skincare has shifted <br> its focus once again.</p>
<a href="https://www.kindlife.in/the-ingredient-report" class="bk_blog-banner__link"> Discover Frankly PDRN Ball Serum</a>
</div>
</div>
<div class="bk_blog-cards">
<div class="bk_blog-cardItem">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-blog1707-img1.webp">
<h4>The Hydration Ingredient Quietly Outperforming Hyaluronic Acid</h4>
<p>Dry skin? Discover why dermatologists love this new ingredient.</p>
<a href="https://www.kindlife.in/ingredient-spotlight">READ THE STORY</a>
</div>
<div class="bk_blog-cardItem">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-blog1707-img2.webp">
<h4>The Eye Cream Tried Under-Eyes Deserve</h4>
<p>A lightweight eye cream with visible results.</p>
<a href="https://www.kindlife.in/eyecare-upgrade/">READ THE STORY</a>
</div>
<div class="bk_blog-cardItem">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-blog1707-img3.webp">
<h4>Scalp Care is Officially the New Skincare</h4>
<p>Healthy hair begins with a healthy scalp.</p>
<a href="https://www.kindlife.in/scalp-care-101/">READ THE STORY</a>
</div>
<div class="bk_blog-cardItem">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-blog1707-img4.webp">
<h4>Dewy Skin Isn't a Finish Anymore</h4>
<p>Explore skincare routines for naturally glowing skin.</p>
<a href="https://www.kindlife.in/new-and-noteworthy/">EXPLORE THE RANGE</a>
</div>
<div class="bk_blog-cardItem">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-blog1707-img5.webp">
<h4>The Sunscreen Everyone Loves</h4>
<p>Lightweight UV protection you'll actually enjoy wearing.</p>
<a href="https://www.kindlife.in/sunscreen-edit/">DISCOVER WHY</a>
</div>
</div>
<style>
.bk_blog-banner{
position: relative;
}
.bk_blog-banner__image{
position: absolute;
inset: 0;
}
.bk_blog-banner__image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.bk_blog-banner__content{
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
margin-left: auto;
width: 40%;
padding: 60px 0;
}
.bk_blog-banner__content h2{
font-size:42px;
line-height:1.1;
font-weight:400;
margin: 0 0 10px;
font-family: "Cormorant Garamond", serif;
}
.bk_blog-banner__content em{
font-style:italic;
font-family: inherit;
}
.bk_blog-banner__content p{
color:#555;
line-height:1.4;
font-size:16px;
padding: 5px;
}
.bk_blog-banner__content p br{
display: none;
}
.bk_blog-banner__link{
display:inline-block;
background:#111;
color:#fff;
padding:10px 20px;
text-transform:uppercase;
font-size:12px;
letter-spacing:1px;
width:fit-content;
margin-top: 10px;
}
.bk_blog-banner__link:hover{
color: #fff;
opacity: 0.9;
}
.bk_blog-cards{
display:grid;
grid-template-columns:repeat(5,minmax(250px,1fr));
padding: 10px 0;
gap: 10px;
margin-bottom: 50px;
overflow: auto;
scrollbar-width: none;
}
.bk_blog-cardItem{
display: flex;
flex-flow: column;
}
.bk_blog-cardItem img{
width:100%;
aspect-ratio:1;
object-fit:cover;
margin-bottom:15px;
}
.bk_blog-cardItem h4{
font-size:16px;
font-weight:600;
line-height:1.3;
margin:0;
font-family: "Cormorant Garamond", serif;
}
.bk_blog-cardItem p{
font-size:14px;
color:#666;
line-height:1.4;
margin-bottom:6px;
}
.bk_blog-cardItem a{
color:#F7725C;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
margin-top: auto;
}
.bk_blog-cardItem a:hover{
text-decoration: underline !important;
}
/* Tablet */
@media (max-width:991px){
.bk_blog-banner__content {
width: 50%;
}
}
/* Mobile */
@media (max-width:767px){
.bk_blog-banner__content {
width: 100%;
text-align: center;
padding: 20px 0;
display: flex;
/* background: #e5e5e5; */
background: linear-gradient(250deg, #cdcacc, #f9f9f9);
flex-flow: column;
align-items: center;
}
.bk_blog-banner__content h2 {
font-size: 5vw;
}
.bk_blog-banner__content img {
margin-bottom: 10px;
max-width: 500px;
}
}
@media (max-width:480px){
.bk_blog-banner__content {
padding: 10px 0
}
.bk_blog-banner__content h2 {
font-size: 6vw;
}
.bk_blog-banner__content p br{
display: block;
}
.bk_blog-cards {
grid-template-columns: repeat(5, minmax(60%, 1fr));
}
}
</style>";} |
0 |
|
|
13152 |
|
|
0 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP - blog banner / blog cards |
| 6971 |
3796 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:53:"69068,35965,68412,69085,38245,68409,14252,39137,66922";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13160 |
|
bt_scroller_mobile bride |
0 |
A |
products |
a:9:{s:8:"template";s:40:"blocks/products/products_links_thumb.tpl";s:10:"show_price";s:1:"Y";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:15:"thumbnail_width";s:3:"200";s:8:"hide_tag";s:1:"N";s:17:"show_share_button";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
beauty talk - INTENSE HYDRATION FOR COLD WEATHER (pids) |
| 6970 |
3797 |
a:1:{s:7:"content";s:274:"
<div class="bk-live-shop__video">
<video autoplay muted loop playsinline webkit-playsinline preload="none" style="max-width: 100%;">
<source type="video/mp4" src="https://cdn.kindlife.in/images/banners/hp-images/testing-video2407.webm">
</video>
</div>";} |
0 |
|
|
13161 |
|
|
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
beauty talk - Get the look (img) |
| 7066 |
3848 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:41:"69261,69270,69260,69275,69288,69282,69259";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13277 |
|
bk_toggle_pids pid_carousal_1 |
0 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP tfit (cry proof) |
| 7065 |
3849 |
a:1:{s:7:"content";s:2594:"<style>
.bk_toggle_circle_five img {
filter: contrast(0.8);
opacity: 0.6;
transition: all 0.3s ease;
}
.bk_toggle_circle_five.active img {
filter: none;
opacity: 1;
transition: all 0.3s ease;
}
.carousel-container1 {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
justify-content: space-between;
}
</style>
<div class="bk_block_heading">
<h2> Best of korean makeup</h2>
</div>
<section class="carousel" style="margin-bottom: 10px;">
<button class="carousel-pre-btn"><span class="ty-icon ty-icon-left-open-thin"></span></button>
<button class="carousel-nxt-btn"><span class="ty-icon ty-icon-right-open-thin"></span></button>
<div class="carousel-container1 card_1x5_scroll">
<div class="carousel-card bk_toggle_circle_five active" id="pid_carousal_1">
<div class="carousel-image">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0611-cry-proof-tfit6.webp" alt="img" width="250" height="120" loading="lazy">
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_2">
<div class="carousel-image">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0611-cry-proof-etude2.webp" alt="img" width="250" height="120" loading="lazy">
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_3">
<div class="carousel-image">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0611-cry-proof-tirtir1.webp" alt="img" width="250" height="120" loading="lazy">
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_4">
<div class="carousel-image">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0611-cry-proof-dashing-diva5.webp" alt="img" width="250" height="120" loading="lazy">
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_5">
<div class="carousel-image">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0611-cry-proof-missha1.webp" alt="img" width="250" height="120" loading="lazy">
</div>
</div>
</div>
</section>
<script>
$(document).ready(function () {
$('.pid_carousal_1').css('display', 'block');
$(".bk_toggle_circle_five").click(function () {
$(this).addClass("active").siblings().removeClass("active");
const blockId = $(this).attr('id');
$(this).parents(".bk_toggle_container").find('.bk_toggle_pids, .bk_cat-toggle_more-link').hide();
$(this).parents(".bk_toggle_container").find('.' + blockId).show();
});
});
</script>";} |
0 |
|
|
13278 |
|
|
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP - Best of korean makeup |
| 7118 |
3898 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:55:"7794,11745,7788,18243,11769,7786,65075,11739,24425,7797";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13343 |
|
bk_toggle_pids pid_carousal_1 |
0 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP derma minimalist pids |
| 7117 |
3903 |
a:1:{s:7:"content";s:2594:"<style>
.bk_new_grid-lg.scroll.derma-brands {
grid-template-columns: repeat(5, max(256px, 22%));
row-gap: 12px;
list-style: none;
margin: 0px;
margin-bottom: 10px;
}
.bk_toggle_circle_five img {
filter: contrast(0.8);
opacity: 0.6;
transition: all 0.3s ease;
}
.bk_toggle_circle_five.active img {
filter: none;
opacity: 1;
transition: all 0.3s ease;
}
.carousel-container1 {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
justify-content: space-between;
}
@media (max-width: 480px) {
.bk_new_grid-lg.scroll.derma-brands {
grid-template-columns: repeat(5, 55%) !important;
gap: 10px;
}
}
</style>
<div class="bk_block_heading">
<h2>Derma-approved picks</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll derma-brands">
<!-- <li class="bk_toggle_circle_five " id="pid_carousal_1">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0611-derma-round-lab1-val.webp" alt="img"
width="400" height="120" loading="lazy">
</li> -->
<li class="bk_toggle_circle_five active" id="pid_carousal_1">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0611-derma-minimalist2.webp" alt="img"
width="400" height="120" loading="lazy">
</li>
<li class="bk_toggle_circle_five" id="pid_carousal_2">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0611-derma-ehiglo1.webp" alt="img" width="400"
height="120" loading="lazy">
</li>
<li class="bk_toggle_circle_five" id="pid_carousal_3">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0611-derma-abott1.webp" alt="img" width="400"
height="120" loading="lazy">
</li>
<li class="bk_toggle_circle_five" id="pid_carousal_4">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0611-derma-bioderma1.webp" alt="img"
width="400" height="120" loading="lazy">
</li>
<li class="bk_toggle_circle_five" id="pid_carousal_5">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0611-derma-cerave1.webp" alt="img" width="400"
height="120" loading="lazy">
</li>
</ul>
<script>
$(document).ready(function () {
$('.pid_carousal_1').css('display', 'block');
$(".bk_toggle_circle_five").click(function () {
$(this).addClass("active").siblings().removeClass("active");
const blockId = $(this).attr('id');
$(this).parents(".bk_toggle_container").find('.bk_toggle_pids, .bk_cat-toggle_more-link').hide();
$(this).parents(".bk_toggle_container").find('.' + blockId).show();
});
});
</script>";} |
0 |
|
|
13348 |
|
|
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP derma essentials for rrr togle style |
| 7523 |
3969 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:41:"38088,29989,66872,67565,67234,68350,69064";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13541 |
|
bk_steps_pid_block step-1 am-bg |
0 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP Sunscreen's of the month |
| 7522 |
4078 |
a:1:{s:7:"content";s:12167:"<style>
.bk-routine-steps-time {
font-size: 1.5rem;
display: flex;
justify-content: space-around;
/* background: linear-gradient(90deg, #0096c742 50%, #023e8a70 50%); */
font-weight: 500;
}
.bk_steps_toggle_wrap {
text-align: center;
margin: 10px 0 5px;
}
.bk_steps_toggle_wrap .bk_steps_pid_block {
font-size: 20px;
font-weight: 500;
}
.bk_newcat_block {
text-align: center;
}
.bk-routine-steps-images-container {
max-width: 250px;
margin: 0 auto;
}
.bk-step-bottles-container {
border-radius: 12px;
cursor: pointer;
}
/* DEFAULT (all faded) */
.st0 {
fill: #539ac0;
opacity: 0.2;
transition: 0.3s ease;
}
.st1 {
fill: transparent;
}
/* ACTIVE STATES */
.step-1-active .bk-step-bottle-1-color .st0,
.step-2-active .bk-step-bottle-2-color .st0 {
fill: #0096c7;
opacity: 1;
}
.step-1-active .bk-step-bottle-1-color .st1,
.step-2-active .bk-step-bottle-2-color .st1 {
fill: #0096c7;
}
.bk-step-bottle-1-color .st1,
.bk-step-bottle-2-color .st1 {
stroke: #0096c7;
}
.bk-step-bottle-3-color .st1,
.bk-step-bottle-4-color .st1,
.bk-step-bottle-5-color .st1 {
stroke: #023e8a;
}
.step-3-active .bk-step-bottle-3-color .st1,
.step-4-active .bk-step-bottle-4-color .st1,
.step-5-active .bk-step-bottle-5-color .st1 {
fill: #023e8a;
}
.step-3-active .bk-step-bottle-3-color .st0,
.step-4-active .bk-step-bottle-4-color .st0,
.step-5-active .bk-step-bottle-5-color .st0 {
fill: #023e8a;
opacity: 1;
}
.bk_steps_pid_block {
display: none;
}
.bk_steps_pid_block.active {
display: block;
}
/* AM Creative Background */
.bk_steps_pid_block.am-bg.active {
background: #ade8f4;
padding: 10px;
}
/* PM Creative Background */
.bk_steps_pid_block.pm-bg.active {
background: #023e8a;
padding: 10px;
}
</style>
<div class="bk_block_heading">
<h2>Skincare routines</h2>
</div>
<div class="bk_newcat_block step-1-active">
<div class="bk-routine-steps-images-container">
<svg viewBox="0 0 104 43" class="bk-step-bottles-container">
<!-- STEP 1 -->
<g class="bk-step-bottle-1-color bottle" data-step="step-1">
<path class="st0" d="M15.5,5.4c0-0.3-0.2-0.5-0.5-0.5H0.9c-0.3,0-0.5,0.2-0.5,0.5l0,2.9L2.8,38v4.2c0,0.1,0,0.2,0.1,0.3
c0.1,0.1,0.2,0.1,0.3,0.1h9.4c0.3,0,0.5-0.2,0.5-0.5l0-4.2l2.3-29.9V5.4z M6.5,41.8c0.2-0.7,0.8-1.2,1.5-1.2
c0.7,0,1.3,0.5,1.5,1.2H6.5z M12.2,41.8l-1.8,0c-0.2-1.2-1.2-2.1-2.4-2.1s-2.2,0.9-2.4,2.1H3.7l0-3.4h8.5V41.8z M12.3,37.5H3.7
L1.4,8.7h13.1L12.3,37.5z M1.4,7.7V5.9h13.2l0,1.9H1.4z"></path>
<path class="st1" d="M8,40.6c-0.7,0-1.3,0.5-1.5,1.2h3C9.3,41.1,8.7,40.6,8,40.6z"></path>
<path class="st1" d="M3.7,41.8h1.8c0.2-1.2,1.2-2.1,2.4-2.1s2.2,0.9,2.4,2.1l1.8,0v-3.4H3.7L3.7,41.8z">
</path>
<path class="st1" d="M3.7,37.5h8.6l2.3-28.8H1.4L3.7,37.5z M11.1,11.9c0-0.3,0.2-0.5,0.5-0.4c0.3,0,0.5,0.2,0.4,0.5l-1,13.7
c0,0.2-0.2,0.4-0.5,0.4c0,0,0,0,0,0c-0.3,0-0.5-0.2-0.4-0.5L11.1,11.9z M9.9,28.4c0-0.3,0.2-0.5,0.5-0.4c0.3,0,0.5,0.2,0.4,0.5
l-0.4,5.3c0,0.2-0.2,0.4-0.5,0.4c0,0,0,0,0,0c-0.3,0-0.5-0.2-0.4-0.5L9.9,28.4z"></path>
<rect x="1.4" y="5.9" class="st1" width="13.2" height="1.9"></rect>
<path class="st0" d="M10.5,26.1C10.6,26.1,10.6,26.1,10.5,26.1c0.3,0,0.5-0.2,0.5-0.4l1-13.7c0-0.3-0.2-0.5-0.4-0.5
c-0.3,0-0.5,0.2-0.5,0.4l-1,13.7C10.1,25.9,10.3,26.1,10.5,26.1z"></path>
<path class="st0" d="M9.9,34.2C9.9,34.2,10,34.2,9.9,34.2c0.3,0,0.5-0.2,0.5-0.4l0.4-5.3c0-0.3-0.2-0.5-0.4-0.5
c-0.3,0-0.5,0.2-0.5,0.4l-0.4,5.3C9.5,34,9.7,34.2,9.9,34.2z"></path>
</g>
<!-- STEP 2 -->
<g class="bk-step-bottle-2-color bottle" data-step="step-2">
<path class="st0" d="M41.2,18.9h-1.4v-2.1c0-1.2-0.9-2.2-2-2.4v-4.2c0-1-0.8-1.9-1.9-1.9h-1.8c-1,0-1.9,0.8-1.9,1.9v4.2
c-1.1,0.2-2,1.2-2,2.4v2.1h-1.4c-1.6,0-2.9,1.3-2.9,3v17.9c0,1.6,1.3,3,2.9,3h12.3c1.6,0,2.9-1.3,2.9-3V21.9
C44.1,20.3,42.8,18.9,41.2,18.9z M33.1,10.3c0-0.5,0.5-1,1-1h1.8c0.6,0,1,0.4,1,1v4.1h-3.8V10.3z M31.1,16.9
c0-0.9,0.7-1.6,1.6-1.6h4.6c0.9,0,1.6,0.7,1.6,1.6v2.1h-7.8V16.9z M26.8,21.9c0-1.2,0.9-2.1,2.1-2.1h12.3c1.2,0,2.1,0.9,2.1,2.1
v4.7c-4.1,0-6.2-0.4-8.2-0.8c-2.1-0.4-4.2-0.9-8.3-0.9V21.9z M43.3,39.8c0,1.2-0.9,2.1-2.1,2.1H28.9c-1.2,0-2.1-0.9-2.1-2.1v-14
c4.1,0,6.2,0.4,8.2,0.8c2.1,0.4,4.2,0.9,8.3,0.9V39.8z"></path>
<path class="st1" d="M36.9,10.3c0-0.5-0.5-1-1-1h-1.8c-0.6,0-1,0.4-1,1v4.1h3.8V10.3z M35.5,12.1c0,0.2-0.2,0.4-0.4,0.4
c-0.2,0-0.4-0.2-0.4-0.4V11c0-0.2,0.2-0.4,0.4-0.4c0.2,0,0.4,0.2,0.4,0.4V12.1z"></path>
<path class="st1" d="M38.9,16.9c0-0.9-0.7-1.6-1.6-1.6h-4.6c-0.9,0-1.6,0.7-1.6,1.6v2.1h7.8V16.9z">
</path>
<path class="st1" d="M43.3,26.6v-4.7c0-1.2-0.9-2.1-2.1-2.1H28.9c-1.2,0-2.1,0.9-2.1,2.1v3c4.1,0,6.3,0.4,8.3,0.9
C37.1,26.2,39.2,26.6,43.3,26.6z"></path>
<path class="st1" d="M26.8,25.8v14c0,1.2,0.9,2.1,2.1,2.1h12.3c1.2,0,2.1-0.9,2.1-2.1V27.5c-4.1,0-6.3-0.4-8.3-0.9
C32.9,26.2,30.8,25.8,26.8,25.8z"></path>
<path class="st0" d="M35,10.6c-0.2,0-0.4,0.2-0.4,0.4v1.1c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4V11
C35.5,10.8,35.3,10.6,35,10.6z"></path>
</g>
<!-- STEP 3 -->
<g class="bk-step-bottle-3-color bottle" data-step="step-3">
<path class="st0" d="M69.4,9.9c-0.5-0.3-0.9-0.6-1.3-0.8c-1-0.5-1.4-0.8-1.4-1.7h0.1c0.6,0,1.1-0.5,1.1-1.2V4
c0-0.6-0.5-1.2-1.1-1.2h-6.5c-0.6,0-1.1,0.5-1.1,1.2v2.3c0,0.6,0.5,1.1,1,1.1c-0.1,1-0.5,1.2-1.4,1.8c-0.4,0.2-0.8,0.5-1.2,0.8
c-1.9,1.3-2.9,3.2-2.9,5.2v25.6c0,1,0.9,1.7,2.1,1.7h13.8c1.1,0,2.1-0.8,2.1-1.7V15.2C72.4,13.2,71.3,11.3,69.4,9.9z M60.1,6.3V4
c0-0.1,0.1-0.2,0.2-0.2h6.5c0.1,0,0.2,0.1,0.2,0.2v2.3c0,0.1-0.1,0.2-0.2,0.2h-6.5C60.1,6.4,60.1,6.4,60.1,6.3z M71.4,40.8
c0,0.4-0.5,0.7-1.1,0.7H56.6c-0.6,0-1.1-0.3-1.1-0.7V15.2h0c0-1.7,0.9-3.2,2.5-4.4c0.4-0.3,0.8-0.5,1.2-0.8c1-0.6,1.8-1.1,1.9-2.6
h4.6c0.1,1.5,0.9,2,1.9,2.6c0.4,0.2,0.8,0.4,1.2,0.7c1.7,1.2,2.6,2.8,2.6,4.5V40.8z"></path>
<path class="st1" d="M66.7,6.4c0.1,0,0.2-0.1,0.2-0.2V4c0-0.1-0.1-0.2-0.2-0.2h-6.5c-0.1,0-0.2,0.1-0.2,0.2v2.3
c0,0.1,0.1,0.2,0.2,0.2H66.7z"></path>
<path class="st1" d="M68.8,10.7c-0.5-0.3-0.9-0.5-1.2-0.7c-1.1-0.6-1.8-1.1-1.9-2.6h-4.6c-0.1,1.5-0.9,2-1.9,2.6
c-0.3,0.2-0.7,0.4-1.2,0.8c-1.6,1.2-2.5,2.7-2.5,4.4h0v25.6c0,0.4,0.5,0.7,1.1,0.7h13.8c0.6,0,1.1-0.3,1.1-0.7V15.2
C71.4,13.5,70.5,11.9,68.8,10.7z M69.4,30.2c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5v-3.8c0-0.3,0.2-0.5,0.5-0.5
c0.3,0,0.5,0.2,0.5,0.5V30.2z M69.4,23.7c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5v-6.5c0-2.2-0.4-3.2-1.5-4
c-0.2-0.2-0.3-0.5-0.1-0.7c0.2-0.2,0.5-0.3,0.7-0.1c1.6,1.1,1.9,2.7,1.9,4.8V23.7z"></path>
<path class="st0" d="M69,25.9c-0.3,0-0.5,0.2-0.5,0.5v3.8c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5v-3.8
C69.4,26.1,69.2,25.9,69,25.9z"></path>
<path class="st0" d="M67.5,12.4c-0.2-0.2-0.5-0.1-0.7,0.1c-0.2,0.2-0.1,0.5,0.1,0.7c1.1,0.8,1.5,1.8,1.5,4v6.5
c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5v-6.5C69.4,15.1,69.1,13.5,67.5,12.4z"></path>
</g>
<!-- STEP 4 -->
<g class="bk-step-bottle-4-color bottle" data-step="step-4">
<path class="st0" d="M125.4,14.8c-0.4-0.3-0.8-0.5-1.1-0.7c-0.8-0.5-1.2-0.7-1.2-1.4h0c0.5,0,1-0.4,1-1v-2c0-0.5-0.4-1-1-1h-5.5
c-0.5,0-1,0.4-1,1v2c0,0.5,0.4,0.9,0.9,1c0,0.8-0.4,1-1.2,1.5c-0.3,0.2-0.7,0.4-1.1,0.7c-1.6,1.1-2.5,2.8-2.5,4.4v21.8
c0,0.8,0.8,1.5,1.8,1.5h11.7c1,0,1.8-0.7,1.8-1.5V19.3C128,17.5,127,15.9,125.4,14.8z M117.4,11.6v-2c0-0.1,0.1-0.1,0.1-0.1h5.5
c0.1,0,0.1,0.1,0.1,0.1v2c0,0.1-0.1,0.1-0.1,0.1h-5.5C117.5,11.8,117.4,11.7,117.4,11.6z M127.1,41.1c0,0.3-0.4,0.6-0.9,0.6h-11.7
c-0.5,0-0.9-0.3-0.9-0.6v-7.5h13.6V41.1z M127.1,32.8L127.1,32.8h-13.6V21.1h13.6V32.8z M127.1,20.2h-13.6v-0.9
c0-1.4,0.8-2.8,2.1-3.7c0.4-0.3,0.7-0.5,1-0.6c0.9-0.5,1.6-1,1.6-2.3h3.9c0.1,1.3,0.7,1.7,1.6,2.2c0.3,0.2,0.7,0.4,1,0.6
c1.4,1,2.2,2.4,2.2,3.8V20.2z"></path>
<polygon class="st1" points="113.5,32.8 127.1,32.8 127.1,32.8 127.1,21.1 113.5,21.1 ">
</polygon>
<path class="st1" d="M113.5,41.1c0,0.3,0.4,0.6,0.9,0.6h11.7c0.5,0,0.9-0.3,0.9-0.6v-7.5h-13.6V41.1z">
</path>
<path class="st1" d="M123.1,11.8c0.1,0,0.1-0.1,0.1-0.1v-2c0-0.1-0.1-0.1-0.1-0.1h-5.5c-0.1,0-0.1,0.1-0.1,0.1v2
c0,0.1,0.1,0.1,0.1,0.1H123.1z"></path>
<path class="st1" d="M124.9,15.5c-0.4-0.3-0.7-0.5-1-0.6c-0.9-0.5-1.6-0.9-1.6-2.2h-3.9c-0.1,1.3-0.8,1.7-1.6,2.3
c-0.3,0.2-0.6,0.4-1,0.6c-1.4,1-2.1,2.3-2.1,3.7v0.9h13.6v-0.9C127.1,17.8,126.3,16.4,124.9,15.5z"></path>
</g>
<!-- STEP 5 -->
<g class="bk-step-bottle-5-color bottle" data-step="step-5">
<path class="st0" d="M99,15.3h-1.6V13c0-1.6-1.3-2.9-2.8-2.9h-0.7V6.6h0.6c1.1,0,4,0.2,4.6,1.7c0.1,0.2,0.3,0.3,0.4,0.3h2.2
c0.2,0,0.4-0.2,0.5-0.4c0-0.1,0.4-1.5-1.4-3c-2.4-2.1-6.3-1.9-6.4-1.9h-6.8c-0.3,0-0.5,0.2-0.5,0.5v2.3c0,0.3,0.2,0.5,0.5,0.5H90
v3.6h-0.7c-1.6,0-2.8,1.3-2.8,2.9v2.3h-1.6c-1.9,0-3.4,1.5-3.4,3.4v20.6c0,1.9,1.5,3.4,3.4,3.4H99c1.9,0,3.4-1.5,3.4-3.4V18.7
C102.4,16.8,100.9,15.3,99,15.3z M88.1,5.6V4.3h0l6.4,0c0,0,3.7-0.2,5.7,1.6c0.8,0.7,1,1.3,1.1,1.7h-1.4c-1.2-2.1-5.2-2-5.4-2
H88.1z M92.8,6.6v3.6H91V6.6H92.8z M87.4,13c0-1,0.8-1.9,1.9-1.9h5.3c1,0,1.9,0.8,1.9,1.9v2.3h-9V13z M101.4,39.3
c0,1.3-1.1,2.4-2.4,2.4H84.8c-1.3,0-2.4-1.1-2.4-2.4V24.2h0h0h19V39.3z M101.4,23.3h-19v-4.5c0-1.3,1.1-2.4,2.4-2.4H99
c1.3,0,2.4,1.1,2.4,2.4V23.3z"></path>
<path class="st1" d="M99.8,7.6h1.4c-0.1-0.4-0.3-1-1.1-1.7c-2.1-1.8-5.7-1.6-5.7-1.6l-6.4,0h0v1.3h6.4C94.6,5.6,98.6,5.5,99.8,7.6
z"></path>
<rect x="91" y="6.6" class="st1" width="1.9" height="3.6"></rect>
<path class="st1" d="M96.4,13c0-1-0.8-1.9-1.9-1.9h-5.3c-1,0-1.9,0.8-1.9,1.9v2.3h9V13z">
</path>
<path class="st1" d="M99,16.3H84.8c-1.3,0-2.4,1.1-2.4,2.4v4.5h19v-4.5C101.4,17.4,100.3,16.3,99,16.3z">
</path>
<path class="st1" d="M82.4,39.3c0,1.3,1.1,2.4,2.4,2.4H99c1.3,0,2.4-1.1,2.4-2.4V24.2h-19V39.3z">
</path>
</g>
</svg>
<div class="bk-routine-steps-time">
<span>AM</span>
<span>PM</span>
</div>
</div>
</div>
<!-- PRODUCTS -->
<div class="bk_steps_toggle_wrap">
<div class="bk_steps_pid_block step-1 active">Product 1</div>
<div class="bk_steps_pid_block step-2">Product 2</div>
<div class="bk_steps_pid_block step-3">Product 3</div>
<div class="bk_steps_pid_block step-4">Product 4</div>
<div class="bk_steps_pid_block step-5">Product 5</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// default
$(".bk_steps_pid_block").hide();
$(".step-1").show().addClass("active");
// click
$(".bottle").on("click", function () {
let step = $(this).data("step");
$(".bk_newcat_block")
.removeClass(function (i, c) {
return (c.match(/step-\d+-active/g) || []).join(" ");
})
.addClass(step + "-active");
$(".bk_steps_pid_block").hide().removeClass("active");
$("." + step).show().addClass("active");
});
</script>";} |
0 |
|
|
13782 |
|
|
0 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP valentine crowd faves |
| 7370 |
4102 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:47:"37263,37534,65283,37876,65286,65287,37558,37875";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13879 |
|
bk_toggle_pids pid_carousal_1 |
0 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"200";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
hp-V-DAY BIODANCE PIDS |
| 7358 |
4141 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:35:"69807,69818,69361,66511,66506,66504";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13875 |
|
bt_scroller_mobile vt-new |
0 |
A |
products |
a:9:{s:8:"template";s:40:"blocks/products/products_links_thumb.tpl";s:10:"show_price";s:1:"Y";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:15:"thumbnail_width";s:3:"400";s:8:"hide_tag";s:1:"N";s:17:"show_share_button";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP serums vt pids |
| 7496 |
4146 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:35:"66427,30034,65572,31306,67725,70258";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13895 |
blocks/wrappers/mainbox_simple.tpl |
|
0 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
The Holi Secret List |
| 7359 |
4156 |
a:1:{s:7:"content";s:2380:"<style>
.bk_1x6_grid-lg.scroll.homegrown {
grid-template-columns: repeat(4, max(256px, 24.2%));
row-gap: 12px;
margin: 0px !important;
}
ul.bk_grid_block.bk_1x6_grid-lg.scroll.homegrown li img {
border-radius: 5px;
}
.desk-only{
display:block;
}
@media (max-width: 480px) {
.bk_1x6_grid-lg.scroll.homegrown {
grid-template-columns: repeat(2, 55%) !important;
gap: 10px;
}
.desk-only{
display:none;
}
}
</style>
<div class="bk_block_heading">
<h2> COLOUR SEASON FAVOURITES</h2>
<p>Homegrown faves we’re low-key obsessed with </p>
</div>
<ul class="bk_grid_block bk_1x6_grid-lg scroll homegrown">
<li><a href="https://www.kindlife.in/fae-beauty/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-homegrown-fae1.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/foxtale/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-homegrown-foxtale.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/bake-cosmetics/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-homegrown-bake.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/gush/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-homegrown-gush1.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/elitty-beauty/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-homegrown-ellity.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/brillare/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-homegrown-brillare.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/love-earth/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-homegrown-love-earth.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/conscious-chemist/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-homegrown-cc1.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
</ul>";} |
0 |
|
|
13908 |
|
|
0 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP COLOUR SEASON FAVOURITES |
| 7443 |
4159 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:59:"39124,66758,65547,39922,69901,69043,39638,67036,65175,65171";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13915 |
blocks/wrappers/mainbox_simple.tpl |
|
0 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"N";s:15:"show_brand_name";s:1:"N";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:2:"80";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Trending tools |
| 7485 |
4162 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:41:"65226,69536,11451,27430,33159,69553,18401";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13921 |
|
bt_scroller_mobile hair-holi |
0 |
A |
products |
a:9:{s:8:"template";s:40:"blocks/products/products_links_thumb.tpl";s:10:"show_price";s:1:"Y";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:15:"thumbnail_width";s:3:"400";s:8:"hide_tag";s:1:"N";s:17:"show_share_button";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP THE HAIR PREP BEFORE HOLI pids |
| 7388 |
4166 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:29:"69809,69810,69811,69812,69381";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13926 |
|
hidden-phone hidden-app |
0 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"N";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"4";s:15:"thumbnail_width";s:3:"300";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP VT LIP PLUMPING ESSENTIALS desk pids |
| 7389 |
4167 |
a:1:{s:7:"content";s:2076:"<style>
.bk_new_grid-lg.scroll.vault {
grid-template-columns: repeat(6, max(200px, 19%));
justify-content: space-between;
}
@media (max-width: 768px) {
.bk_new_grid-lg.scroll.vault {
grid-template-columns: repeat(2, 48.5%);
}
}
</style>
<div class="bk_block_heading">
<h2>LUXURY SCENT VAULT</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll vault">
<li><a href="https://www.kindlife.in/chopard/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-arks.webp"
alt="Chopard" width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Chopard</p>
</div>
</li>
<li><a href="https://www.kindlife.in/arks/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-arks.webp"
alt="Arks" width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Arks</p>
</div>
</li>
<li> <a href="https://www.kindlife.in/jaguar/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-arks.webp"
alt="Jaguar" width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Jaguar</p>
</div>
</li>
<li> <a href="https://www.kindlife.in/ferragamo/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-arks.webp"
alt="Ferragamo" width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Ferragamo</p>
</div>
</li>
<li> <a href="https://www.kindlife.in/diesel">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-arks.webp"
alt="Diesel" width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Diesel</p>
</div>
</li>
<li> <a href="https://www.kindlife.in/joon/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-arks.webp"
alt="The Joon shop" width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>The Joon shop</p>
</div>
</li>
</ul>";} |
0 |
|
|
13927 |
|
|
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP LUXURY SCENT VAULT |
| 7388 |
4169 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:29:"69809,69810,69811,69812,69381";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13929 |
|
bt_scroller_mobile biore hidden-tablet hidden-desktop |
0 |
A |
products |
a:9:{s:8:"template";s:40:"blocks/products/products_links_thumb.tpl";s:10:"show_price";s:1:"Y";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:15:"thumbnail_width";s:3:"400";s:8:"hide_tag";s:1:"N";s:17:"show_share_button";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
H VT LIP PLUMPING ESSENTIALS mob pids |
| 7377 |
4171 |
a:1:{s:7:"content";s:2063:"<style>
.nl-carousel {
position: relative;
margin: 0;
overflow: hidden;
}
.nl-slide img {
border-radius: 5px;
display: block;
}
/* Pagination (dot indicators) */
.nl-pagination {
text-align: center;
margin-top: 12px;
position: relative;
}
.nl-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: #ccc;
opacity: 1;
margin: 0 4px !important;
transition: background 0.3s, transform 0.3s;
}
.nl-pagination .swiper-pagination-bullet-active {
background: #333;
transform: scale(1.1);
}
</style>
</style>
<div class="nl-carousel">
<div class="bk_block_heading">
<h2>Fresh arrivals</h2>
</div>
<div class="nl-swiper myNewLaunchSwiper">
<div class="nl-swiper-wrapper swiper-wrapper">
<div class="nl-slide swiper-slide">
<a href="https://www.kindlife.in/inde-wild/?sort_by=timestamp&sort_order=desc">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1701-inde-wild-strip-mob2.webp"
alt="Nat habit" loading="lazy" /> -->
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0402-strip-inde1.webp"
alt="Nat habit" loading="lazy" />
</a>
</div>
<div class="nl-slide swiper-slide">
<a href="https://www.kindlife.in/beyond-beyond/">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1401-strip-beyond-mob1.webp"
alt="Arks" loading="lazy" /> -->
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0402-strip-beyond.webp"
alt="Nat habit" loading="lazy" />
</a>
</div>
</div>
<!-- Pagination dots -->
</div>
</div>
<script>
const newLaunchSwiper = new Swiper(".myNewLaunchSwiper", {
loop: true,
slidesPerView: 2,
spaceBetween: 12,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
pagination: {
el: ".nl-pagination",
clickable: true,
},
breakpoints: {
0: { slidesPerView: 1 },
768: { slidesPerView: 2 }
}
});
</script>
";} |
0 |
|
|
13933 |
|
|
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP Fresh arrivals strip |
| 7395 |
4179 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:35:"21293,21288,13965,12402,68452,12399";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13942 |
|
bk_toggle_pids pid_carousal_1 |
0 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
oils |
| 7395 |
4180 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:35:"21284,13976,68470,16560,25044,25046";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13943 |
|
bk_toggle_pids pid_carousal_2 |
0 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
hp ghees pids |
| 7395 |
4181 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:34:"37151,6741,25666,36764,35837,69796";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13944 |
|
bk_toggle_pids pid_carousal_3 |
0 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP healthy spreads pids |
| 7550 |
4239 |
a:1:{s:7:"content";s:1664:"<style>
.bk_new_grid-lg.scroll.staple-kbeauty {
grid-template-columns: repeat(5, max(210px, 19.3%));
margin-top: 0px;
justify-content: space-between;
}
@media (max-width: 768px) {
.bk_new_grid-lg.scroll.staple-kbeauty {
grid-template-columns: repeat(5, 45%);
}
}
</style>
<ul class="bk_grid_block bk_new_grid-lg scroll staple-kbeauty">
<li><a href="https://www.kindlife.in/round-lab/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-kbeauty-categry-round-lab.webp">
</a>
<div class="protein-desc">
<p>Round Lab</p>
<span>25% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/cosrx/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-kbeauty-categry-cosrx1.webp">
</a>
<div class="protein-desc">
<p>COSRX</p>
<span>35% off</span>
</div>
</li>
<li> <a href="https://www.kindlife.in/xenrix/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-staple-kbeauty-xenerix.webp">
</a>
<div class="protein-desc">
<p>Xenrix</p>
<span>30% off</span>
</div>
</li>
<li> <a href="https://www.kindlife.in/coxir/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-kbeauty-categry-coxir.webp">
</a>
<div class="protein-desc">
<p>Coxir</p>
<span>30% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/jumiso/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-kbeauty-categry-jumiso.webp">
</a>
<div class="protein-desc">
<p>Jumiso</p>
<span>25% off</span>
</div>
</li>
</ul>
";} |
0 |
|
|
14017 |
|
bk_toggle_pids pid_carousal_1 |
0 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP kbeauty 101 |
| 7117 |
4277 |
a:1:{s:7:"content";s:2618:"<style>
.bk_new_grid-lg.scroll.derma-brands {
grid-template-columns: repeat(5, max(256px, 22%));
row-gap: 12px;
list-style: none;
margin: 0px;
margin-bottom: 10px;
}
.bk_toggle_circle_five img {
filter: contrast(0.8);
opacity: 0.6;
transition: all 0.3s ease;
}
.bk_toggle_circle_five.active img {
filter: none;
opacity: 1;
transition: all 0.3s ease;
}
.carousel-container1 {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
justify-content: space-between;
}
@media (max-width: 480px) {
.bk_new_grid-lg.scroll.derma-brands {
grid-template-columns: repeat(5, 55%) !important;
gap: 10px;
}
}
</style>
<div class="bk_block_heading">
<h2>Derma-approved picks</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll derma-brands">
<li class="bk_toggle_circle_five active" id="pid_carousal_1">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-derma-holi-minimalist.webp" alt="img"
width="400" height="120" loading="lazy">
</li>
<li class="bk_toggle_circle_five" id="pid_carousal_2">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-derma-holi-cerave.webp" alt="img" width="400"
height="120" loading="lazy">
</li>
<li class="bk_toggle_circle_five" id="pid_carousal_3">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-derma-holi-abott.webp" alt="img" width="400"
height="120" loading="lazy">
</li>
<li class="bk_toggle_circle_five" id="pid_carousal_4">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-derma-holi-bioderma.webp" alt="img"
width="400" height="120" loading="lazy">
</li>
<li class="bk_toggle_circle_five" id="pid_carousal_5">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-derma-holi-ethiglo.webp" alt="img" width="400"
height="120" loading="lazy">
</li>
<!-- <li class="bk_toggle_circle_five " id="pid_carousal_6">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-derma-holi-round-lab.webp" alt="img"
width="400" height="120" loading="lazy">
</li> -->
</ul>
<script>
$(document).ready(function () {
$('.pid_carousal_1').css('display', 'block');
$(".bk_toggle_circle_five").click(function () {
$(this).addClass("active").siblings().removeClass("active");
const blockId = $(this).attr('id');
$(this).parents(".bk_toggle_container").find('.bk_toggle_pids, .bk_cat-toggle_more-link').hide();
$(this).parents(".bk_toggle_container").find('.' + blockId).show();
});
});
</script>";} |
0 |
|
|
14072 |
|
|
0 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP derma holi brands |
| 7369 |
4282 |
a:1:{s:7:"content";s:1337:"<div class="strip_banner">
<a
href="https://www.kindlife.in/"
class="rn-banner-click"
data-category-id="300"
data-banner-name="HOLI_TOP_STRIP"
>
<picture>
<source media="(max-width: 767px)"
srcset="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-top-strip-holi-mob3.webp">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-top-strip-holi-desk3.webp"
alt="Kindlife RRR campaign banner"
loading="lazy"
width="100%"
height="125"
>
</picture>
</a>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
document.addEventListener('click', function (e) {
const banner = e.target.closest('.rn-banner-click');
if (!banner) return;
const link = banner.getAttribute('href');
if (window.ReactNativeWebView) {
e.preventDefault();
const categoryId = banner.getAttribute('data-category-id');
const bannerName = banner.getAttribute('data-banner-name');
window.ReactNativeWebView.postMessage(
JSON.stringify({
screen_name: 'CATEGORY_SCREEN',
category_id: 2685,
})
);
} else {
// fallback for web
window.location.href = link;
}
});
});
</script>";} |
0 |
|
|
14079 |
|
|
0 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP holi strip repeat |
| 1945 |
4320 |
a:1:{s:7:"content";s:10576:"{* code for ask-me-anything kiki chatbot *}
{assign var="vol" value=$config['css_fix_version']}
{script src="js/lib/ca-assistant/ca-assistant.umd.js"}
{style src="addons/my_changes/ca-assistant.css?k=$vol"}
{style src="addons/my_changes/ca-assistant-kl.css?k=$vol"}
<div class="bk__kiki-chatbot">
<div class="kiki-chatbot-preview">
<img src="https://cdn.kindlife.in/images/ui_icon/kiki-walk-and-sing.gif" alt="kiki-chatbot-preview" width="300" height="300" decoding="async">
<h3>One sec… Kiki is pulling things together 🪄</h3>
</div>
<div id="askMeAnything-chatBot"></div>
</div>
<script>
function chatbotSDKInitialize() {
// var user_id = '{$auth.user_id}';
Tygh.$.ceAjax('request', fn_url('kl_account.user_details'), {
// data:{ 'is_ajax': 1, 'ts': Date.now(), 'user_id': user_id},
data:{ 'is_ajax': 1, 'ts': Date.now()},
method: 'GET',
callback: function(data){
// if(data.phone) {
window.ChatbotSDK.initialize('askMeAnything-chatBot', {
apiKey: '{$config.ca_kl_my_acc_help_chat_api_key}',
apiEndpoint: '{$config.ca_kl_my_acc_help_chat_api_end_point}',
apiEnv: '{$config.ca_kl_api_env}',
idPrefix: 'kl_helpBot',
boxSize: { width: '600px', height: '500px' },
responseCard: {
columns: '2',
titleFont: '18px',
contentFont: '14px',
},
position: 'bottom-right',
logo: '{$config.cdn_image_host}/images/ui_icon/footer-option-askMe-icon2.png',
botIcon: '{__("ca_kl_bizz_logo")}',
chatIcon: '{__("ca_kl_bizz_chat_icon")}',
headerInfoText: '{__("ca_kl_bizz_header_info_text")}',
chatFontSize: '16px',
chatFontFamily: 'Gill Sans',
themeName: 'light',
showWaitingMessages: true,
waitingMessages: {
initial: {
time: 30,
message:
{__("ca_kl_bizz_init_wait_msg")},
},
mid: {
time: 60,
message:
{__("ca_kl_bizz_mid_wait_msg")},
},
late: {
time: 90,
message:
{__("ca_kl_bizz_late_wait_msg")},
},
},
customBanner: `
<div class="kiki-chat__message bot">
<div class="kiki-chat__bot-name">kiki.ai</div>
<p class="kiki-chat__para">
Hey there! <span>👋</span> I'm kiki.ai, your personal skincare assistant!
I've analyzed your skin and I'm here to help with any questions
about products, ingredients, routines, or anything skincare-related.
What would you like to know?
</p>
</div>
<h3 class="kiki-chat__quick-title">Quick questions:</h3>
`,
customPrompts: [
{
label: 'Have query about my order?',
value: 'Have query about my order?',
action: 'submit',
showCameraIcon: false,
},
{
label: 'Best products for my skin type',
value: 'Best products for my skin type',
action: 'submit',
showCameraIcon: false,
},
{
label: 'Scan product and know about it?',
value: 'Scan product and know about it?',
action: 'submit',
showCameraIcon: false,
},
{
label: 'Morning skincare routine tips',
value: 'Morning skincare routine tips',
action: 'submit',
showCameraIcon: false,
},
],
enableImageAnalysisFeature: 'true',
showReloadButton: true,
enableHistory: true,
enableStreaming: true,
wsUrl: '{$config.ca_kl_my_acc_help_chat_ws_url}',
customPayload: {
mobile_number: data.phone,
client_identifier: "sdk_" + data.phone,
name: data.name,
email: data.email,
user_identifier: data.user_id,
session_id: data.session_id + 'kl_helpBot',
},
});
// } else {
// return;
// }
},
hidden : true
});
}
chatbotSDKInitialize();
</script>
<script>
// function to open askMeAnything chat popup
setTimeout(() => {
const interval = setInterval(() => {
const askMeChatIcon = document.getElementById('kl_helpBot-ca-bot-icon');
if (askMeChatIcon) {
clearInterval(interval);
askMeChatIcon.click();
document.querySelector(".kiki-chatbot-preview").style.display="none";
}
}, 200);
}, 500);
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
@media (min-width: 480px) {
#askMeAnything-chatBot {
#ca-chat-box-container {
position: relative !important;
inset: unset;
margin: 20px auto 0;
min-width: 700px;
}
}
}
.kiki-chatbot-preview {
max-width: 300px;
height: 500px;
display: flex;
flex-flow: column;
text-align: center;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.kiki-chatbot-preview h3 {
font-family: "Cormorant Garamond", serif;
font-size: 20px;
}
.kiki-chatbot-preview img {
width: 200px;
}
#askMeAnything-chatBot {
#kl_helpBot-ca-bot-icon {
display: none;
}
/* :has(#ca-chat-box-container) {
background: none
} */
#ca-header {
background: #02A2B0;
box-shadow: 0px 4px 4px 0px #00000040;
border: 0;
}
.ca-header-info-text {
color: #FAFAFA;
}
.reload-btn img,
.ca-close-btn svg {
display: none;
}
.reload-btn ,
.ca-close-btn {
width: 34px;
height: 34px;
background: url(https://cdn.kindlife.in/images/ui_icon/askMe-reload-icon.svg) no-repeat center / cover;
background-size: 60%;
border-radius: 50%;
}
.ca-close-btn {
display: none;
margin-left: 6px;
background-image: url(https://cdn.kindlife.in/images/ui_icon/askMe-cross-icon.svg);
}
#ca-chat-box-container {
background: #F5F1ED !important;
z-index: 10;
}
#ca-chat-content-area {
margin: 0;
background: #F5F1ED;
}
#ca-footer {
background: #fff;
}
.kiki-chat__message {
background: #FAFAFA;
padding: 14px;
border-radius: 14px;
width: 90%;
max-width: 400px;
margin: 1rem 1rem 10px;
border: 1px solid #E5E7EB;
}
.kiki-chat__bot-name {
font-size: 14px;
line-height: 2;
color: #2DBBA9;
margin-bottom: 4px;
font-weight: 500;
display: flex;
align-items: end;
gap: 6px;
}
.kiki-chat__bot-name:before {
content: url('https://cdn.kindlife.in/images/ui_icon/bk-sparkle-green-icon.svg');
line-height: 22px;
}
.kiki-chat__message p {
font-size: 14px;
line-height: 1.5;
color: #101828;
padding: 0;
}
h3.kiki-chat__quick-title {
display: inline-block;
font-size: 14px;
margin: 0.5rem 1rem 0;
font-weight: 500;
color: #4A5565;
}
#ca-prompt-content {
padding: 0;
margin: 0.5rem 1rem 1rem;
}
#ca-prompt-content button {
background: #fff;
border: 1px solid #C7C3BE;
border-radius: 16px;
color: #4E4B58;
font-weight: 500;
justify-content: left;
padding: 10px 14px;
font-size: 14px;
gap: 10px;
}
#ca-prompt-content button:hover {
background: #22d1c1b3;
color: #000;
}
#ca-prompt-btn:before {
content: "";
display: inline-block;
flex: 0 0 auto;
width: 20px;
height: 20px;
background-image: url(https://cdn.kindlife.in/images/ui_icon/bk-sparkle-dark-icon.svg);
background-size: contain;
background-repeat: no-repeat;
}
#ca-prompt-btn:nth-child(2):before {
background-image: url(https://cdn.kindlife.in/images/ui_icon/bk-skin-type-icon.svg);
}
#ca-prompt-btn:nth-child(3):before {
background-image: url(https://cdn.kindlife.in/images/ui_icon/bk-ingredient-scan-icon.png);
}
#ca-prompt-btn:nth-child(4):before {
background-image: url(https://cdn.kindlife.in/images/ui_icon/bk-heart-dark-icon.svg);
}
.ca-input-wrapper {
background: #fff !important;
border: 1px solid #D5D3D9;
box-shadow: 0px 4px 6px -4px #DAB2FF66;
}
.ca-receiver > div,
.ca-sender > div {
background: #FAFAFA !important;
border: 1px solid #E9D4FF;
}
#ca-multi-block-header > div:nth-child(1) {
font-size: 16px;
margin: 0;
font-weight: 600;
}
#ca-multi-block-message {
gap: 1rem;
}
#ca-multi-block-product div:nth-child(2) > div:nth-child(1) {
color: #6A7282;
font-size: 14px;
font-weight: 500;
}
#ca-multi-block-product div:nth-child(2) > div:nth-child(2) {
color: #101828;
font-size: 14px;
font-weight: 500;
margin: 0;
}
#ca-multi-block-product div:nth-child(2) > div:nth-child(3) div:nth-child(1) {
color: #101828;
font-size: 14px;
font-weight: 600;
}
#ca-multi-block-product div:nth-child(2) > div:nth-child(3) div:nth-child(2) {
color: #6A7282;
font-size: 14px;
font-weight: 500;
}
#ca-multi-block-product div:nth-child(2) > div:nth-child(3) div:nth-child(3) {
color: #19A447;
background: transparent;
padding: 0;
margin: 0;
font-size: 14px;
font-weight: 500;
}
#ca-multi-block-product div:nth-child(2) > button {
font-weight: 600;
}
.product-wrapper-ul {
padding: 0;
margin: 5px 0 5px 20px;
}
strong {
font-weight: 600;
}
}
@media (max-width: 767px) {
#askMeAnything-chatBot {
#ca-chat-box-container {
min-width: 90%;
min-height: 550px;
}
}
.tygh-footer {
display: none;
}
}
@media (max-width: 480px) {
#askMeAnything-chatBot {
#ca-chat-box-container {
height: calc(100% - 50px) !important;
top: auto;
}
}
}
</style>";} |
0 |
|
|
14219 |
|
|
0 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
kiki chat - testing block |
| 1945 |
11 |
|
0 |
|
|
2833 |
|
|
1 |
A |
main |
|
0 |
1 |
en |
Main Content |
| 2171 |
68 |
a:1:{s:7:"content";s:631:"<ul id="demo_store_links">
<!-- <li class="ty-footer-menu__item"><a href="https://docs.google.com/forms/d/1h9JjQ3grp26ZqMDDsmmuKqkjAC--L_rr-ZFZaloine8/viewform?edit_requested=true">Brand</a></li> -->
<li class="ty-footer-menu__item"><a href="https://kindlife.in/affiliate">kind champion</a></li>
<li class="ty-footer-menu__item"><a href="https://www.kindlife.in/brand-query">Brand</a></li>
<li class="ty-footer-menu__item"><a href="https://www.kindlife.in/corporate-gifting">Corporate Gifting</a></li>
<li class="ty-footer-menu__item"><a href="https://www.kindlife.in/bulk-order">Bulk Order</a></li>
</ul>";} |
0 |
|
|
3289 |
blocks/wrappers/sidebox_important.tpl |
footer-no-wysiwyg |
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Partner |
| 1952 |
78 |
|
0 |
|
|
2883 |
blocks/wrappers/mainbox_simple.tpl |
|
1 |
D |
testimonials |
a:8:{s:8:"template";s:41:"addons/discussion/blocks/testimonials.tpl";s:5:"limit";s:2:"10";s:6:"random";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"2";s:18:"outside_navigation";s:1:"Y";} |
0 |
1 |
en |
Reviews |
| 2538 |
185 |
|
0 |
|
|
2889 |
|
bk-pull-right top-cart |
1 |
A |
cart_content |
a:4:{s:8:"template";s:23:"blocks/cart_content.tpl";s:22:"display_bottom_buttons";s:1:"Y";s:20:"display_delete_icons";s:1:"Y";s:19:"products_links_type";s:5:"thumb";} |
0 |
1 |
en |
Cart |
| 2178 |
266 |
a:1:{s:7:"content";s:86:"<p class="bottom-copyright">© 2025 AlphaCMA Private LIMITED. All Rights Reserved.</p>";} |
0 |
|
|
13246 |
|
|
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Copyright custom text |
| 2174 |
330 |
a:1:{s:7:"content";s:10720:"<style>
.bk_footer_block .footer-copyright, .bk_footer_desk{
background-color: #EDF2F8;
}
.ty-footer-grid__full-width > .row-fluid {
max-width: 1200px;
margin: 0 auto;
}
.bk_footer_block .bottom-copyright {
margin: 10px 0;
}
.bk_footer_desk .bk_footer_kind{
border-bottom: 1px solid #D7E2F0;
float: left;
width: 100%;
}
.footer-copyright .bottom-copyright, .bk_footer_desk .bk_footer_contact p{
color: #1B1C1E;
font-weight: 400;
font-size: 13px;
}
.bk_footer_desk > .row-fluid .span3, .bk_footer_desk > .row-fluid .span4, .bk_footer_desk > .row-fluid .span6, .bk_footer_desk > .row-fluid .span7 {
margin-left: 0;
margin-top: 15px;
}
.bk_footer_desk .ty-sidebox-important__title,
.bk_footer_desk span.ty-sidebox__title-wrapper,
.bk_footer_desk .bk_foot_social h4{
color: #1B1C1E;
font-size: 14px;
font-weight: 600;
margin: 0 0 5px 0;
text-transform: inherit;
}
.bk_footer_desk .span3 ul{
margin: 0;
}
.bk_footer_desk .ty-search-block_1{
padding: 0;
border: 1px solid #D7E2F0;
border-radius: 50px;
}
.bk_footer_desk .ty-footer-menu__item {
margin-bottom: 0px;
padding: 3px 0;
}
.bk_footer_desk .ty-footer-menu__item a{
color: #1B1C1E;
}
.bk_footer_desk .ty-footer-menu__item a:hover{
text-decoration: underline!important;
}
.bk_footer_desk .bk_footer_social-Icons ul{
padding: 0;
margin: 0;
}
.bk_footer_desk .bk_footer_social-Icons div {
font-size:13px;
}
.bk_footer_desk .bk_foot_social h3 {
color:#1B1C1E;
font-size: 22px;
line-height: 32px;
font-weight: 600;
margin: 0 0 24px;
text-transform: none;
}
.bk_footer_desk .bk_footer_download {
margin: 20px 0;
}
.bk_footer_desk .bk_footer_download span {
margin-right: 5px;
}
.bk_footer_desk .bk_footer_download img {
border-radius: 5px;
margin-bottom: 5px;
}
.bk_footer_desk .bk_footer_social-Icons ul li {
display: inline-block;
margin-right: 20px;
}
.bk_footer_desk .bk_footer_social-Icons {
margin: 10px 0;
}
.bk_footer_desk .bk_footer_social-Icons svg {
width: 20px;
height: 20px;
}
.bk_footer_desk li{
list-style: none;
}
.bk_footer_contact {
margin: 10px 0;
}
.bk_footer_desk .bk_footer_contact .bk_btn_grn{
color: #2BBAA8;
}
.bk_footer_desk .about-grid .ty-icon-magnifiercartxdnew{
top: 8px;
right: 10px;
}
.bk_footer_block h3.ty-sidebox-important__title{
color: #1B1C1E;
font-size: 14px;
font-weight: 600;
margin: 0 0 5px 0;
background: transparent;
border-bottom: none;
padding: 0 0;
}
.bk_footer_kind .ty-wysiwyg-content,.tygh-footer .ty-wysiwyg-content{
margin: 0 0 0 0;
}
.bk_footer_search{
width: 100%;
max-width: 250px;
float: left;
clear: both;
}
.tygh-footer .ty-sidebox-important{
margin-bottom: 15px;
}
.tygh-footer *{
box-sizing: border-box;
}
.tygh-footer .bk_footer_desk .span3 .ty-wysiwyg-content div{
font-size: 13px;
color: #888888;
}
/* mobile view */
@media (max-width: 767px){
.bk_footer_block {
margin-bottom: 60px;
}
.bk_footer_desk .bk_foot_social h4{
margin: 0;
text-transform: none;
}
.bk_footer_desk > .row-fluid .span3, .bk_footer_desk > .row-fluid .span4{
width: 100%;
}
.bk_footer_desk .ty-footer-menu__item{
display: inline-block;
margin-right: 10px;
border: none;
}
.bk_footer_desk .ty-sidebox-important__body {
min-height: auto;
}
.bk_footer_desk .ty-sidebox-important__title, .bk_footer_desk span.ty-sidebox__title-wrapper, .bk_footer_desk .bk_foot_social h4{
margin: 0;
}
.bk_footer_desk > .row-fluid .span4 {
width: 100%;
margin-top: 40px;
}
.bk_footer_desk .bk_foot_social h3 {
margin-bottom: 15px;
}
}
</style>
<div class="bk_foot_social">
<h3>Have you been kind to yourself today?</h3>
<h4 class="bk_footer_download_h4">Download now, we App-solutely recommend it</h4>
<div class="bk_footer_download">
<span><a href="http://play.google.com/store/apps/details?id=com.kindlife"><img src="https://cdn.kindlife.in/images/ui_icon/footer_app_andr_icon.png" alt="android icon" width="120" height="36" loading="lazy"></a></span>
<span><a href="http://apps.apple.com/in/app/kindlife/id1558677327"><img src="https://cdn.kindlife.in/images/ui_icon/footer_app_ios_icon.png" alt="ios icon" width="120" height="36" loading="lazy"></a></span>
</div>
<h4>Keep up with kindlife</h4>
<div class="bk_footer_social-Icons">
<ul>
<li><a href="http://www.facebook.com/kindlife.in/">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<path id="facebook-ko" fill="#1A1C1D" d="M21.4,1.9H3.6C3,1.9,2.5,2.4,2.5,3v17.8c0,0.6,0.5,1.1,1.1,1.1h9.6v-7.7h-2.6v-3h2.6V8.9
c-0.2-2,1.3-3.8,3.3-4c0.2,0,0.4,0,0.6,0c0.8,0,1.6,0,2.3,0.1v2.7h-1.6c-1.3,0-1.5,0.6-1.5,1.5v1.9h3l-0.4,3h-2.6v7.7h5.1
c0.6,0,1.1-0.5,1.1-1.1V3C22.5,2.4,22,1.9,21.4,1.9"/>
</svg>
</a></li>
<li><a href="http://www.instagram.com/kindlife.in/">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<g id="instagram-ko" transform="translate(732 3345)">
<path id="Path_2508" fill="#1A1C1D" d="M-719.5-3343.6c-2.9,0-3.2,0-4.4,0.1c-0.9,0-1.7,0.2-2.6,0.5c-0.7,0.3-1.3,0.7-1.9,1.2
c-0.5,0.5-1,1.2-1.2,1.9c-0.3,0.8-0.5,1.7-0.5,2.6c-0.1,1.1-0.1,1.5-0.1,4.3c0,2.9,0,3.2,0.1,4.3c0,0.9,0.2,1.7,0.5,2.6
c0.6,1.4,1.7,2.5,3.1,3.1c0.8,0.3,1.7,0.5,2.6,0.5c1.1,0.1,1.5,0.1,4.4,0.1c2.9,0,3.2,0,4.4-0.1c0.9,0,1.7-0.2,2.6-0.5
c1.4-0.5,2.5-1.7,3.1-3.1c0.3-0.8,0.5-1.7,0.5-2.6c0.1-1.1,0.1-1.5,0.1-4.3c0-2.9,0-3.2-0.1-4.3c0-0.9-0.2-1.7-0.5-2.6
c-0.6-1.4-1.7-2.5-3.1-3.1c-0.8-0.3-1.7-0.5-2.6-0.5C-716.3-3343.6-716.6-3343.6-719.5-3343.6 M-719.5-3341.7c2.8,0,3.2,0,4.3,0.1
c0.7,0,1.3,0.1,2,0.4c0.5,0.2,0.9,0.4,1.2,0.8c0.4,0.3,0.6,0.8,0.8,1.2c0.2,0.6,0.4,1.3,0.4,2c0,1.1,0.1,1.4,0.1,4.2
c0,2.8,0,3.1-0.1,4.2c0,0.7-0.1,1.3-0.4,2c-0.4,0.9-1.1,1.6-2,2c-0.6,0.2-1.3,0.4-2,0.4c-1.1,0.1-1.4,0.1-4.3,0.1s-3.2,0-4.3-0.1
c-0.7,0-1.3-0.1-2-0.4c-0.9-0.4-1.7-1.1-2-2c-0.2-0.6-0.4-1.3-0.4-2c0-1.1-0.1-1.4-0.1-4.2c0-2.8,0-3.1,0.1-4.2
c0-0.7,0.1-1.3,0.4-2c0.4-0.9,1.1-1.6,2-2c0.6-0.2,1.3-0.4,2-0.4C-722.7-3341.7-722.3-3341.7-719.5-3341.7"/>
<path id="Path_2509" fill="#1A1C1D" d="M-719.3-3329.4c-1.9,0-3.5-1.6-3.5-3.5c0-1.9,1.6-3.5,3.5-3.5s3.5,1.6,3.5,3.5l0,0
C-715.8-3330.9-717.4-3329.4-719.3-3329.4 M-719.3-3338.2c-3,0-5.4,2.4-5.4,5.4c0,3,2.4,5.4,5.4,5.4s5.4-2.4,5.4-5.4l0,0
C-713.9-3335.8-716.3-3338.2-719.3-3338.2 M-712.1-3338.7c0,0.7-0.6,1.3-1.4,1.3c-0.7,0-1.3-0.6-1.3-1.4c0-0.7,0.6-1.3,1.3-1.3
C-712.7-3340-712.1-3339.4-712.1-3338.7"/>
</g>
</svg>
</a></li>
<li><a href="http://twitter.com/kindlife_in">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<path id="twitter-ko" fill="#1A1C1D" d="M7.6,22.3c7.8,0.1,14.2-6.2,14.2-14c0-0.1,0-0.1,0-0.2c0-0.2,0-0.4,0-0.6
c1-0.7,1.8-1.6,2.5-2.6c-0.9,0.4-1.9,0.7-2.9,0.8c1-0.6,1.8-1.6,2.2-2.8c-1,0.6-2.1,1-3.2,1.2c-1.9-2-5.1-2.1-7.1-0.2
c-1.3,1.2-1.8,3-1.5,4.8c-4-0.2-7.8-2.1-10.3-5.2C0.3,5.7,1,8.6,3.2,10.1c-0.8,0-1.6-0.2-2.3-0.6v0.1c0,2.4,1.7,4.4,4,4.9
c-0.7,0.2-1.5,0.2-2.3,0.1c0.7,2,2.5,3.4,4.7,3.5c-1.8,1.4-4,2.1-6.2,2.1c-0.4,0-0.8,0-1.2-0.1C2.2,21.5,4.9,22.3,7.6,22.3"/>
</svg>
</a></li>
<li><a href="http://www.youtube.com/channel/UCB2jIIGdFEhHKeoddqfP-Gg/featured">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 28 24" style="enable-background:new 0 0 28 24;" xml:space="preserve">
<g id="youtube-ko" transform="translate(813 3345)">
<path id="Path_2510" fill="#1B1B1D" d="M-785.3-3339.1c-0.1-1.1-0.5-2.1-1.1-3c-0.7-0.8-1.7-1.3-2.8-1.3c-3.9-0.3-9.8-0.3-9.8-0.3h0
c0,0-5.9,0-9.8,0.3c-1.1,0-2.1,0.5-2.8,1.3c-0.6,0.9-1,1.9-1.1,3c-0.2,1.6-0.3,3.2-0.3,4.8v2.3c0,1.6,0.1,3.2,0.3,4.8
c0.1,1.1,0.5,2.1,1.1,3c0.8,0.8,1.9,1.3,3.1,1.3c2.2,0.2,9.5,0.3,9.5,0.3s5.9,0,9.8-0.3c1.1,0,2.1-0.5,2.8-1.3c0.6-0.9,1-1.9,1.1-3
c0.2-1.6,0.3-3.2,0.3-4.8v-2.3C-785-3335.9-785.1-3337.5-785.3-3339.1L-785.3-3339.1z"/>
<path id="Path_2511" fill="#FFFFFF" d="M-801-3329.4c-0.2,0-0.3,0-0.5-0.1c-0.3-0.2-0.5-0.5-0.5-0.9v-6.1c0-0.4,0.2-0.7,0.5-0.9
c0.3-0.2,0.7-0.2,1,0l5.1,3.1c0.5,0.3,0.6,1,0.3,1.4c-0.1,0.1-0.2,0.2-0.3,0.3l-5.1,3.1C-800.7-3329.5-800.9-3329.4-801-3329.4
L-801-3329.4z"/>
</g>
</svg>
</a></li>
</ul>
</div>
<div class="bk_footer_contact">
<p> Whatsapp us on <a class="bk_btn_grn" href="https://api.whatsapp.com/send?phone=918130287724">+918130287724 </a>to get in touch.</br>
Reach out to us from 10AM - 6PM (Mon-Sat), we take a break on weekends (hi boss!) </p>
</div>
</div>
<script>
if (typeof window !== 'undefined' && window.ReactNativeWebView) {
$('.bk_footer_download_h4').hide();
$('.bk_footer_download').hide();
}
</script>";} |
0 |
|
|
3292 |
|
|
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
footer social |
| 2536 |
805 |
a:1:{s:7:"content";s:2657:"<div class="bk_logo-container">
<div class="bk-kiki-icon">
<a href="/index.php" aria-label="kindlife-logo">
<img class="kiki-icon" src="https://cdn.kindlife.in/images/lotti-icons/footer-kiki-active.svg" alt="kiki-icon" width="24" height="24">
</a>
</div>
<div class="open_search_box">
<span class="open-searchArea">kiki.ai is here to help you</span>
<button class="open-searchIcon" type="button" aria-label="search" title="search">
<img src="images/search_bt.svg" alt="search" width="24" height="24">
</button>
</div>
</div>
<script>
const logoBlock = document.querySelector(".mobile_menus");
const searchBlock = document.querySelector(".search-block");
const iconBlock = document.querySelector(".bk_header_right");
window.addEventListener("scroll", () => {
if (window.scrollY <= 100) {
logoBlock.classList.remove("scroll-active");
searchBlock.classList.remove("scroll-active");
iconBlock.classList.remove("scroll-active");
} else {
logoBlock.classList.add("scroll-active");
searchBlock.classList.add("scroll-active");
iconBlock.classList.add("scroll-active");
}
});
</script>
<style>
.kiki-icon,
.bk_searchBox {
display: none;
}
.bk-kiki-icon a {
width: 32px;
height: 40px;
display: flex;
align-items: center;
justify-self: center;
}
.bk_logo-container {
display: flex;
align-items: center;
gap: 10px;
height: 50px;
}
@media (max-width: 767px) {
.header-grid .bk_container .row-fluid {
display: flex;
justify-content: space-between;
}
.header-grid .bk_container .row-fluid:after,
.header-grid .bk_container .row-fluid:before{
display: none;
}
.header-grid .bk_container .row-fluid > div {
width: auto;
}
.tygh-header .scroll-active.mobile_menus {
display: none;
}
.header-grid .bk_container .search-block {
flex: 1;
}
.bk_searchBox .open_search_box {
display: flex;
align-items: center;
background: #FFFFFF99;
border: 1px solid #EAE9EC;
height: 36px;
border-radius: 22px;
padding-left: 15px;
color: #0006;
}
.bk_searchBox,
.open-searchArea {
width: 100%;
}
.bk_searchBox .open-searchIcon {
width: 36px;
opacity: 0.5;
height: 36px;
padding: 7px;
margin-right: 6px;
}
.scroll-active :is(.hamburgur_icon,.kiki-main-logo,.top-search) {
display: none !important;
}
.scroll-active :is(.kiki-icon,.bk_searchBox) {
display: inline-block;
}
.scroll-active .search-input-container {
height: 50px;
}
}
</style>";} |
0 |
|
|
4453 |
|
bk_searchBox |
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
search box - show on scroll |
| 7550 |
1058 |
a:1:{s:7:"content";s:1694:"<ul class="bk_grid_block bk_new_grid-lg scroll staple-kbeauty">
<li><a href="https://www.kindlife.in/glass-skin-gel-sunscreen-with-spf-50-pa-50gm/?aff_id=105475">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-indie-categry-renee.webp">
</a>
<div class="protein-desc">
<p>Renee</p>
<span>Up to 40% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/ind-wild-champi-hair-oil-with-bhringraj-brahmi-and-amla-for-regrowth-hairfall-and-dandruff-control-50ml">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-indie-categry-wild.webp">
</a>
<div class="protein-desc">
<p>Inde Wild</p>
<span>Up to 20% off</span>
</div>
</li>
<li> <a
href="https://www.kindlife.in/de-tan-skin-radiance-mask-with-lactic-acid-brazilian-purple-clay-and-kaolin-clay-75ml/?aff_id=105475">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-indie-categry-foxtale.webp">
</a>
<div class="protein-desc">
<p>Foxtale</p>
<span>Up to 30% off</span>
</div>
</li>
<li> <a href="https://www.kindlife.in/diam-beauty-love-potion-lip-oil-funfetti/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-indie-categry-diam.webp">
</a>
<div class="protein-desc">
<p>Diam Beauty</p>
<span>10% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/2-kojic-acid-face-serum-with-1-alpha-arbutin-30-ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-indie-categry-asaya.webp">
</a>
<div class="protein-desc">
<p>Asaya</p>
<span>15% off</span>
</div>
</li>
</ul>";} |
0 |
|
|
6059 |
|
bk_toggle_pids pid_carousal_2 |
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP best of indie |
| 2540 |
2227 |
a:1:{s:7:"content";s:533:"<style>
.header-grid .search-block-grid {
display: flex;
width: 100%;
align-items: center;
}
.HP_ingScan_block {
margin-right: 10px;
width: 36px;
}
.HP_ingScan_block img {
width: 100%;
}
</style>
{if $auth.user_id}
<div class="HP_ingScan_block">
<a href="https://www.kindlife.in/ingredient-label-scan?ingredient_label_scan=open">
<img src="https://cdn.kindlife.in/images/ui_icon/Ingredient-can-icon.svg" alt="label-scan-img" loading="lazy" width="30" height="30">
</a>
</div>
{/if}
";} |
0 |
|
|
11739 |
|
hidden-tablet hidden-desktop |
1 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP scan label block |
| 2528 |
2472 |
a:1:{s:7:"content";s:5556:"<style>
.bk_chk_order_popup_container {
position: fixed;
z-index: 100;
bottom: 60px;
right: 10px;
max-width: 95%;
}
span.bk_chk_order_close {
position: absolute;
top: -15px;
right: 0px;
width: 20px;
height: 20px;
cursor: pointer;
display: none;
}
.open span.bk_chk_order_close {
display: block;
}
.bk_chk_order_wrap {
border: 2px solid #2dbaa8;
border-radius: 27px;
display: flex;
box-shadow: 0px 3px 6px #00000029;
overflow: hidden;
}
.bk_chk_order_img_block {
background: #fff;
display: flex;
align-items: center;
column-gap: 6px;
padding: 8px;
cursor: pointer;
}
.bk_chk_order_num_block input[type="text"] {
all: unset;
background: #fff;
font-size: 13px;
color: #1b1c1e;
vertical-align: middle;
line-height: 38px;
width: 100%;
padding: 0 6px;
}
.bk_chk_order_num_block input[type="text"]::placeholder {
color: #A7A7A7;
font-size: 13px;
}
.bk_chk_order_text {
font-size: 12px;
line-height: 14px;
text-align: center;
font-weight: 500;
}
.bk_chk_order_num_block {
background: #fff;
width: 0px;
overflow: hidden;
display: flex;
align-items: center;
transition: 0.4s;
}
.open .bk_chk_order_num_block {
width: 180px;
}
span.bk_chk_orderBtn {
flex: 0 0 32px;
height: 32px;
color: #fff;
font-weight: 500;
cursor: pointer;
background: #1CB6AD;
border-radius: 20px;
box-shadow: 0px 3px 6px #00000029;
margin-right: 5px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.bk_chk_order_text {
display: none;
}
}
</style>
<div class="bk_chk_order_popup_container">
<span class="bk_chk_order_close"><img src="https://cdn.kindlife.in/images/ui_icon/crossBtn-smGrey-icon.svg" alt="cross-icon" width="21px" height="21px" loading="lazy"></span>
<div class="bk_chk_order_wrap" id="border">
<div class="bk_chk_order_img_block">
<span class="bk_chk_order_img">
<img src="https://cdn.kindlife.in/images/ui_icon/search-order-icon.svg" alt="order-icon" width="26px" height="26px">
</span>
<div class="bk_chk_order_text">ORDER STATUS</div>
</div>
<div class="bk_chk_order_num_block">
<input type="text" id="input-field" placeholder="Enter order number" onkeydown="checkEnterKey(event)">
<span class="bk_chk_orderBtn disabled" onclick="validateAndGoToMyAccount()">Go</span>
</div>
</div>
</div>
<script>
$(".bk_chk_order_img_block").click(function () {
$(this).parents(".bk_chk_order_popup_container").addClass("open");
$(this).find(".bk_chk_order_text").hide();
})
$(".bk_chk_order_close").click(function () {
$(".bk_chk_order_popup_container").removeClass("open");
});
// $(".bk_chk_order_num_block").mouseleave(function(){
// setTimeout(() => {
// $(".bk_chk_order_popup_container").removeClass("open");
// }, 2000);
// })
$(window).scroll(function (event) {
function orderChk() {
var scroll = $(window).scrollTop();
if (scroll > 0) {
$(".bk_chk_order_popup_container, .bk_kiki-ai_fixBtn_wrap").fadeIn("slow").addClass("show");
}
else {
$(".bk_chk_order_popup_container, .bk_kiki-ai_fixBtn_wrap").fadeOut("slow").removeClass("show");
}
clearTimeout($.data(this, 'scrollTimer'));
$.data(this, 'scrollTimer', setTimeout(function () {
if ($('.bk_chk_order_popup_container').is(':hover')) {
orderChk();
}
else {
$(".bk_chk_order_popup_container, .bk_kiki-ai_fixBtn_wrap").fadeOut("slow");
}
}, 4000));
}
orderChk();
});
function checkEnterKey(event) {
if (event.key === "Enter") {
validateAndGoToMyAccount();
}
}
function isNumeric(input) {
return /^\d+$/.test(input);
}
function validateAndGoToMyAccount() {
const inputField = document.getElementById("input-field");
const inputValue = inputField.value.trim();
const borderField = document.getElementById("border");
if (inputValue.length === 8 && isNumeric(inputValue)) {
localStorage.setItem("user_order_query", inputValue);
window.location.href = "/myaccount";
} else {
borderField.style.borderColor = "red";
setTimeout(function () {
borderField.style.borderColor = "#2dbaa8";
}, 300);
}
}
const inputField = document.getElementById("input-field");
inputField.addEventListener("input", function () {
const inputValue = this.value.trim();
const button = document.querySelector(".bk_chk_orderBtn");
if (!isNumeric(inputValue) || !(inputValue.length === 8)) {
if (!button.classList.contains("disabled")) {
button.classList.add("disabled");
}
} else {
if (button.classList.contains("disabled")) {
button.classList.remove("disabled");
}
}
});
</script>";} |
0 |
|
|
9833 |
|
|
1 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP-chk-order-popup |
| 2529 |
2652 |
a:1:{s:7:"content";s:3872:"<style type="text/css">
.bk_top_code_strip{
background-color: #e3f3f1;
}
.bk_top_code_strip_text{
padding: 5px 55px 5px 5px;
text-align: center;
}
.bk_top_code_strip *{
color: #000;
font-size: 16px;
font-weight: 500;
background-image: linear-gradient(90deg,#d42377,#1c90fd);
background-color: #208df8;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
}
.bk_top_code_strip_text a::after{
content: "";
position: absolute;
bottom: 0px;
left: 0;
height: 2px;
width: 100%;
background-image: linear-gradient(90deg,#d42377,#1c90fd);
}
.bk_top_code_strip_text a.bk_app_downloadBtn1::after{
height: 1px;
}
.bk_top_code_strip .btn{
padding: 0;
}
.bk_app_downloadBtn1 {
display: none;
}
@media (max-width: 767px){
.bk_app_downloadBtn1 {
display: inline-block;
}
.bk_app_downloadBtn-desk1 {
display: none;
}
}
@media(max-width:450px) {
.bk_top_code_strip *{
font-size: 14px;
}
.bk_top_code_strip_text {
padding: 6px;
}
}
</style>
<div class="bk_top_code_strip show_web">
<div class="bk_top_code_strip_text">
<div>Use code APP15 for extra 15% off on app
<a class="btn bk_app_downloadBtn-desk1" href="https://play.google.com/store/apps/details?id=com.kindlife&hl=en_IN&gl=US">
DOWNLOAD NOW</a>
<a class="btn bk_app_downloadBtn1"> DOWNLOAD NOW</a>
*T&C Apply
</div>
</div>
</div>
<div class="bk_top_code_strip show_mob" style="display: none;">
<div class="bk_top_code_strip_text">
<div>Use code APP15 for extra 15% off on your first order </div>
</div>
</div>
<script>
function getMobileOperatingSystem() {
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
if (/windows phone/i.test(userAgent)) {
return "Windows Phone";
}
if (/android/i.test(userAgent)) {
return "Android";
}
if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
return "iOS";
}
return "unknown";
}
function DetectAndServe(){
let os = getMobileOperatingSystem();
// alert(os)
if (os == "Android") {
window.location.href = "https://play.google.com/store/apps/details?id=com.kindlife&hl=en_IN&gl=US";
} else if (os == "iOS") {
window.location.href = "https://apps.apple.com/us/app/kindlife/id1558677327";
} else if (os == "Windows Phone") {
window.location.href = "https://kindlife.in";
} else {
window.location.href = "https://kindlife.in";
}
}
$(".bk_app_downloadBtn1").click(() => {
DetectAndServe();
})
</script>
<script>
(function (_, $) {
$(document).ready(function() {
if (window.ReactNativeWebView) {
$(".bk_top_code_strip.show_web").hide();
$(".bk_top_code_strip.show_mob").show();
setTimeout(() => {
$(".hp_popup_wrap .hp_links_img").hide();
$(".hp_main_img.web").hide();
// $(".hp_main_img.app").show();
}, 1000);
}
});
})(Tygh, Tygh.$);
</script>
";} |
0 |
|
|
10136 |
|
|
1 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP top kindcode strip |
| 7389 |
2860 |
a:1:{s:7:"content";s:891:"<style>
.seoul-strip .hero-content h2 {
font-size: 34px;
font-family: "Cormorant Garamond", serif;
font-weight: 600;
margin: 0;
}
/* ===== BUTTON ===== */
.seoul-strip .hero-btns {
margin-top: 20px;
}
.seoul-strip .hero-btns a {
padding: 3px 10px;
background: #000;
color: #fff;
text-decoration: none;
font-size: 15px;
margin-top: 50px;
letter-spacing: 2px;
}
/* ===== MOBILE ===== */
@media(max-width: 768px) {
.seoul-strip .hero-slide {
grid-template-columns: 1fr;
}
.seoul-strip .hero-img {
order: -1;
}
.seoul-strip .hero-content {
padding: 12px;
}
.seoul-strip .hero-content h2 {
font-size: 26px;
}
.seoul-strip .hero-content p {
font-size: 20px;
line-height: 1.1;
}
.seoul-strip .hero-btns a {
font-size: 13px;
margin-top: 8px;
}
}
</style>
";} |
0 |
|
|
13408 |
|
|
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP seaoul strip with brands |
| 5524 |
3010 |
a:1:{s:7:"content";s:5714:"<style>
.bk_review-desc h4 {
margin: 0;
font-family: "Poppins", sans-serif;
color: #000;
}
ul.bk_review-list li a {
font-size: 16px;
font-family: "Poppins", sans-serif;
font-weight: 500;
}
ul.bk_review-list li h3 {
font-family: "Poppins", sans-serif;
margin-top: 5px;
margin-bottom: 0px;
color: #000;
}
ul.bk_review-list li p {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-size: 15px;
color: #000;
line-height: 20px;
}
ul.bk_review-list li {
flex: 0 0 calc(20% - 8px);
min-width: 220px;
}
.bk_customer-reviews {
margin: 50px 0 auto;
}
ul.bk_review-list li img {
width: 24px;
}
ul.bk_review-list {
display: flex;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
column-gap: 10px;
}
@media (max-width:600px) {
ul.bk_review-list li p {
font-size: 13px;
}
.bk_customer-reviews {
margin:0px;
}
h2.bk_mainbox-title img {
width: 64%;
}
}
</style>
<div class="bk_customer-reviews">
<div class="bk_block_heading bk_theme_head">
<h2>Honest Reviews </h2>
<p> We promise!</p>
</div>
<ul class="bk_review-list">
<li>
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGry.svg" alt="star" loading="lazy" width="30" height="30">
<h3>All in one place </h3>
<div class="bk_review-desc">
<p>Had a great experience cause I was easily able to discover everything I needed for a routine change.</p>
<h4>Manya</h4>
</div>
</li>
<li><img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<h3>Restocked COSRX</h3>
<div class="bk_review-desc">
<p>My fav is the snail mucin essence 96 from COSRX and I always get the best discounts kindlife. </p>
<h4>Supriya</h4>
</div>
</li>
<li>
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<h3>Authentic stuff! </h3>
<div class="bk_review-desc">
<p class="desktop">I’m a k-Beauty fan and can keep getting my hands on the trending products from Korea.</p>
<p class="mobile">I’m a k-Beauty fan and can keep getting my hands on the trending products from Korea.</p>
<h4> Muskan </h4>
</div>
</li>
<li>
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGry.svg" alt="star" loading="lazy" width="30" height="30">
<h3>Love the kind crew </h3>
<div class="bk_review-desc">
<p>Great service, everyone from the kind crew is super friendly and helpful.</p>
<h4>Vinay</h4>
</div>
</li>
<li>
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGrn.svg" alt="star" loading="lazy" width="30" height="30">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-rating-starGry.svg" alt="star" loading="lazy" width="30" height="30">
<h3>Fun live sessions </h3>
<div class="bk_review-desc">
<p>I never miss the live sessions cause of crazy discounts on k-Beauty and indian skincare. </p>
<h4>Anisha</h4>
</div>
</li>
</ul>
</div>";} |
0 |
|
|
10802 |
|
|
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Hp customers reviews |
| 7371 |
3108 |
a:1:{s:7:"content";s:1079:"<div class="bk_block_heading">
<h2>Exclusive on kindlife </h2>
<p>Use <span class="bk_code"> GLOW10</span> for extra 10% off </p>
<!-- <p>Use <span class="bk_code"> HALFPRICE</span> to get 50% off </p> -->
</div>
<div class="bk_block_container">
<ul class="bk_flex_block bk_1x3_block">
<li>
<a href="https://www.kindlife.in/neafneaf">
<img src="https://cdn.kindlife.in/images/banners/landing-page/kbw-lp/Kbw-0812-exclusive-neaf1.webp"
alt="neafneaf-banner" width="350" height="200" loading="lazy">
</a>
</li>
<li>
<a href="https://www.kindlife.in/frudia/">
<img src="https://cdn.kindlife.in/images/banners/landing-page/kbw-lp/Kbw-0812-exclusive-frudia.webp"
alt="frudia-banner" width="350" height="200" loading="lazy">
</a>
</li>
<li>
<a href="https://www.kindlife.in/fresh-care-toner-trio-3-x-248ml/">
<img src="https://cdn.kindlife.in/images/banners/landing-page/kbw-lp/Kbw-0812-exclusive-key.webp"
alt="secret-key-banner" width="350" height="200" loading="lazy">
</a>
</li>
</ul>
</div>";} |
0 |
|
|
13575 |
|
|
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
kbeauty exclusive on kindlife 1x3 |
| 6551 |
3127 |
a:1:{s:7:"content";s:2004:"<style>
ul.bk_grid_block.bk_1x3_grid.coupons-hp {
justify-content: space-evenly;
}
ul.bk_grid_block.bk_1x3_grid.coupons-hp li {
list-style: none;
}
.bk_1x3_grid.coupons-hp {
grid-template-columns: repeat(3, minmax(250px, 28%));
column-gap: 20px;
}
@media (max-width: 480px) {
.bk_1x3_grid.coupons-hp {
grid-template-columns: repeat(3, minmax(250px, 80%));
column-gap: 10px;
}
}
</style>
<div class="strip_banner">
<ul class="bk_grid_block bk_1x3_grid coupons-hp">
<!-- <li><a href="https://www.kindlife.in/half-price-days/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2810-halfprice-coupon.png"
alt="img" width="400" height="120" loading="lazy"></a>
</li> -->
<li><a href="https://www.kindlife.in/kbeauty/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0311-coupons-klove.png"
alt="KLOVE coupon" width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/skincare-l/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2210coupon-01111.png"
alt="GLOW10 coupon" width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/cokodive/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2210coupon-0333.png"
alt="COKO5 coupon" width="400" height="120" loading="lazy"></a>
</li>
</ul>
</div>";} |
0 |
|
|
12334 |
|
|
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP coupons discounts |
| 6889 |
3127 |
a:1:{s:7:"content";s:2004:"<style>
ul.bk_grid_block.bk_1x3_grid.coupons-hp {
justify-content: space-evenly;
}
ul.bk_grid_block.bk_1x3_grid.coupons-hp li {
list-style: none;
}
.bk_1x3_grid.coupons-hp {
grid-template-columns: repeat(3, minmax(250px, 28%));
column-gap: 20px;
}
@media (max-width: 480px) {
.bk_1x3_grid.coupons-hp {
grid-template-columns: repeat(3, minmax(250px, 80%));
column-gap: 10px;
}
}
</style>
<div class="strip_banner">
<ul class="bk_grid_block bk_1x3_grid coupons-hp">
<!-- <li><a href="https://www.kindlife.in/half-price-days/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2810-halfprice-coupon.png"
alt="img" width="400" height="120" loading="lazy"></a>
</li> -->
<li><a href="https://www.kindlife.in/kbeauty/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0311-coupons-klove.png"
alt="KLOVE coupon" width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/skincare-l/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2210coupon-01111.png"
alt="GLOW10 coupon" width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/cokodive/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2210coupon-0333.png"
alt="COKO5 coupon" width="400" height="120" loading="lazy"></a>
</li>
</ul>
</div>";} |
0 |
|
|
13031 |
|
|
1 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP coupons discounts |
| 6890 |
3312 |
a:1:{s:7:"content";s:1498:"<div class="redeen-kinders-banner strip_banner" style="display:none;">
<!-- <img class="desktop" src="https://cdn.kindlife.in/images/banners/hp-images/HP-1809-redeem-desk1.png" loading="lazy"
width="1200" height="500">
<img class="mobile" src="https://cdn.kindlife.in/images/banners/hp-images/HP-1809-redeem-mob1.png" loading="lazy"
width="700" height="450"> -->
<picture>
<source media="(max-width: 767px)" srcset="https://cdn.kindlife.in/images/banners/hp-images/HP-2611-bfs-kinders-desk.png">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2611-bfs-kinders-mob.png" alt="redeem kinders banner" loading="lazy" width="1200" height="500">
</picture>
</div>
<script>
function showCustomStripBanner() {
const banner = document.querySelector('.redeen-kinders-banner');
const now = new Date();
// Get day (0 = Sunday, 4 = Thursday)
const day = now.getDay();
const hour = now.getHours();
// Show only on Sunday (0) or Thursday (4) between 6AM and 12AM
if ((day === 0 || day === 4) && (hour >= 6 && hour < 24)) {
banner.style.display = "block";
} else {
banner.style.display = "none";
}
}
// Run immediately when page loads
showCustomStripBanner();
// Optional: recheck every 15 minutes (in case user keeps page open)
setInterval(showCustomStripBanner, 15 * 60 * 1000);
</script>
";} |
0 |
|
|
13018 |
|
|
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP redeem kinders strip |
| 7522 |
3379 |
a:1:{s:7:"content";s:16245:"<style>
.span16.am-bg {
background: #ade8f4;
padding: 10px 0;
border-radius: 5px;
}
.bk_newcat_block {
text-align: center;
}
.bk_steps_images {
overflow: auto;
border: 1px solid #e3e3e3;
margin: 10px 0;
border-radius: 10px;
background: #e3e3e3;
}
.bk_stepsBtns {
text-align: center;
}
a.bkStepsBtn {
color: #1b366f;
margin: 20px 10px 5px;
text-decoration: underline !important;
font-size: 16px;
display: inline-block;
}
.bk-routine-steps-images-container.steps-cont {
max-width: 220px;
margin: 0 auto;
overflow: hidden;
}
.bk-step-bottles-container {
width: 180%;
}
.active#step-3 {
color: #ec138d;
}
.active#step-5 {
color: #ec138d;
}
.bkStepsBtn:hover {
color: #ec138d;
}
.bk_steps_pid_block {
display: none;
}
.bk-step-bottles-container {
max-width: 450px;
}
.bk-step-bottle-1-color .st0,
.bk-step-bottle-2-color .st0,
.bk-step-bottle-3-color .st0,
.bk-step-bottle-4-color .st0,
.bk-step-bottle-5-color .st0,
.bk-step-bottle-6-color .st0,
.bk-step-bottle-7-color .st0,
.bk-step-bottle-8-color .st0,
.bk-step-bottle-9-color .st0,
.bk-step-bottle-10-color .st0 {
fill: #539ac0;
opacity: .64;
}
.bk-step-bottle-1-color .st1,
.bk-step-bottle-2-color .st1,
.bk-step-bottle-3-color .st1,
.bk-step-bottle-4-color .st1,
.bk-step-bottle-5-color .st1,
.bk-step-bottle-6-color .st1,
.bk-step-bottle-7-color .st1,
.bk-step-bottle-8-color .st1,
.bk-step-bottle-9-color .st1,
.bk-step-bottle-10-color .st1 {
fill: #fff;
opacity: 1;
}
@media (min-width: 767px) {
.step-3-active .bk-step-bottle-1-color .st0,
.step-3-active .bk-step-bottle-3-color .st0,
.step-4-active .bk-step-bottle-1-color .st0,
.step-4-active .bk-step-bottle-3-color .st0,
.step-4-active .bk-step-bottle-4-color .st0,
.step-4-active .bk-step-bottle-6-color .st0,
.step-5-active .bk-step-bottle-4-color .st0,
.step-5-active .bk-step-bottle-5-color .st0,
.step-5-active .bk-step-bottle-6-color .st0,
.step-7-active .bk-step-bottle-1-color .st0,
.step-7-active .bk-step-bottle-2-color .st0,
.step-7-active .bk-step-bottle-3-color .st0,
.step-7-active .bk-step-bottle-4-color .st0,
.step-7-active .bk-step-bottle-5-color .st0,
.step-7-active .bk-step-bottle-6-color .st0,
.step-7-active .bk-step-bottle-7-color .st0,
.step-7-active .bk-step-bottle-8-color .st0,
.step-7-active .bk-step-bottle-9-color .st0,
.step-7-active .bk-step-bottle-10-color .st0 {
fill: #ec138d;
opacity: 1
}
.step-3-active .bk-step-bottle-1-color .st1,
.step-3-active .bk-step-bottle-3-color .st1,
.step-4-active .bk-step-bottle-1-color .st1,
.step-4-active .bk-step-bottle-3-color .st1,
.step-4-active .bk-step-bottle-4-color .st1,
.step-4-active .bk-step-bottle-6-color .st1,
.step-5-active .bk-step-bottle-4-color .st1,
.step-5-active .bk-step-bottle-5-color .st1,
.step-5-active .bk-step-bottle-6-color .st1,
.step-7-active .bk-step-bottle-1-color .st1,
.step-7-active .bk-step-bottle-2-color .st1,
.step-7-active .bk-step-bottle-3-color .st1,
.step-7-active .bk-step-bottle-4-color .st1,
.step-7-active .bk-step-bottle-5-color .st1,
.step-7-active .bk-step-bottle-6-color .st1,
.step-7-active .bk-step-bottle-7-color .st1,
.step-7-active .bk-step-bottle-8-color .st1,
.step-7-active .bk-step-bottle-9-color .st1,
.step-7-active .bk-step-bottle-10-color .st1 {
fill: #fff1f9;
opacity: 1
}
}
/* ===== AM Hover Color (AM) ===== */
.step-3-active .bk-step-bottle-1-color .st0,
.step-3-active .bk-step-bottle-3-color .st0 {
fill: #0096c7;
}
.step-3-active .bk-step-bottle-1-color .st1,
.step-3-active .bk-step-bottle-3-color .st1 {
fill: #0096c7;
}
/* ===== PM Hover Color (PM) ===== */
.step-5-active .bk-step-bottle-4-color .st0,
.step-5-active .bk-step-bottle-5-color .st0,
.step-5-active .bk-step-bottle-6-color .st0 {
fill: #023e8a;
}
.step-5-active .bk-step-bottle-4-color .st1,
.step-5-active .bk-step-bottle-5-color .st1,
.step-5-active .bk-step-bottle-6-color .st1 {
fill: #023e8a;
}
/* AM Creative Background */
.bk_steps_pid_block.am-bg.active {
background: #ade8f4;
padding: 10px;
}
/* PM Creative Background */
.bk_steps_pid_block.pm-bg.active {
background: #023e8a;
padding: 10px;
}
</style>
<div class="bk_top_heading bk_block_heading">
<h2>Skincare Routines</h2>
</div>
<div class="bk_newcat_block step-3-active">
<div class="bk-routine-steps-images-container steps-cont">
<svg viewBox="0 0 260 43" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" class="bk-step-bottles-container">
<g class="bk-step-bottle-1-color">
<path class="st0" d="M15.5,5.4c0-0.3-0.2-0.5-0.5-0.5H0.9c-0.3,0-0.5,0.2-0.5,0.5l0,2.9L2.8,38v4.2c0,0.1,0,0.2,0.1,0.3
c0.1,0.1,0.2,0.1,0.3,0.1h9.4c0.3,0,0.5-0.2,0.5-0.5l0-4.2l2.3-29.9V5.4z M6.5,41.8c0.2-0.7,0.8-1.2,1.5-1.2
c0.7,0,1.3,0.5,1.5,1.2H6.5z M12.2,41.8l-1.8,0c-0.2-1.2-1.2-2.1-2.4-2.1s-2.2,0.9-2.4,2.1H3.7l0-3.4h8.5V41.8z M12.3,37.5H3.7
L1.4,8.7h13.1L12.3,37.5z M1.4,7.7V5.9h13.2l0,1.9H1.4z"></path>
<path class="st1" d="M8,40.6c-0.7,0-1.3,0.5-1.5,1.2h3C9.3,41.1,8.7,40.6,8,40.6z"></path>
<path class="st1"
d="M3.7,41.8h1.8c0.2-1.2,1.2-2.1,2.4-2.1s2.2,0.9,2.4,2.1l1.8,0v-3.4H3.7L3.7,41.8z">
</path>
<path class="st1" d="M3.7,37.5h8.6l2.3-28.8H1.4L3.7,37.5z M11.1,11.9c0-0.3,0.2-0.5,0.5-0.4c0.3,0,0.5,0.2,0.4,0.5l-1,13.7
c0,0.2-0.2,0.4-0.5,0.4c0,0,0,0,0,0c-0.3,0-0.5-0.2-0.4-0.5L11.1,11.9z M9.9,28.4c0-0.3,0.2-0.5,0.5-0.4c0.3,0,0.5,0.2,0.4,0.5
l-0.4,5.3c0,0.2-0.2,0.4-0.5,0.4c0,0,0,0,0,0c-0.3,0-0.5-0.2-0.4-0.5L9.9,28.4z"></path>
<rect x="1.4" y="5.9" class="st1" width="13.2" height="1.9"></rect>
<path class="st0" d="M10.5,26.1C10.6,26.1,10.6,26.1,10.5,26.1c0.3,0,0.5-0.2,0.5-0.4l1-13.7c0-0.3-0.2-0.5-0.4-0.5
c-0.3,0-0.5,0.2-0.5,0.4l-1,13.7C10.1,25.9,10.3,26.1,10.5,26.1z"></path>
<path class="st0" d="M9.9,34.2C9.9,34.2,10,34.2,9.9,34.2c0.3,0,0.5-0.2,0.5-0.4l0.4-5.3c0-0.3-0.2-0.5-0.4-0.5
c-0.3,0-0.5,0.2-0.5,0.4l-0.4,5.3C9.5,34,9.7,34.2,9.9,34.2z"></path>
</g>
<g class="bk-step-bottle-3-color">
<path class="st0" d="M41.2,18.9h-1.4v-2.1c0-1.2-0.9-2.2-2-2.4v-4.2c0-1-0.8-1.9-1.9-1.9h-1.8c-1,0-1.9,0.8-1.9,1.9v4.2
c-1.1,0.2-2,1.2-2,2.4v2.1h-1.4c-1.6,0-2.9,1.3-2.9,3v17.9c0,1.6,1.3,3,2.9,3h12.3c1.6,0,2.9-1.3,2.9-3V21.9
C44.1,20.3,42.8,18.9,41.2,18.9z M33.1,10.3c0-0.5,0.5-1,1-1h1.8c0.6,0,1,0.4,1,1v4.1h-3.8V10.3z M31.1,16.9
c0-0.9,0.7-1.6,1.6-1.6h4.6c0.9,0,1.6,0.7,1.6,1.6v2.1h-7.8V16.9z M26.8,21.9c0-1.2,0.9-2.1,2.1-2.1h12.3c1.2,0,2.1,0.9,2.1,2.1
v4.7c-4.1,0-6.2-0.4-8.2-0.8c-2.1-0.4-4.2-0.9-8.3-0.9V21.9z M43.3,39.8c0,1.2-0.9,2.1-2.1,2.1H28.9c-1.2,0-2.1-0.9-2.1-2.1v-14
c4.1,0,6.2,0.4,8.2,0.8c2.1,0.4,4.2,0.9,8.3,0.9V39.8z"></path>
<path class="st1" d="M36.9,10.3c0-0.5-0.5-1-1-1h-1.8c-0.6,0-1,0.4-1,1v4.1h3.8V10.3z M35.5,12.1c0,0.2-0.2,0.4-0.4,0.4
c-0.2,0-0.4-0.2-0.4-0.4V11c0-0.2,0.2-0.4,0.4-0.4c0.2,0,0.4,0.2,0.4,0.4V12.1z"></path>
<path class="st1"
d="M38.9,16.9c0-0.9-0.7-1.6-1.6-1.6h-4.6c-0.9,0-1.6,0.7-1.6,1.6v2.1h7.8V16.9z">
</path>
<path class="st1" d="M43.3,26.6v-4.7c0-1.2-0.9-2.1-2.1-2.1H28.9c-1.2,0-2.1,0.9-2.1,2.1v3c4.1,0,6.3,0.4,8.3,0.9
C37.1,26.2,39.2,26.6,43.3,26.6z"></path>
<path class="st1" d="M26.8,25.8v14c0,1.2,0.9,2.1,2.1,2.1h12.3c1.2,0,2.1-0.9,2.1-2.1V27.5c-4.1,0-6.3-0.4-8.3-0.9
C32.9,26.2,30.8,25.8,26.8,25.8z"></path>
<path class="st0" d="M35,10.6c-0.2,0-0.4,0.2-0.4,0.4v1.1c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4V11
C35.5,10.8,35.3,10.6,35,10.6z"></path>
</g>
<g class="bk-step-bottle-4-color">
<path class="st0" d="M69.4,9.9c-0.5-0.3-0.9-0.6-1.3-0.8c-1-0.5-1.4-0.8-1.4-1.7h0.1c0.6,0,1.1-0.5,1.1-1.2V4
c0-0.6-0.5-1.2-1.1-1.2h-6.5c-0.6,0-1.1,0.5-1.1,1.2v2.3c0,0.6,0.5,1.1,1,1.1c-0.1,1-0.5,1.2-1.4,1.8c-0.4,0.2-0.8,0.5-1.2,0.8
c-1.9,1.3-2.9,3.2-2.9,5.2v25.6c0,1,0.9,1.7,2.1,1.7h13.8c1.1,0,2.1-0.8,2.1-1.7V15.2C72.4,13.2,71.3,11.3,69.4,9.9z M60.1,6.3V4
c0-0.1,0.1-0.2,0.2-0.2h6.5c0.1,0,0.2,0.1,0.2,0.2v2.3c0,0.1-0.1,0.2-0.2,0.2h-6.5C60.1,6.4,60.1,6.4,60.1,6.3z M71.4,40.8
c0,0.4-0.5,0.7-1.1,0.7H56.6c-0.6,0-1.1-0.3-1.1-0.7V15.2h0c0-1.7,0.9-3.2,2.5-4.4c0.4-0.3,0.8-0.5,1.2-0.8c1-0.6,1.8-1.1,1.9-2.6
h4.6c0.1,1.5,0.9,2,1.9,2.6c0.4,0.2,0.8,0.4,1.2,0.7c1.7,1.2,2.6,2.8,2.6,4.5V40.8z"></path>
<path class="st1" d="M66.7,6.4c0.1,0,0.2-0.1,0.2-0.2V4c0-0.1-0.1-0.2-0.2-0.2h-6.5c-0.1,0-0.2,0.1-0.2,0.2v2.3
c0,0.1,0.1,0.2,0.2,0.2H66.7z"></path>
<path class="st1" d="M68.8,10.7c-0.5-0.3-0.9-0.5-1.2-0.7c-1.1-0.6-1.8-1.1-1.9-2.6h-4.6c-0.1,1.5-0.9,2-1.9,2.6
c-0.3,0.2-0.7,0.4-1.2,0.8c-1.6,1.2-2.5,2.7-2.5,4.4h0v25.6c0,0.4,0.5,0.7,1.1,0.7h13.8c0.6,0,1.1-0.3,1.1-0.7V15.2
C71.4,13.5,70.5,11.9,68.8,10.7z M69.4,30.2c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5v-3.8c0-0.3,0.2-0.5,0.5-0.5
c0.3,0,0.5,0.2,0.5,0.5V30.2z M69.4,23.7c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5v-6.5c0-2.2-0.4-3.2-1.5-4
c-0.2-0.2-0.3-0.5-0.1-0.7c0.2-0.2,0.5-0.3,0.7-0.1c1.6,1.1,1.9,2.7,1.9,4.8V23.7z"></path>
<path class="st0" d="M69,25.9c-0.3,0-0.5,0.2-0.5,0.5v3.8c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5v-3.8
C69.4,26.1,69.2,25.9,69,25.9z"></path>
<path class="st0" d="M67.5,12.4c-0.2-0.2-0.5-0.1-0.7,0.1c-0.2,0.2-0.1,0.5,0.1,0.7c1.1,0.8,1.5,1.8,1.5,4v6.5
c0,0.3,0.2,0.5,0.5,0.5c0.3,0,0.5-0.2,0.5-0.5v-6.5C69.4,15.1,69.1,13.5,67.5,12.4z"></path>
</g>
<g class="bk-step-bottle-5-color">
<path class="st0" d="M125.4,14.8c-0.4-0.3-0.8-0.5-1.1-0.7c-0.8-0.5-1.2-0.7-1.2-1.4h0c0.5,0,1-0.4,1-1v-2c0-0.5-0.4-1-1-1h-5.5
c-0.5,0-1,0.4-1,1v2c0,0.5,0.4,0.9,0.9,1c0,0.8-0.4,1-1.2,1.5c-0.3,0.2-0.7,0.4-1.1,0.7c-1.6,1.1-2.5,2.8-2.5,4.4v21.8
c0,0.8,0.8,1.5,1.8,1.5h11.7c1,0,1.8-0.7,1.8-1.5V19.3C128,17.5,127,15.9,125.4,14.8z M117.4,11.6v-2c0-0.1,0.1-0.1,0.1-0.1h5.5
c0.1,0,0.1,0.1,0.1,0.1v2c0,0.1-0.1,0.1-0.1,0.1h-5.5C117.5,11.8,117.4,11.7,117.4,11.6z M127.1,41.1c0,0.3-0.4,0.6-0.9,0.6h-11.7
c-0.5,0-0.9-0.3-0.9-0.6v-7.5h13.6V41.1z M127.1,32.8L127.1,32.8h-13.6V21.1h13.6V32.8z M127.1,20.2h-13.6v-0.9
c0-1.4,0.8-2.8,2.1-3.7c0.4-0.3,0.7-0.5,1-0.6c0.9-0.5,1.6-1,1.6-2.3h3.9c0.1,1.3,0.7,1.7,1.6,2.2c0.3,0.2,0.7,0.4,1,0.6
c1.4,1,2.2,2.4,2.2,3.8V20.2z"></path>
<polygon class="st1" points="113.5,32.8 127.1,32.8 127.1,32.8 127.1,21.1 113.5,21.1 ">
</polygon>
<path class="st1"
d="M113.5,41.1c0,0.3,0.4,0.6,0.9,0.6h11.7c0.5,0,0.9-0.3,0.9-0.6v-7.5h-13.6V41.1z">
</path>
<path class="st1" d="M123.1,11.8c0.1,0,0.1-0.1,0.1-0.1v-2c0-0.1-0.1-0.1-0.1-0.1h-5.5c-0.1,0-0.1,0.1-0.1,0.1v2
c0,0.1,0.1,0.1,0.1,0.1H123.1z"></path>
<path class="st1" d="M124.9,15.5c-0.4-0.3-0.7-0.5-1-0.6c-0.9-0.5-1.6-0.9-1.6-2.2h-3.9c-0.1,1.3-0.8,1.7-1.6,2.3
c-0.3,0.2-0.6,0.4-1,0.6c-1.4,1-2.1,2.3-2.1,3.7v0.9h13.6v-0.9C127.1,17.8,126.3,16.4,124.9,15.5z"></path>
</g>
<g class="bk-step-bottle-6-color">
<path class="st0" d="M99,15.3h-1.6V13c0-1.6-1.3-2.9-2.8-2.9h-0.7V6.6h0.6c1.1,0,4,0.2,4.6,1.7c0.1,0.2,0.3,0.3,0.4,0.3h2.2
c0.2,0,0.4-0.2,0.5-0.4c0-0.1,0.4-1.5-1.4-3c-2.4-2.1-6.3-1.9-6.4-1.9h-6.8c-0.3,0-0.5,0.2-0.5,0.5v2.3c0,0.3,0.2,0.5,0.5,0.5H90
v3.6h-0.7c-1.6,0-2.8,1.3-2.8,2.9v2.3h-1.6c-1.9,0-3.4,1.5-3.4,3.4v20.6c0,1.9,1.5,3.4,3.4,3.4H99c1.9,0,3.4-1.5,3.4-3.4V18.7
C102.4,16.8,100.9,15.3,99,15.3z M88.1,5.6V4.3h0l6.4,0c0,0,3.7-0.2,5.7,1.6c0.8,0.7,1,1.3,1.1,1.7h-1.4c-1.2-2.1-5.2-2-5.4-2
H88.1z M92.8,6.6v3.6H91V6.6H92.8z M87.4,13c0-1,0.8-1.9,1.9-1.9h5.3c1,0,1.9,0.8,1.9,1.9v2.3h-9V13z M101.4,39.3
c0,1.3-1.1,2.4-2.4,2.4H84.8c-1.3,0-2.4-1.1-2.4-2.4V24.2h0h0h19V39.3z M101.4,23.3h-19v-4.5c0-1.3,1.1-2.4,2.4-2.4H99
c1.3,0,2.4,1.1,2.4,2.4V23.3z"></path>
<path class="st1" d="M99.8,7.6h1.4c-0.1-0.4-0.3-1-1.1-1.7c-2.1-1.8-5.7-1.6-5.7-1.6l-6.4,0h0v1.3h6.4C94.6,5.6,98.6,5.5,99.8,7.6
z"></path>
<rect x="91" y="6.6" class="st1" width="1.9" height="3.6"></rect>
<path class="st1" d="M96.4,13c0-1-0.8-1.9-1.9-1.9h-5.3c-1,0-1.9,0.8-1.9,1.9v2.3h9V13z">
</path>
<path class="st1"
d="M99,16.3H84.8c-1.3,0-2.4,1.1-2.4,2.4v4.5h19v-4.5C101.4,17.4,100.3,16.3,99,16.3z">
</path>
<path class="st1"
d="M82.4,39.3c0,1.3,1.1,2.4,2.4,2.4H99c1.3,0,2.4-1.1,2.4-2.4V24.2h-19V39.3z">
</path>
</g>
</svg>
</div>
<div class="bk_stepsBtns">
<a class="bkStepsBtn active" id="step-3" href="#">AM</a>
<a class="bkStepsBtn" id="step-5" href="#">PM</a>
</div>
</div>
<script>
// Show default step
$(".bk_steps_pid_block.step-3").show().addClass("active");
$(".bkStepsBtn").on("mouseenter", function () {
var $this = $(this);
var id = $this.attr("id");
var $wrap = $this.closest(".bk_steps_toggle_wrap");
var $catBlock = $this.closest(".bk_newcat_block");
// Button active state
$this.addClass("active").siblings().removeClass("active");
// Remove previous dynamic classes and add new
$catBlock.removeClass(function (index, className) {
return (className.match(/\b\S+-active/g) || []).join(" ");
}).addClass(id + "-active");
// Hide all steps and show current
$wrap.find(".bk_steps_pid_block")
.hide()
.removeClass("active");
$wrap.find("." + id)
.show()
.addClass("active");
});
// $(".bkStepsBtn").mouseout(function () {
// $(this).parents(".bk_newcat_block").removeClass($(this).attr('id') + '-active');
// });
// $(".bk_steps_pid_wrap,.bk_steps_toggle_wrap").mouseleave(function () {
// $('.bk_steps_pid_block').css('display', 'none');
// });
</script>";} |
0 |
|
|
12273 |
|
|
1 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
am / pm toggle module |
| 7523 |
3521 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:52:"58579,7794,39001,14825,67033,68941,69072,32148,29769";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
12902 |
|
bk_steps_pid_block step-2 am-bg |
1 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP Dry skin? Try these pids |
| 2868 |
3588 |
a:1:{s:7:"content";s:8259:"<div class="help-selector-section">
<div class="help-selector-content">
<p class="help-selector-prompt">Overwhelmed by skincare and routines? </p>
<div class="help-selector-dropdown-wrapper">
<h2 class="help-selector-heading">
Help me simplify
<span class="help-selector-trigger">
<span id="selected-help" class="help-selector-selected">Glass skin</span>
<span class="dropdown-arrow">
<img src="//limese.com/cdn/shop/t/57/assets/arrow-down--icon.svg?v=123713584040173216751745327735"
alt="Arrow" width="16" height="16">
</span>
<ul class="help-selector-dropdown" style="display: none;">
<li class="help-selector-option" data-label="Barrier repair"
data-url="https://www.kindlife.in/korean-beauty/skincare/moisturisers">
Barrier repair
</li>
<li class="help-selector-option active" data-label="Glass skin"
data-url="https://www.kindlife.in/korean-beauty/skincare/face-serums-and-oils/">
Glass skin
</li>
<li class="help-selector-option" data-label="Acne care"
data-url="https://www.kindlife.in/?match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=acne&dispatch=products.search">
Acne care
</li>
<li class="help-selector-option" data-label="Fine lines"
data-url="https://www.kindlife.in/index.php?dispatch=products.search&match=all&pcode_from_q=Y&pfull=Y&pkeywords=Y&pname=Y&pshort=Y&q=retinol&search_performed=Y&subcats=Y&sort_by=bestsellers&sort_order=desc">
Fine lines
</li>
<li class="help-selector-option" data-label="Korean tints"
data-url="https://www.kindlife.in/korean-beauty/makeup/lips-en">
Korean tints
</li>
<li class="help-selector-option" data-label="Sleep reset"
data-url="https://www.kindlife.in/?match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=melatonin&dispatch=products.search">
Sleep reset
</li>
<li class="help-selector-option" data-label="Gut detox"
data-url="https://www.kindlife.in/supplements/health/gut-health/">
Gut detox
</li>
</ul>
</span>
</h2>
</div>
<a id="help-selector-button" href="https://www.kindlife.in/korean-beauty/skincare/face-serums-and-oils/"
class="help-selector-button">
SHOP
</a>
</div>
</div>
<style>
/* ---- STRUCTURE ---- */
.help-selector-section {
padding: 10px 5px;
border-radius: 12px;
text-align: center;
background-color: #f8e2ea;
margin-top: 30px;
font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
}
.help-selector-content {
max-width: 1012px;
margin: 0 auto;
}
.help-selector-prompt {
color: #000;
font-size: 28px;
margin-bottom: 1rem;
}
h2.help-selector-heading {
margin: 5px 0;
}
.help-selector-heading {
font-size: 50px;
font-weight: 400;
color: #000;
cursor: pointer;
position: relative;
display: inline-block;
}
.dropdown-arrow img {
width: 18px;
height: 18px;
vertical-align: middle;
}
/* ---- SELECTOR ---- */
.help-selector-trigger {
/* display: inline-block;
border-bottom: 2px solid #000; */
cursor: pointer;
position: relative;
overflow: hidden;
min-width: 100px;
}
/* The rotating text */
.help-selector-selected {
display: inline-block;
position: relative;
}
.selected-help-color {
color: #ff4d6d;
}
/* ---- DROPDOWN ---- */
.help-selector-dropdown {
top: 115%;
right: -5%;
display: none;
position: absolute;
list-style: none;
background: #f2d0da;
border-radius: 16px;
padding: 12px;
text-align: left;
margin: 0;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
z-index: 1;
}
.help-selector-option {
font-size: 1rem;
padding: 5px 0;
white-space: nowrap;
cursor: pointer;
color: #000;
}
.help-selector-option:hover,
.help-selector-option.active {
color: #d65f6a;
}
/* ---- BUTTON ---- */
.help-selector-button {
display: inline-block;
margin: 20px 0 10px;
background-color: #000;
color: #fff;
font-size: 18px;
border-radius: 5px;
padding: 2px 16px;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.help-selector-button:hover {
color: #fff;
transform: translateY(-3px);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}
/* ---- ANIMATIONS ---- */
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fade-out-up {
animation: fadeOutUp 0.3s ease forwards;
}
.fade-in-up {
animation: fadeInUp 0.4s ease forwards;
}
/* ---- RESPONSIVE ---- */
@media screen and (max-width: 750px) {
.help-selector-heading {
font-size: 24px !important;
}
.help-selector-prompt {
font-size: 16px !important;
margin-bottom: 5px;
}
.help-selector-section {
margin-top: 20px;
}
h2.help-selector-heading {
margin: 5px 0;
font-size: 16px !important;
}
.help-selector-button {
font-size: 14px !important;
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', () => {
const dropdownToggle = document.querySelector('.help-selector-trigger');
const dropdown = document.querySelector('.help-selector-dropdown');
const selectedHelp = document.getElementById('selected-help');
const button = document.getElementById('help-selector-button');
const options = Array.from(document.querySelectorAll('.help-selector-option'));
let currentIndex = options.findIndex(opt => opt.classList.contains('active'));
if (currentIndex === -1) currentIndex = 0;
let autoRotate = true;
// --- Rotate function ---
function rotateText() {
if (!autoRotate) return;
const nextIndex = (currentIndex + 1) % options.length;
const nextOption = options[nextIndex];
selectedHelp.classList.add('fade-out-up');
setTimeout(() => {
selectedHelp.textContent = nextOption.dataset.label;
button.href = nextOption.dataset.url;
selectedHelp.classList.remove('fade-out-up');
selectedHelp.classList.add('fade-in-up');
}, 250);
setTimeout(() => {
selectedHelp.classList.remove('fade-in-up');
}, 700);
currentIndex = nextIndex;
}
let rotateInterval = setInterval(rotateText, 5000);
// Toggle dropdown
dropdownToggle.addEventListener('click', (e) => {
e.stopPropagation();
const visible = dropdown.style.display === 'block';
dropdown.style.display = visible ? 'none' : 'block';
autoRotate = visible ? true : false;
// If dropdown is visible, stop the rotation
if (!autoRotate) {
clearInterval(rotateInterval);
} else {
// Restart rotation when dropdown is hidden
rotateInterval = setInterval(rotateText, 2500);
}
});
// Manual click on options
options.forEach((option, index) => {
option.addEventListener('click', (e) => {
e.stopPropagation();
options.forEach(o => o.classList.remove('active'));
option.classList.add('active');
selectedHelp.textContent = option.dataset.label;
button.href = option.dataset.url;
currentIndex = index;
dropdown.style.display = 'none';
autoRotate = true;
// Add class to change color of selected help
selectedHelp.classList.add('selected-help-color'); // New class for color change
});
});
// Close dropdown when clicking outside
document.querySelector(".help-selector-section").addEventListener('click', (e) => {
if (!dropdown.contains(e.target) && !dropdownToggle.contains(e.target)) {
dropdown.style.display = 'none';
// autoRotate = true;
// clearInterval(rotateInterval); // Stop rotation if clicked outside
// rotateInterval = setInterval(rotateText, 5000); // Restart rotation after closing
}
});
});
</script>";} |
0 |
|
|
13173 |
|
|
1 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP Hey you, good skin module - dropdown animation |
| 6109 |
3618 |
a:1:{s:7:"content";s:691:"<style>
.bk_mainbox-heading .bk_mainbox-title {
font-family: inherit !important;
}
.bk_mainbox-container {
margin-top: 30px;
}
</style>
<div class="bk_block_heading">
<h2> KPOP MERCH FOR STANS</h2>
</div>
<div class="strip_banner shadow" style="margin-top:0px;">
<a href="https://www.kindlife.in/bts-arirang-5th-album-standard-random/">
<picture>
<source media="(max-width: 767px)" srcset="https://cdn.kindlife.in/images/banners/hp-images/HP-cockodive-2212-mobbau4.webp">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-cockodive-2212-deskbau4.webp" alt="jumiso Banner" loading="lazy" width="1200" height="300">
</picture>
</a>
</div>
";} |
0 |
|
|
12604 |
|
|
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Hp cokodive strip |
| 7063 |
3815 |
a:1:{s:7:"content";s:6245:"<style>
.protein-desc {
text-align: center;
}
.protein-desc span.deal-discount {
color: #d6000a;
font-weight: 500;
}
.bk_new_grid-lg.scroll.kbw-category {
grid-template-columns: repeat(7, max(166px, 14%));
gap: 10px;
list-style: none;
justify-content: space-between;
margin: 5px 0 0 0;
}
ul.bk_grid_block.bk_new_grid-lg.scroll.kbw-category li {
padding: 0;
text-align: center;
}
ul.bk_grid_block.bk_new_grid-lg.scroll.kbw-category li img {
width: 100%;
}
.protein-desc p {
font-weight: 500;
font-family: "Cormorant Garamond", serif;
font-size: 18px;
line-height: 1;
padding-bottom: 0;
}
.protein-desc span {
/* color: #f7725c; */
color: #d6000a;
font-size: 18px;
/* font-weight: 500; */
}
@media (max-width: 480px) {
.bk_new_grid-lg.scroll.kbw-category {
grid-template-columns: repeat(7, 30%) !important;
gap: 5px;
}
ul.bk_grid_block.bk_new_grid-lg.scroll.kbw-category li {
padding: 0;
}
.protein-desc p {
font-size: 16px;
}
.protein-desc span {
font-size: 15px;
font-weight: 500;
}
}
</style>
<ul class="bk_grid_block bk_new_grid-lg scroll kbw-category">
{* <li><a href="https://www.kindlife.in/all-day-airy-mineral-sunscreen-spf50-pa-with-zinc-for-acne-prone-and-sensitive-skin-60gm/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-Daily-Drops1407.gif"
alt="Klairs - 50% off" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<p>Klairs</p>
<span class="deal-discount">50% off</span>
</div>
</li> *}
<li><a href="https://www.kindlife.in/sunscreen101/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-top-ctgry-sunscreen.webp"
alt="Sunscreens - Save up to 50%" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<p>Sunscreens</p>
<!-- <span>Up to 88% off</span> -->
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/cleansers/" data-category-id="2686">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-top-ctgry-cleansers.webp"
alt="Cleansers - Save up to 50% " width="160" height="160" loading="lazy">
</a>
<div class="protein-desc">
<p>Cleansers</p>
<!-- <span>Up to 70% off</span> -->
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/toners/?sort_by=bestsellers&sort_order=desc"
data-category-id="2710">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-top-ctgry-toner.webp"
alt="TonersSave up to 70%" width="160" height="160" loading="lazy">
</a>
<div class="protein-desc">
<p>Toners</p>
<!-- <span>Up to 80% off</span> -->
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/serums/?sort_by=bestsellers&sort_order=desc"
data-category-id="2827">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-top-ctgry-serums1.webp"
alt="SerumsSave up to 50%" width="160" height="160" loading="lazy">
</a>
<div class="protein-desc">
<p>Serums</p>
<!-- <span>Up to 60% off</span> -->
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/moisturisers/?sort_by=bestsellers&sort_order=desc"
data-category-id="2705">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-top-ctgry-moisturisers.webp"
alt="MoisturisersSave up to 45% " width="160" height="160" loading="lazy">
</a>
<div class="protein-desc">
<p>Moisturisers</p>
<!-- <span>Up to 82% off</span> -->
</div>
</li>
<li><a href="https://www.kindlife.in/makeup-marvel/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-top-ctgry-makeup.webp"
alt="Makeup Up to 60% off" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<p>Makeup</p>
<!-- <span>Up to 75% off</span> -->
</div>
</li>
<li><a href="https://www.kindlife.in/tools-makeup-kit-and-brushes/?sort_by=timestamp&sort_order=desc&aff_id=430361"
data-category-id="3304">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-top-ctgry-tools1.webp"
alt="ToolsUp to 75% off" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<p>Tools</p>
<!-- <span>Up to 75% off</span> -->
</div>
</li>
</ul>";} |
0 |
|
|
13186 |
|
|
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:4:"1200";} |
0 |
1 |
en |
HP summer sale top categories |
| 7066 |
3847 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:29:"68909,68903,68918,69466,69463";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13276 |
|
bk_toggle_pids pid_carousal_2 |
1 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP etude pids(cry proof) |
| 7118 |
3899 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:35:"68572,66919,66930,67465,67460,67463";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13344 |
|
bk_toggle_pids pid_carousal_2 |
1 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP derma cerave pids |
| 7299 |
4032 |
a:1:{s:7:"content";s:5923:"<style>
.carousel-image {
position: relative;
width: 100%;
overflow: hidden;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.protein-wrap .carousel-card {
flex: 0 0 max(200px, calc(17% - 10px));
}
.carousel-container1 img.active-img {
filter: none;
opacity: 1;
transition: all 0.3s ease;
}
.carousel-container1 img.inactive-img {
filter: contrast(0.8);
opacity: 0.6;
transition: all 0.3s ease;
}
.carousel-container1 {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
justify-content: space-between;
}
@media screen and (max-width: 480px) {
.card_1x4 .carousel-card, .protein-wrap .carousel-card {
flex: 0 0 45%;
}
}
</style>
<div class="bk_block_heading">
<h2>GET IN SHAPE FOR 2026</h2>
</div>
<section class="carousel" style="margin-bottom: 10px;">
<button class="carousel-pre-btn"><span class="ty-icon ty-icon-left-open-thin"></span></button>
<button class="carousel-nxt-btn"><span class="ty-icon ty-icon-right-open-thin"></span></button>
<div class="carousel-container1 protein-wrap">
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_1">
<div class="carousel-image">
<img class="active-img"
src="https://cdn.kindlife.in/images/banners/category/Protein-guide-2905-top-ctgry-whey.webp"
alt="img" width="400" height="120" loading="lazy">
<div class="bk_prod_desc">
<p>Whey protein</p>
</div>
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_2">
<div class="carousel-image">
<img class="inactive-img"
src="https://cdn.kindlife.in/images/banners/category/Protein-guide-2905-top-ctgry-plant-protein.webp"
alt="img" width="400" height="120" loading="lazy">
<div class="bk_prod_desc">
<p>Plant protein</p>
</div>
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_3">
<div class="carousel-image">
<img class="inactive-img"
src="https://cdn.kindlife.in/images/banners/category/Protein-guide-2905-top-ctgry-pre-workout.webp">
<div class="bk_prod_desc">
<p>Pre-workout</p>
</div>
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_4">
<div class="carousel-image">
<img class="inactive-img"
src="https://cdn.kindlife.in/images/banners/category/Protein-guide-2905-top-ctgry-protein-bars.webp">
<div class="bk_prod_desc">
<p>Protein bars </p>
</div>
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_5">
<div class="carousel-image">
<img class="inactive-img"
src="https://cdn.kindlife.in/images/banners/category/Protein-guide-2905-top-ctgry-ceratine1.webp">
<div class="bk_prod_desc">
<p>Creatine</p>
</div>
</div>
</div>
</div>
</section>
<script>
$(document).ready(function () {
// Initially show only pid_carousal_1 content
$('.pid_carousal_1').css('display', 'block');
$(".bk_toggle_circle_five").click(function () {
// Image highlight toggle
$(".bk_toggle_circle_five img").removeClass("active-img").addClass("inactive-img");
$(this).find("img").removeClass("inactive-img").addClass("active-img");
// Optional: card active class
$(this).addClass("active").siblings().removeClass("active");
// Content toggle logic
const blockId = $(this).attr('id'); // e.g., 'pid_carousal_1'
$(this).parents(".bk_toggle_container").find('.bk_toggle_pids, .bk_cat-toggle_more-link').hide();
$(this).parents(".bk_toggle_container").find('.' + blockId).show();
});
});
</script>";} |
0 |
|
|
13632 |
|
|
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP portein toggle |
| 7443 |
4090 |
a:1:{s:7:"content";s:486:"<div class="strip_banner shadow">
<a href="https://www.kindlife.in/serum101/">
<picture>
<source media="(max-width: 767px)" srcset="https://cdn.kindlife.in/images/banners/hp-images/HP-0701-serums-strip-mob3.gif">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0701-serums-strip-desk3.gif"
alt="jumiso Banner" loading="lazy" width="1200" height="300">
</picture>
</a>
</div>";} |
0 |
|
|
13728 |
|
|
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP SERUMS strip |
| 7370 |
4096 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:59:"68340,68344,68345,58579,68357,68341,68351,68349,68342,68343";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13878 |
|
bk_toggle_pids pid_carousal_2 |
1 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"200";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP v-day round-lab pids |
| 7496 |
4148 |
a:1:{s:7:"content";s:2476:"<style>
/* ===== WRAPPER ===== */
.dyson-wrap .hero-slide {
display: grid;
grid-template-columns: 70% 30%;
align-items: stretch;
position: relative;
/* needed for floating badge */
}
/* ===== FLOATING BADGE ===== */
.dyson-wrap .kindluxe-badge {
position: absolute;
right: 28%;
bottom: 10px;
width: 78px;
z-index: 2;
}
/* ===== CONTENT ===== */
.dyson-wrap .hero-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
text-align: center;
}
.dyson-wrap .hero-content p {
font-size: 30px;
font-weight: 300;
margin: 0;
}
/* ===== BUTTON ===== */
.dyson-wrap .hero-btns {
margin-top: 10px;
}
.dyson-wrap .hero-btns a {
padding: 3px 10px;
background: #000;
color: #fff;
text-decoration: none;
font-size: 15px;
letter-spacing: 2px;
}
/* ===== IMAGE ===== */
.dyson-wrap .hero-img {
display: flex;
align-items: flex-end;
}
.dyson-wrap .hero-img img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
/* ===== LOGO FIX ===== */
.dyson-wrap .hero-content img {
width: 120px;
max-width: 100%;
margin-bottom: 10px;
}
/* ===== MOBILE ===== */
@media(max-width: 768px) {
.dyson-wrap .hero-slide {
grid-template-columns: 1fr;
}
.dyson-wrap .hero-img {
order: -1;
align-items: center;
}
.dyson-wrap .hero-content img {
width: 100px;
}
.dyson-wrap .kindluxe-badge {
width: 60px;
left: 10px;
top: 9px;
}
.dyson-wrap .hero-content {
padding: 14px;
}
.dyson-wrap .hero-content p {
font-size: 23px;
}
}
</style>
<!-- ===== STATIC STRIP ===== -->
<div class="strip_banner dyson-wrap">
<div class="hero-slide">
<!-- FLOATING BADGE -->
<img class="kindluxe-badge"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-dyson-0505-kindluxe-logo.svg" alt="">
<div class="hero-content">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2904-strip-dyson-logo.png" alt="">
<p>+ Free K-beauty box worth ₹6,000</p>
<div class="hero-btns">
<a href="https://www.kindlife.in/dyson/">SHOP</a>
</div>
</div>
<div class="hero-img">
<a href="https://www.kindlife.in/dyson/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0505-dyson-strip-img.png" />
</a>
</div>
</div>
</div>";} |
0 |
|
|
13897 |
|
|
1 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP dyson custom |
| 7359 |
4149 |
a:1:{s:7:"content";s:132:"<div class="bk_block_heading">
<h2> TOP 10 SELF-LOVE PICKS </h2>
<p>Because you deserve good skin this Valentine’s.</p>
</div>";} |
0 |
|
|
13898 |
|
|
1 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HpTOP 10 SELF-LOVE PICS |
| 2180 |
4320 |
a:1:{s:7:"content";s:10576:"{* code for ask-me-anything kiki chatbot *}
{assign var="vol" value=$config['css_fix_version']}
{script src="js/lib/ca-assistant/ca-assistant.umd.js"}
{style src="addons/my_changes/ca-assistant.css?k=$vol"}
{style src="addons/my_changes/ca-assistant-kl.css?k=$vol"}
<div class="bk__kiki-chatbot">
<div class="kiki-chatbot-preview">
<img src="https://cdn.kindlife.in/images/ui_icon/kiki-walk-and-sing.gif" alt="kiki-chatbot-preview" width="300" height="300" decoding="async">
<h3>One sec… Kiki is pulling things together 🪄</h3>
</div>
<div id="askMeAnything-chatBot"></div>
</div>
<script>
function chatbotSDKInitialize() {
// var user_id = '{$auth.user_id}';
Tygh.$.ceAjax('request', fn_url('kl_account.user_details'), {
// data:{ 'is_ajax': 1, 'ts': Date.now(), 'user_id': user_id},
data:{ 'is_ajax': 1, 'ts': Date.now()},
method: 'GET',
callback: function(data){
// if(data.phone) {
window.ChatbotSDK.initialize('askMeAnything-chatBot', {
apiKey: '{$config.ca_kl_my_acc_help_chat_api_key}',
apiEndpoint: '{$config.ca_kl_my_acc_help_chat_api_end_point}',
apiEnv: '{$config.ca_kl_api_env}',
idPrefix: 'kl_helpBot',
boxSize: { width: '600px', height: '500px' },
responseCard: {
columns: '2',
titleFont: '18px',
contentFont: '14px',
},
position: 'bottom-right',
logo: '{$config.cdn_image_host}/images/ui_icon/footer-option-askMe-icon2.png',
botIcon: '{__("ca_kl_bizz_logo")}',
chatIcon: '{__("ca_kl_bizz_chat_icon")}',
headerInfoText: '{__("ca_kl_bizz_header_info_text")}',
chatFontSize: '16px',
chatFontFamily: 'Gill Sans',
themeName: 'light',
showWaitingMessages: true,
waitingMessages: {
initial: {
time: 30,
message:
{__("ca_kl_bizz_init_wait_msg")},
},
mid: {
time: 60,
message:
{__("ca_kl_bizz_mid_wait_msg")},
},
late: {
time: 90,
message:
{__("ca_kl_bizz_late_wait_msg")},
},
},
customBanner: `
<div class="kiki-chat__message bot">
<div class="kiki-chat__bot-name">kiki.ai</div>
<p class="kiki-chat__para">
Hey there! <span>👋</span> I'm kiki.ai, your personal skincare assistant!
I've analyzed your skin and I'm here to help with any questions
about products, ingredients, routines, or anything skincare-related.
What would you like to know?
</p>
</div>
<h3 class="kiki-chat__quick-title">Quick questions:</h3>
`,
customPrompts: [
{
label: 'Have query about my order?',
value: 'Have query about my order?',
action: 'submit',
showCameraIcon: false,
},
{
label: 'Best products for my skin type',
value: 'Best products for my skin type',
action: 'submit',
showCameraIcon: false,
},
{
label: 'Scan product and know about it?',
value: 'Scan product and know about it?',
action: 'submit',
showCameraIcon: false,
},
{
label: 'Morning skincare routine tips',
value: 'Morning skincare routine tips',
action: 'submit',
showCameraIcon: false,
},
],
enableImageAnalysisFeature: 'true',
showReloadButton: true,
enableHistory: true,
enableStreaming: true,
wsUrl: '{$config.ca_kl_my_acc_help_chat_ws_url}',
customPayload: {
mobile_number: data.phone,
client_identifier: "sdk_" + data.phone,
name: data.name,
email: data.email,
user_identifier: data.user_id,
session_id: data.session_id + 'kl_helpBot',
},
});
// } else {
// return;
// }
},
hidden : true
});
}
chatbotSDKInitialize();
</script>
<script>
// function to open askMeAnything chat popup
setTimeout(() => {
const interval = setInterval(() => {
const askMeChatIcon = document.getElementById('kl_helpBot-ca-bot-icon');
if (askMeChatIcon) {
clearInterval(interval);
askMeChatIcon.click();
document.querySelector(".kiki-chatbot-preview").style.display="none";
}
}, 200);
}, 500);
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
@media (min-width: 480px) {
#askMeAnything-chatBot {
#ca-chat-box-container {
position: relative !important;
inset: unset;
margin: 20px auto 0;
min-width: 700px;
}
}
}
.kiki-chatbot-preview {
max-width: 300px;
height: 500px;
display: flex;
flex-flow: column;
text-align: center;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.kiki-chatbot-preview h3 {
font-family: "Cormorant Garamond", serif;
font-size: 20px;
}
.kiki-chatbot-preview img {
width: 200px;
}
#askMeAnything-chatBot {
#kl_helpBot-ca-bot-icon {
display: none;
}
/* :has(#ca-chat-box-container) {
background: none
} */
#ca-header {
background: #02A2B0;
box-shadow: 0px 4px 4px 0px #00000040;
border: 0;
}
.ca-header-info-text {
color: #FAFAFA;
}
.reload-btn img,
.ca-close-btn svg {
display: none;
}
.reload-btn ,
.ca-close-btn {
width: 34px;
height: 34px;
background: url(https://cdn.kindlife.in/images/ui_icon/askMe-reload-icon.svg) no-repeat center / cover;
background-size: 60%;
border-radius: 50%;
}
.ca-close-btn {
display: none;
margin-left: 6px;
background-image: url(https://cdn.kindlife.in/images/ui_icon/askMe-cross-icon.svg);
}
#ca-chat-box-container {
background: #F5F1ED !important;
z-index: 10;
}
#ca-chat-content-area {
margin: 0;
background: #F5F1ED;
}
#ca-footer {
background: #fff;
}
.kiki-chat__message {
background: #FAFAFA;
padding: 14px;
border-radius: 14px;
width: 90%;
max-width: 400px;
margin: 1rem 1rem 10px;
border: 1px solid #E5E7EB;
}
.kiki-chat__bot-name {
font-size: 14px;
line-height: 2;
color: #2DBBA9;
margin-bottom: 4px;
font-weight: 500;
display: flex;
align-items: end;
gap: 6px;
}
.kiki-chat__bot-name:before {
content: url('https://cdn.kindlife.in/images/ui_icon/bk-sparkle-green-icon.svg');
line-height: 22px;
}
.kiki-chat__message p {
font-size: 14px;
line-height: 1.5;
color: #101828;
padding: 0;
}
h3.kiki-chat__quick-title {
display: inline-block;
font-size: 14px;
margin: 0.5rem 1rem 0;
font-weight: 500;
color: #4A5565;
}
#ca-prompt-content {
padding: 0;
margin: 0.5rem 1rem 1rem;
}
#ca-prompt-content button {
background: #fff;
border: 1px solid #C7C3BE;
border-radius: 16px;
color: #4E4B58;
font-weight: 500;
justify-content: left;
padding: 10px 14px;
font-size: 14px;
gap: 10px;
}
#ca-prompt-content button:hover {
background: #22d1c1b3;
color: #000;
}
#ca-prompt-btn:before {
content: "";
display: inline-block;
flex: 0 0 auto;
width: 20px;
height: 20px;
background-image: url(https://cdn.kindlife.in/images/ui_icon/bk-sparkle-dark-icon.svg);
background-size: contain;
background-repeat: no-repeat;
}
#ca-prompt-btn:nth-child(2):before {
background-image: url(https://cdn.kindlife.in/images/ui_icon/bk-skin-type-icon.svg);
}
#ca-prompt-btn:nth-child(3):before {
background-image: url(https://cdn.kindlife.in/images/ui_icon/bk-ingredient-scan-icon.png);
}
#ca-prompt-btn:nth-child(4):before {
background-image: url(https://cdn.kindlife.in/images/ui_icon/bk-heart-dark-icon.svg);
}
.ca-input-wrapper {
background: #fff !important;
border: 1px solid #D5D3D9;
box-shadow: 0px 4px 6px -4px #DAB2FF66;
}
.ca-receiver > div,
.ca-sender > div {
background: #FAFAFA !important;
border: 1px solid #E9D4FF;
}
#ca-multi-block-header > div:nth-child(1) {
font-size: 16px;
margin: 0;
font-weight: 600;
}
#ca-multi-block-message {
gap: 1rem;
}
#ca-multi-block-product div:nth-child(2) > div:nth-child(1) {
color: #6A7282;
font-size: 14px;
font-weight: 500;
}
#ca-multi-block-product div:nth-child(2) > div:nth-child(2) {
color: #101828;
font-size: 14px;
font-weight: 500;
margin: 0;
}
#ca-multi-block-product div:nth-child(2) > div:nth-child(3) div:nth-child(1) {
color: #101828;
font-size: 14px;
font-weight: 600;
}
#ca-multi-block-product div:nth-child(2) > div:nth-child(3) div:nth-child(2) {
color: #6A7282;
font-size: 14px;
font-weight: 500;
}
#ca-multi-block-product div:nth-child(2) > div:nth-child(3) div:nth-child(3) {
color: #19A447;
background: transparent;
padding: 0;
margin: 0;
font-size: 14px;
font-weight: 500;
}
#ca-multi-block-product div:nth-child(2) > button {
font-weight: 600;
}
.product-wrapper-ul {
padding: 0;
margin: 5px 0 5px 20px;
}
strong {
font-weight: 600;
}
}
@media (max-width: 767px) {
#askMeAnything-chatBot {
#ca-chat-box-container {
min-width: 90%;
min-height: 550px;
}
}
.tygh-footer {
display: none;
}
}
@media (max-width: 480px) {
#askMeAnything-chatBot {
#ca-chat-box-container {
height: calc(100% - 50px) !important;
top: auto;
}
}
}
</style>";} |
0 |
|
|
14218 |
|
|
1 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
kiki chat - testing block |
| 2169 |
13 |
a:1:{s:7:"content";s:627:"<div class="ty-social-link-block"><h3 class="ty-social-link__title">{__("get_social")}</h3>
<div class="ty-social-link facebook">
<a href="http://www.facebook.com"><i class="ty-icon-facebook"></i>Facebook</a>
</div>
<div class="ty-social-link instagram">
<a href="https://www.instagram.com"><i class="ty-icon-instagram"></i>Instagram</a>
</div>
<div class="ty-social-link twitter">
<a href="https://twitter.com"><i class="ty-icon-twitter"></i>Twitter</a>
</div>
<div class="ty-social-link youtube">
<a href="https://www.youtube.com/user/cscartvideos"><i class="ty-icon-youtube"></i>Youtube</a>
</div></div>
";} |
0 |
|
|
3287 |
|
|
2 |
A |
smarty_block |
a:1:{s:8:"template";s:23:"blocks/smarty_block.tpl";} |
0 |
1 |
en |
Social links |
| 2173 |
17 |
a:1:{s:7:"content";s:1073:"<ul id="about_cs_cart_links">
<li class="ty-footer-menu__item"><a href="/riseofkoreanbeautyinindia">Insights</a></li>
<li class="ty-footer-menu__item"><a href="/kinder">kinders</a></li>
<li class="ty-footer-menu__item"><a href="/kindcrew">kind crew</a></li>
<li class="ty-footer-menu__item"><a href="/kind-circle">kind circle</a></li>
<li class="ty-footer-menu__item"><a href="https://www.kindlife.in/community">Community</a></li>
<li class="ty-footer-menu__item"><a href="/customer-love">Customer love</a></li>
<li class="ty-footer-menu__item"><a href="/superkind-club">Superkind club</a></li>
<li class="ty-footer-menu__item"><a href="/blog/">Blog</a></li>
<!-- <li class="ty-footer-menu__item"><a href="/kindcode">kindcode</a></li> -->
<!-- <li class="ty-footer-menu__item"><a href="/perfectmatch">Perfect Match</a></li> -->
<!-- <li class="ty-footer-menu__item"><a href="/just-launched">Just Launched</a></li> -->
<!-- <li class="ty-footer-menu__item"><a href="/how-we-curate">How we curate</a></li> -->
</ul>
";} |
0 |
|
|
3291 |
blocks/wrappers/sidebox_important.tpl |
footer-no-wysiwyg |
2 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
About us |
| 2179 |
19 |
|
0 |
|
|
3297 |
|
|
2 |
A |
template |
a:1:{s:8:"template";s:41:"blocks/static_templates/payment_icons.tpl";} |
0 |
1 |
en |
Payment icons |
| 2194 |
64 |
|
0 |
|
|
3319 |
|
top-languages |
2 |
D |
languages |
a:4:{s:8:"template";s:20:"blocks/languages.tpl";s:4:"text";s:0:"";s:6:"format";s:4:"name";s:14:"dropdown_limit";s:1:"0";} |
0 |
1 |
en |
Languages |
| 2168 |
66 |
|
0 |
|
|
3286 |
|
|
2 |
D |
template |
a:1:{s:8:"template";s:56:"addons/newsletters/blocks/static_templates/subscribe.tpl";} |
0 |
1 |
en |
Subscribe |
| 2180 |
221 |
a:1:{s:7:"content";s:33225:"<style type="text/css">
.bk_footer__accountWrap img {
width: 30px;
aspect-ratio: 1;
object-fit: cover;
border-radius: 50%;
}
.bk_footer_tab_list_new {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
}
.bk_footer_tab_list_new > ul {
list-style: none;
margin: 0;
display: flex;
justify-content: space-around;
align-items: end;
position: relative;
}
.bk_footer_tab_list_new > ul > li {
flex: 1;
padding: 0;
background-color: #fff;
}
.bk_footer_tab_list_new > ul > li.bk_footer_navMid {
background-image: radial-gradient(circle at 50% 7%, transparent 28px, #fff 0);
background-color: transparent;
flex: 0 0 auto;
width: 56px;
}
.bk_footer_nav2 {
border-top-right-radius: 10px;
}
.bk_footer_nav4 {
border-top-left-radius: 10px;
}
.bk_footer_tab_list_new > ul > li > a {
padding: 6px 0 4px;
text-align: center;
font-size: 11px;
color: #8F8F8F;
display: flex;
flex-flow: column;
justify-content: end;
height: 56px;
}
.bk_footer_tab_list_new > ul li.bk_footer_plusBtn {
position: absolute;
text-align: center;
aspect-ratio: 1;
border-radius: 50px;
transform: translateY(-60%);
width: 46px;
z-index: 1;
}
.bk_footer_tab_list_new ul li.bk_footer_plusBtn span {
background: #2dbaa8;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
border-radius: 50px;
cursor: pointer;
transition: 0.2s;
position: relative;
}
.bk_footer_tab_list_new > ul li.bk_footer_plusBtn.open span {
background: #5E2ECF;
transform: rotate(45deg);
}
.bk_footer_tab_list_new .bk_footer_plusBtn span:before,
.bk_footer_tab_list_new .bk_footer_plusBtn span:after {
content: '';
width: 3px;
height: 55%;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.bk_footer_tab_list_new .bk_footer_plusBtn span:after {
width: 55%;
height: 3px;
background: #fff;
}
.bk_footer_tab_list_new ul li.active a {
color: #2DBAA8;
}
.bk_footer_tab_list_new li .bk_foot_activeImg,
.bk_footer_tab_list_new li.active .bk_foot_nonActiveImg {
display: none
}
.bk_footer_tab_list_new li .bk_foot_nonActiveImg,
.bk_footer_tab_list_new li.active .bk_foot_activeImg {
display: flex;
}
.bk_footer_tab_list_new .bk-icon-footer {
display: block;
margin: auto;
opacity: 0.5;
}
.bk_footer_tab_list_new li.active .bk_foot_activeImg {
opacity: 1;
}
.bk_footer_tab_list_new .bk-icon-footer svg {
height: 28px;
max-width: none
}
.bk_footer_tab_option_wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #0009;
padding: 15px 0 75px;
overflow: hidden;
height: 100vh;
display: flex;
flex-flow: column;
justify-content: end;
}
.bk_footer_tab_option_wrap ul.bk_footer_tab_option_list {
text-align: center;
transform-origin: bottom;
list-style: none;
margin: 0;
transform: rotate(-60deg) translateY(100%);
transition: 0.3s;
}
.bk_footer_tab_option_wrap.show ul {
transform: none;
}
li.option_tab_item1 {
padding-left: 12%;
}
li.option_tab_item2 {
padding-left: 10%;
}
li.option_tab_item3 {
padding-left: 5%;
}
li.option_tab_item4 {
padding-left: 10%;
}
ul.bk_footer_tab_option_list li a {
padding: 4px 0;
font-size: 13px;
font-weight: 500;
display: inline-flex;
align-items: center;
}
ul.bk_footer_tab_option_list li span {
background: #2dbaa8;
border-radius: 50px;
width: 36px;
aspect-ratio: 1;
line-height: 36px;
margin-right: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
}
ul.bk_footer_tab_option_list li p {
display: inline-block;
padding: 0;
opacity: 0;
transition: 0.5s;
transform: translateX(20px);
font-size: 13px;
font-weight: 500;
}
.bk_footer_tab_option_wrap.show ul p {
opacity: 1;
transform: unset;
color: #fff;
}
.bk-ing-aiscan-container #ca-bot-icon {
display: none;
}
</style>
<div class="bk_footer_tab_list_new">
<ul>
<li {if $runtime.controller == 'index' && $runtime.mode == 'index'} class="active" {/if} ><a href="">
<span class="bk-icon-footer bk_foot_activeImg">
<img src="https://cdn.kindlife.in/images/lotti-icons/footer-kiki-active.svg" alt="kiki-logo">
</span>
<span class="bk-icon-footer bk_foot_nonActiveImg">
<img src="https://cdn.kindlife.in/images/lotti-icons/footer-kiki-nonActive.svg" alt="kiki-logo">
</span>For You </a>
</li>
<li class="bk_footer_nav2 {if ($runtime.controller== 'kindsale' && $runtime.mode == 'beautytalk')}active{/if}"><a href="live-sessions">
<span class="bk-icon-footer bk_foot_activeImg">
<svg xmlns="http://www.w3.org/2000/svg" width="23.485" height="23.288" viewBox="0 0 23.485 23.288">
<g id="klcommunity1a" transform="translate(-139.5 -565)">
<g id="Group_5315" data-name="Group 5315" transform="translate(8 -1)">
<g id="Group_4502" data-name="Group 4502" transform="translate(132.904 567.365)">
<g id="Group_5317" data-name="Group 5317" transform="translate(0 1)">
<path id="Subtraction_26" data-name="Subtraction 26" d="M13.188,20.557h0a3,3,0,1,0-5.963-.476,3.92,3.92,0,0,0,.027.413,10.8,10.8,0,0,1-4.551-2.7A10.629,10.629,0,0,1,0,13.259a3.055,3.055,0,0,0,.395.025,3,3,0,0,0,0-6.006A3.1,3.1,0,0,0,0,7.3,10.651,10.651,0,0,1,2.7,2.771,10.792,10.792,0,0,1,7.256.064a3.064,3.064,0,0,0-.031.419,3,3,0,1,0,6,0A3.288,3.288,0,0,0,13.188,0a10.793,10.793,0,0,1,4.7,2.689A10.627,10.627,0,0,1,20.676,7.3a3,3,0,0,0,0,5.958,10.659,10.659,0,0,1-2.783,4.609,10.8,10.8,0,0,1-4.7,2.687Z" transform="translate(0 0)" fill="#c2ede8"/>
</g>
<g id="Group_4337" data-name="Group 4337">
<g id="Subtraction_26-2" data-name="Subtraction 26" transform="translate(0 0)" fill="none">
<path d="M13.188,20.557h0a3,3,0,1,0-5.963-.476,3.92,3.92,0,0,0,.027.413,10.8,10.8,0,0,1-4.551-2.7A10.629,10.629,0,0,1,0,13.259a3.055,3.055,0,0,0,.395.025,3,3,0,0,0,0-6.006A3.1,3.1,0,0,0,0,7.3,10.651,10.651,0,0,1,2.7,2.771,10.792,10.792,0,0,1,7.256.064a3.064,3.064,0,0,0-.031.419,3,3,0,1,0,6,0A3.288,3.288,0,0,0,13.188,0a10.793,10.793,0,0,1,4.7,2.689A10.627,10.627,0,0,1,20.676,7.3a3,3,0,0,0,0,5.958,10.659,10.659,0,0,1-2.783,4.609,10.8,10.8,0,0,1-4.7,2.687Z" stroke="none"/>
<path d="M 14.12485408782959 19.18101501464844 C 15.26116180419922 18.70671272277832 16.30566024780273 18.01838874816895 17.1923942565918 17.15375518798828 C 18.13859939575195 16.23085975646973 18.88479042053223 15.12604522705078 19.38310241699219 13.91861438751221 C 17.99908638000488 13.27910423278809 17.05468368530273 11.87442016601562 17.05468368530273 10.27880477905273 C 17.05468368530273 8.684712409973145 18.0000114440918 7.281652927398682 19.38534355163574 6.64335298538208 C 18.88636779785156 5.431734085083008 18.13955879211426 4.325932025909424 17.19210433959961 3.40455436706543 C 16.30628776550293 2.539858341217041 15.26239109039307 1.851429343223572 14.12603855133057 1.376815438270569 C 13.7191801071167 3.154345512390137 12.12524127960205 4.484374523162842 10.22656440734863 4.484374523162842 C 8.357674598693848 4.484374523162842 6.783840656280518 3.196819067001343 6.345812320709229 1.46248471736908 C 5.252406597137451 1.947750210762024 4.250875473022461 2.632092714309692 3.403004169464111 3.478974342346191 C 2.556026935577393 4.322686195373535 1.873263835906982 5.318141937255859 1.391546726226807 6.403483867645264 C 3.118343353271484 6.846869945526123 4.398434162139893 8.416254997253418 4.398434162139893 10.27880477905273 C 4.398434162139893 12.14291763305664 3.119745016098022 13.71373748779297 1.394274473190308 14.15863513946533 C 1.87410044670105 15.23866748809814 2.557404756546021 16.23321533203125 3.407593965530396 17.08078384399414 C 4.255331993103027 17.92688179016113 5.255912303924561 18.61087226867676 6.347017765045166 19.09574127197266 C 6.786629199981689 17.36367988586426 8.35929012298584 16.07861518859863 10.22656440734863 16.07861518859863 C 12.12335681915283 16.07861518859863 13.71604633331299 17.40613746643066 14.12485408782959 19.18101501464844 M 13.18750381469727 20.55712509155273 L 13.18750381469727 20.5556640625 C 13.21484375 20.38525390625 13.22656440734863 20.22949409484863 13.22656440734863 20.07959365844727 C 13.22656440734863 18.4248046875 11.88281440734863 17.07861518859863 10.22656440734863 17.07861518859863 C 8.570314407348633 17.07861518859863 7.224614143371582 18.4248046875 7.224614143371582 20.07959365844727 C 7.224614143371582 20.19726371765137 7.234374046325684 20.32861518859863 7.251954078674316 20.49267387390137 C 5.537114143371582 19.98535537719727 3.964843988418579 19.0498046875 2.701174020767212 17.78857421875 C 1.433594107627869 16.52490425109863 0.4980440735816956 14.95849418640137 0.001954062609001994 13.25927448272705 C 0.1308640688657761 13.27587413787842 0.2597640752792358 13.28466415405273 0.3964840769767761 13.28466415405273 C 2.050784111022949 13.28466415405273 3.398434162139893 11.93652439117432 3.398434162139893 10.27880477905273 C 3.398434162139893 8.624514579772949 2.050784111022949 7.278324604034424 0.3964840769767761 7.278324604034424 C 0.2636740505695343 7.278324604034424 0.1289040595293045 7.28711462020874 -0.001955937594175339 7.304194450378418 C 0.4980440735816956 5.600584506988525 1.429684042930603 4.033204555511475 2.697263956069946 2.770504474639893 C 3.962893962860107 1.506344437599182 5.539063930511475 0.5712844729423523 7.255864143371582 0.06445445120334625 C 7.236323833465576 0.2050744593143463 7.224614143371582 0.3461944460868835 7.224614143371582 0.4833944439888 C 7.224614143371582 2.138184547424316 8.570314407348633 3.484374523162842 10.22656440734863 3.484374523162842 C 11.88281440734863 3.484374523162842 13.22656440734863 2.138184547424316 13.22656440734863 0.4833944439888 C 13.22656440734863 0.3320344388484955 13.21289443969727 0.1694344580173492 13.18750381469727 4.453124802239472e-06 C 14.95507431030273 0.4794944524765015 16.58007431030273 1.409664511680603 17.890625 2.688964366912842 C 19.203125 3.965334415435791 20.16406440734863 5.560544490814209 20.67578315734863 7.302244663238525 C 19.18164443969727 7.491694450378418 18.05468368530273 8.770503997802734 18.05468368530273 10.27880477905273 C 18.05468368530273 11.78857421875 19.18164443969727 13.07080459594727 20.67382431030273 13.26074409484863 C 20.16211318969727 15.00000476837158 19.1992244720459 16.59326362609863 17.890625 17.86962509155273 C 16.578125 19.1494140625 14.95312404632568 20.078125 13.18945407867432 20.55664443969727 L 13.18750381469727 20.55712509155273 Z" stroke="none" fill="#11a895"/>
</g>
</g>
</g>
<circle id="Ellipse_636" data-name="Ellipse 636" cx="1.365" cy="1.365" r="1.365" transform="translate(141.877 566)" fill="#11a895"/>
<circle id="Ellipse_637" data-name="Ellipse 637" cx="1.365" cy="1.365" r="1.365" transform="translate(141.877 586.557)" fill="#11a895"/>
<circle id="Ellipse_638" data-name="Ellipse 638" cx="1.365" cy="1.365" r="1.365" transform="translate(154.985 576.279) rotate(90)" fill="#11a895"/>
<circle id="Ellipse_639" data-name="Ellipse 639" cx="1.365" cy="1.365" r="1.365" transform="translate(134.231 576.279) rotate(90)" fill="#11a895"/>
</g>
</g>
</svg>
</span>
<span class="bk-icon-footer bk_foot_nonActiveImg">
<svg xmlns="http://www.w3.org/2000/svg" width="23.485" height="23.288" viewBox="0 0 23.485 23.288">
<g id="klcommunity1" transform="translate(-131.5 -566)">
<g id="Group_4502" data-name="Group 4502" transform="translate(132.904 567.365)">
<g id="Group_4337" data-name="Group 4337">
<g id="Subtraction_26" data-name="Subtraction 26" transform="translate(0 0)" fill="none">
<path d="M13.188,20.557h0a3,3,0,1,0-5.963-.476,3.92,3.92,0,0,0,.027.413,10.8,10.8,0,0,1-4.551-2.7A10.629,10.629,0,0,1,0,13.259a3.055,3.055,0,0,0,.395.025,3,3,0,0,0,0-6.006A3.1,3.1,0,0,0,0,7.3,10.651,10.651,0,0,1,2.7,2.771,10.792,10.792,0,0,1,7.256.064a3.064,3.064,0,0,0-.031.419,3,3,0,1,0,6,0A3.288,3.288,0,0,0,13.188,0a10.793,10.793,0,0,1,4.7,2.689A10.627,10.627,0,0,1,20.676,7.3a3,3,0,0,0,0,5.958,10.659,10.659,0,0,1-2.783,4.609,10.8,10.8,0,0,1-4.7,2.687Z" stroke="none"/>
<path d="M 14.12485408782959 19.18101501464844 C 15.26116180419922 18.70671272277832 16.30566024780273 18.01838874816895 17.1923942565918 17.15375518798828 C 18.13859939575195 16.23085975646973 18.88479042053223 15.12604522705078 19.38310241699219 13.91861438751221 C 17.99908638000488 13.27910423278809 17.05468368530273 11.87442016601562 17.05468368530273 10.27880477905273 C 17.05468368530273 8.684712409973145 18.0000114440918 7.281652927398682 19.38534355163574 6.64335298538208 C 18.88636779785156 5.431734085083008 18.13955879211426 4.325932025909424 17.19210433959961 3.40455436706543 C 16.30628776550293 2.539858341217041 15.26239109039307 1.851429343223572 14.12603855133057 1.376815438270569 C 13.7191801071167 3.154345512390137 12.12524127960205 4.484374523162842 10.22656440734863 4.484374523162842 C 8.357674598693848 4.484374523162842 6.783840656280518 3.196819067001343 6.345812320709229 1.46248471736908 C 5.252406597137451 1.947750210762024 4.250875473022461 2.632092714309692 3.403004169464111 3.478974342346191 C 2.556026935577393 4.322686195373535 1.873263835906982 5.318141937255859 1.391546726226807 6.403483867645264 C 3.118343353271484 6.846869945526123 4.398434162139893 8.416254997253418 4.398434162139893 10.27880477905273 C 4.398434162139893 12.14291763305664 3.119745016098022 13.71373748779297 1.394274473190308 14.15863513946533 C 1.87410044670105 15.23866748809814 2.557404756546021 16.23321533203125 3.407593965530396 17.08078384399414 C 4.255331993103027 17.92688179016113 5.255912303924561 18.61087226867676 6.347017765045166 19.09574127197266 C 6.786629199981689 17.36367988586426 8.35929012298584 16.07861518859863 10.22656440734863 16.07861518859863 C 12.12335681915283 16.07861518859863 13.71604633331299 17.40613746643066 14.12485408782959 19.18101501464844 M 13.18750381469727 20.55712509155273 L 13.18750381469727 20.5556640625 C 13.21484375 20.38525390625 13.22656440734863 20.22949409484863 13.22656440734863 20.07959365844727 C 13.22656440734863 18.4248046875 11.88281440734863 17.07861518859863 10.22656440734863 17.07861518859863 C 8.570314407348633 17.07861518859863 7.224614143371582 18.4248046875 7.224614143371582 20.07959365844727 C 7.224614143371582 20.19726371765137 7.234374046325684 20.32861518859863 7.251954078674316 20.49267387390137 C 5.537114143371582 19.98535537719727 3.964843988418579 19.0498046875 2.701174020767212 17.78857421875 C 1.433594107627869 16.52490425109863 0.4980440735816956 14.95849418640137 0.001954062609001994 13.25927448272705 C 0.1308640688657761 13.27587413787842 0.2597640752792358 13.28466415405273 0.3964840769767761 13.28466415405273 C 2.050784111022949 13.28466415405273 3.398434162139893 11.93652439117432 3.398434162139893 10.27880477905273 C 3.398434162139893 8.624514579772949 2.050784111022949 7.278324604034424 0.3964840769767761 7.278324604034424 C 0.2636740505695343 7.278324604034424 0.1289040595293045 7.28711462020874 -0.001955937594175339 7.304194450378418 C 0.4980440735816956 5.600584506988525 1.429684042930603 4.033204555511475 2.697263956069946 2.770504474639893 C 3.962893962860107 1.506344437599182 5.539063930511475 0.5712844729423523 7.255864143371582 0.06445445120334625 C 7.236323833465576 0.2050744593143463 7.224614143371582 0.3461944460868835 7.224614143371582 0.4833944439888 C 7.224614143371582 2.138184547424316 8.570314407348633 3.484374523162842 10.22656440734863 3.484374523162842 C 11.88281440734863 3.484374523162842 13.22656440734863 2.138184547424316 13.22656440734863 0.4833944439888 C 13.22656440734863 0.3320344388484955 13.21289443969727 0.1694344580173492 13.18750381469727 4.453124802239472e-06 C 14.95507431030273 0.4794944524765015 16.58007431030273 1.409664511680603 17.890625 2.688964366912842 C 19.203125 3.965334415435791 20.16406440734863 5.560544490814209 20.67578315734863 7.302244663238525 C 19.18164443969727 7.491694450378418 18.05468368530273 8.770503997802734 18.05468368530273 10.27880477905273 C 18.05468368530273 11.78857421875 19.18164443969727 13.07080459594727 20.67382431030273 13.26074409484863 C 20.16211318969727 15.00000476837158 19.1992244720459 16.59326362609863 17.890625 17.86962509155273 C 16.578125 19.1494140625 14.95312404632568 20.078125 13.18945407867432 20.55664443969727 L 13.18750381469727 20.55712509155273 Z" stroke="none" fill="#333"/>
</g>
</g>
</g>
<circle id="Ellipse_636" data-name="Ellipse 636" cx="1.365" cy="1.365" r="1.365" transform="translate(141.877 566)" fill="#333"/>
<circle id="Ellipse_637" data-name="Ellipse 637" cx="1.365" cy="1.365" r="1.365" transform="translate(141.877 586.557)" fill="#333"/>
<circle id="Ellipse_638" data-name="Ellipse 638" cx="1.365" cy="1.365" r="1.365" transform="translate(154.985 576.279) rotate(90)" fill="#333"/>
<circle id="Ellipse_639" data-name="Ellipse 639" cx="1.365" cy="1.365" r="1.365" transform="translate(134.231 576.279) rotate(90)" fill="#333"/>
</g>
</svg>
</span> Live </a>
</li>
<li class="bk_footer_navMid" {if ($runtime.controller== 'kl_qna' && $runtime.mode == 'kl_qna')} class="active" {/if} ><a href="https://www.kindlife.in/ask-me-anything">
<span class="bk-icon-footer" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="27.91" height="24.41" viewBox="0 0 27.91 24.41">
<g id="WeChat" transform="translate(0 -3)">
<path id="Path_25434" data-name="Path 25434" d="M11.775,21.484c4.666-.567,8.286-4.012,8.286-8.2C20.06,8.707,15.787,5,10.466,5a10.542,10.542,0,0,0-4.274.872l-.349-.785A9.081,9.081,0,0,0,0,13.286,8.634,8.634,0,0,0,2.573,19.3l-.785,2.922a.9.9,0,0,0,.305.916.784.784,0,0,0,.959.044l2.835-1.657a11.449,11.449,0,0,0,4.579.916c.48,0,.959-.044,1.4-.087Z" transform="translate(0 -1.128)" fill="#19a895"/>
<path id="Path_25435" data-name="Path 25435" d="M15.775,13.105A1.308,1.308,0,1,0,14.466,11.8,1.285,1.285,0,0,0,15.775,13.105Zm-6.105,0A1.308,1.308,0,1,0,8.361,11.8,1.285,1.285,0,0,0,9.669,13.105Zm3.053,6.105c4.8,0,8.722-.7,8.722-4.8S17.519,7,12.722,7,4,10.314,4,14.414,7.925,19.211,12.722,19.211Z" transform="translate(-2.256 -2.256)" fill="#c2ede8" fill-rule="evenodd"/>
<path id="Path_25436" data-name="Path 25436" d="M40.515,28.793h.872a7.427,7.427,0,0,1-2.4,5.408l.611,2.224a.827.827,0,0,1-.349.916.851.851,0,0,1-1,0l-2.093-1.4a9.423,9.423,0,0,1-3.532.654c-4.71,0-8.722-3.4-8.722-7.85s4.012-7.85,8.722-7.85a7.066,7.066,0,0,1,.959.044l-.087.872A8.18,8.18,0,0,1,40.515,28.793Z" transform="translate(-13.477 -10.094)" fill="#e0c3f6"/>
<path id="Path_25437" data-name="Path 25437" d="M41.955,31.105c0,3.358-3.14,4.361-6.978,4.361S28,34.463,28,31.105,31.14,25,34.978,25,41.955,27.747,41.955,31.105Z" transform="translate(-15.789 -12.406)" fill="#fff"/>
<path id="Path_25438" data-name="Path 25438" d="M17.12,4.744a9.679,9.679,0,0,0-4.535,1.09L11.8,4.265A11.959,11.959,0,0,1,17.12,3c5.233,0,9.725,3.4,10.379,7.981,3.968.7,7.065,3.838,7.065,7.719a7.427,7.427,0,0,1-2.4,5.408L31.642,22.1a5.641,5.641,0,0,0,1.177-3.4c0-3.053-2.617-5.713-6.193-6.062l-.741-.087-.044-.741C25.624,7.971,21.917,4.744,17.12,4.744Zm6.105,12.211a.872.872,0,1,0-.872-.872A.875.875,0,0,0,23.226,16.955Zm5.233,0a.872.872,0,1,0-.872-.872A.875.875,0,0,0,28.459,16.955Z" transform="translate(-6.654)" fill="#314a52"/>
<g id="Group_14940" data-name="Group 14940" transform="translate(4.68 7.604)">
<path id="Path_2169" data-name="Path 2169" d="M298.337,438.27a1.878,1.878,0,0,0,2.624.642,1.994,1.994,0,0,0,.7-2.707,2.179,2.179,0,0,0-2.9-.542A1.806,1.806,0,0,0,298.337,438.27Z" transform="translate(-297.032 -435.033)" fill="#262626"/>
<ellipse id="Ellipse_340" data-name="Ellipse 340" cx="1.52" cy="0.551" rx="1.52" ry="0.551" transform="matrix(0.834, -0.552, 0.552, 0.834, 0, 1.679)" fill="#262626"/>
<path id="Path_2170" data-name="Path 2170" d="M308.994,440a.525.525,0,0,0,.735.144.491.491,0,0,0,.147-.7.582.582,0,0,0-.778-.163A.5.5,0,0,0,308.994,440Z" transform="translate(-306.136 -438.257)" fill="#8cddc6"/>
</g>
<g id="Group_14941" data-name="Group 14941" transform="translate(11.6 7.605)">
<path id="Path_2169-2" data-name="Path 2169" d="M301.584,438.27a1.878,1.878,0,0,1-2.624.642,1.994,1.994,0,0,1-.7-2.707,2.179,2.179,0,0,1,2.9-.542A1.806,1.806,0,0,1,301.584,438.27Z" transform="translate(-297.96 -435.034)" fill="#262626"/>
<ellipse id="Ellipse_340-2" data-name="Ellipse 340" cx="1.52" cy="0.551" rx="1.52" ry="0.551" transform="matrix(-0.834, -0.552, 0.552, -0.834, 4.32, 2.597)" fill="#262626"/>
<path id="Path_2170-2" data-name="Path 2170" d="M309.862,440a.525.525,0,0,1-.735.144.491.491,0,0,1-.147-.7.582.582,0,0,1,.778-.163A.5.5,0,0,1,309.862,440Z" transform="translate(-307.791 -438.258)" fill="#8cddc6"/>
</g>
</g>
</svg>
</span>
Kiki.Ai </a>
</li>
<li class="bk_footer_nav4 {if ($runtime.controller== 'community' && $runtime.mode == 'video')}active{/if}"><a href="/community">
<span class="bk-icon-footer bk_foot_activeImg">
<svg xmlns="http://www.w3.org/2000/svg" width="22.304" height="24.247" viewBox="0 0 22.304 24.247">
<g id="klwatch1a" transform="translate(-238.5 -564)">
<g id="Group_4500" data-name="Group 4500" transform="translate(239 564)">
<rect id="Rectangle_2408" data-name="Rectangle 2408" width="15.728" height="23.156" rx="3" transform="translate(3.787 1.091)" fill="#c2ede8"/>
<g id="Rectangle_2269" data-name="Rectangle 2269" transform="translate(2.788)" fill="none" stroke="#11a895" stroke-width="1">
<rect width="15.728" height="23.156" rx="3" stroke="none"/>
<rect x="0.5" y="0.5" width="14.728" height="22.156" rx="2.5" fill="none"/>
</g>
<path id="Polygon_43" data-name="Polygon 43" d="M2.68,2.279a1.5,1.5,0,0,1,2.6,0l1.4,2.446a1.5,1.5,0,0,1-1.3,2.244H2.585a1.5,1.5,0,0,1-1.3-2.244Z" transform="translate(16.143 8.596) rotate(90)" fill="#fff"/>
<g id="Polygon_42" data-name="Polygon 42" transform="translate(15.142 7.596) rotate(90)" fill="none">
<path d="M2.68,2.279a1.5,1.5,0,0,1,2.6,0l1.4,2.446a1.5,1.5,0,0,1-1.3,2.244H2.585a1.5,1.5,0,0,1-1.3-2.244Z" stroke="none"/>
<path d="M 3.982226371765137 2.523345947265625 C 3.894986152648926 2.523345947265625 3.678046226501465 2.547895908355713 3.54810619354248 2.775275707244873 L 2.150646209716797 5.220826148986816 C 2.021716594696045 5.446465492248535 2.108866214752197 5.644986152648926 2.152316570281982 5.719865798950195 C 2.195766448974609 5.794735908508301 2.324896335601807 5.96889591217041 2.584766387939453 5.96889591217041 L 5.37968635559082 5.96889591217041 C 5.639556407928467 5.96889591217041 5.768686294555664 5.794735908508301 5.812136650085449 5.719865798950195 C 5.855586051940918 5.644986152648926 5.942736625671387 5.446465492248535 5.813806533813477 5.220826148986816 L 4.416346549987793 2.775275707244873 C 4.286406517028809 2.547895908355713 4.069466590881348 2.523345947265625 3.982226371765137 2.523345947265625 M 3.982226371765137 1.523345947265625 C 4.489446640014648 1.523345947265625 4.996666431427002 1.775275707244873 5.284586429595947 2.279135704040527 L 6.682046413421631 4.724685668945312 C 7.253466606140137 5.724676132202148 6.531416416168213 6.96889591217041 5.37968635559082 6.96889591217041 L 2.584766387939453 6.96889591217041 C 1.433036327362061 6.96889591217041 0.7109861373901367 5.724676132202148 1.282406330108643 4.724685668945312 L 2.679866313934326 2.279135704040527 C 2.967786312103271 1.775275707244873 3.475006580352783 1.523345947265625 3.982226371765137 1.523345947265625 Z" stroke="none" fill="#11a895"/>
</g>
<line id="Line_761" data-name="Line 761" y2="11.15" transform="translate(21.304 7.094)" fill="none" stroke="#11a895" stroke-linecap="round" stroke-width="1"/>
<line id="Line_762" data-name="Line 762" y2="11.15" transform="translate(0 7.094)" fill="none" stroke="#11a895" stroke-linecap="round" stroke-width="1"/>
</g>
</g>
</svg>
</span>
<span class="bk-icon-footer bk_foot_nonActiveImg">
<svg xmlns="http://www.w3.org/2000/svg" width="22.304" height="23.156" viewBox="0 0 22.304 23.156">
<g id="klwatch1" transform="translate(-238.5 -479)">
<g id="Group_4500" data-name="Group 4500" transform="translate(239 479)">
<g id="Rectangle_2269" data-name="Rectangle 2269" transform="translate(2.788)" fill="none" stroke="#333" stroke-width="1">
<rect width="15.728" height="23.156" rx="3" stroke="none"/>
<rect x="0.5" y="0.5" width="14.728" height="22.156" rx="2.5" fill="none"/>
</g>
<g id="Polygon_42" data-name="Polygon 42" transform="translate(15.142 7.596) rotate(90)" fill="none">
<path d="M2.68,2.279a1.5,1.5,0,0,1,2.6,0l1.4,2.446a1.5,1.5,0,0,1-1.3,2.244H2.585a1.5,1.5,0,0,1-1.3-2.244Z" stroke="none"/>
<path d="M 3.982226371765137 2.523345947265625 C 3.894986152648926 2.523345947265625 3.678046226501465 2.547895908355713 3.54810619354248 2.775275707244873 L 2.150646209716797 5.220826148986816 C 2.021716594696045 5.446465492248535 2.108866214752197 5.644986152648926 2.152316570281982 5.719865798950195 C 2.195766448974609 5.794735908508301 2.324896335601807 5.96889591217041 2.584766387939453 5.96889591217041 L 5.37968635559082 5.96889591217041 C 5.639556407928467 5.96889591217041 5.768686294555664 5.794735908508301 5.812136650085449 5.719865798950195 C 5.855586051940918 5.644986152648926 5.942736625671387 5.446465492248535 5.813806533813477 5.220826148986816 L 4.416346549987793 2.775275707244873 C 4.286406517028809 2.547895908355713 4.069466590881348 2.523345947265625 3.982226371765137 2.523345947265625 M 3.982226371765137 1.523345947265625 C 4.489446640014648 1.523345947265625 4.996666431427002 1.775275707244873 5.284586429595947 2.279135704040527 L 6.682046413421631 4.724685668945312 C 7.253466606140137 5.724676132202148 6.531416416168213 6.96889591217041 5.37968635559082 6.96889591217041 L 2.584766387939453 6.96889591217041 C 1.433036327362061 6.96889591217041 0.7109861373901367 5.724676132202148 1.282406330108643 4.724685668945312 L 2.679866313934326 2.279135704040527 C 2.967786312103271 1.775275707244873 3.475006580352783 1.523345947265625 3.982226371765137 1.523345947265625 Z" stroke="none" fill="#333"/>
</g>
<line id="Line_761" data-name="Line 761" y2="11.15" transform="translate(21.304 7.094)" fill="none" stroke="#333" stroke-linecap="round" stroke-width="1"/>
<line id="Line_762" data-name="Line 762" y2="11.15" transform="translate(0 7.094)" fill="none" stroke="#333" stroke-linecap="round" stroke-width="1"/>
</g>
</g>
</svg>
</span> Watch </a>
</li>
<li {if ($runtime.controller== 'auth' && $runtime.mode == 'login_form') || ($runtime.controller== 'pprofile' && $runtime.mode == 'account')} class="active" {/if} >
<a href="index.php?dispatch=kl_account.account">
<span class="bk-icon-footer bk_foot_nonActiveImg">
{if !empty($auth['user_id'])}
<div id="bk_mobile_menu_user_pic" class="bk_footer__accountWrap"><img src="{$config.female_default_icon}" alt=""></div>
{else}
<img src="{$config.female_default_icon}" alt="">
{/if}
</span>
<span class="bk-icon-footer bk_foot_activeImg">
<img src="{$config.female_default_icon}" alt="">
</span> You</a>
</li>
<li class="bk_footer_plusBtn">
<span>
<!-- <img src="https://cdn.kindlife.in/images/ui_icon/bk-plus-icon.png" alt=""> -->
</span>
</li>
</ul>
<div class="bk_footer_tab_option_wrap" style="display: none;">
<ul class="bk_footer_tab_option_list">
<li class="option_tab_item1">
<a href="https://kindlife.go.link/www.kindlife.in/skinanalyser?adj_t=1stsaiys&adj_deep_link_id=374676">
<span><img src="https://cdn.kindlife.in/images/ui_icon/bk-skin-anlysis-icon.png" alt=""></span><p>Skin Analyser</p>
</a>
</li>
<li class="option_tab_item2">
<a href="https://kindlife.go.link/www.kindlife.in/skinanalyser?adj_t=1stsaiys&adj_deep_link_id=374676">
<span><img src="https://cdn.kindlife.in/images/ui_icon/bk-personalized-pack-icon.png" alt=""></span><p>Personalised Routine</p>
</a>
</li>
<li class="option_tab_item3">
<a href="?dispatch=kl_qna.kiki_ai">
<span><img src="https://cdn.kindlife.in/images/ui_icon/bk-ask-person-icon.png" alt=""></span><p>Ask Me Anything</p>
</a>
</li>
{if $auth['user_id']}
<li class="option_tab_item4">
<a href="{if $auth['user_id']}https://www.kindlife.in/ingredient-label-scan?ingredient_label_scan=open {else}https://www.kindlife.in/login{/if}">
<span><img src="https://cdn.kindlife.in/images/ui_icon/Ingredient-can-icon.svg" alt=""></span><p>Ingradient Scan</p>
</a>
</li>
{/if}
</ul>
</div>
</div>
<script>
if (typeof window !== 'undefined' && window.ReactNativeWebView) {
// $('.bk_footer_tab_list_new').hide();
}
// function to open extra options by clicking plus icon in footer
$(".bk_footer_plusBtn").click(function(){
$(this).toggleClass("open");
$(".bk_footer_tab_option_wrap").toggle().toggleClass("show");
})
// function to open ing-scan-analizer from footer tab
$(".bk-ing-aiscan-openerBtn").click(function(){
$(".bk_footer_plusBtn").removeClass("open");
$(".bk_footer_tab_option_wrap").toggle().removeClass("show");
$(".bk-ing-aiscan-container #ca-bot-icon").click();
})
$(document).ready(function() {
if(!window.ReactNativeWebView){
let curr_time_in_sec = (Math.floor((new Date().getTime())/1000));
function renderUserData(user_data) {
if (user_data && user_data.user_profile_pic) {
var html = '<img src="' + user_data.user_profile_pic + '">';
$('#bk_mobile_menu_user_pic').html(html);
} else {
console.log('No user profile picture found in the response.');
}
}
function saveToLocalStorage(key, data) {
localStorage.setItem(key, data);
}
function remFromLocalStorage(key) {
localStorage.removeItem(key);
}
function fetchUserData() {
Tygh.$.ceAjax('request', fn_url('kl_account.user_profile_data'), {
data: { 'is_ajax': 1, 'type': 'mobile_menu', 'ts': Date.now() },
method: 'GET',
callback: function (user_data) {
renderUserData(user_data);
if(user_data.no_data) {
return;
}
let renew_threshold = 60*60*24*7; //7 days
user_data.ttl = curr_time_in_sec + renew_threshold;
saveToLocalStorage(window.btoa("user_profile_data"), window.btoa(JSON.stringify(user_data)));
},
hidden: true,
});
}
}
});
</script>";} |
0 |
|
|
3298 |
|
hidden-tablet hidden-desktop |
2 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
bk_Footer_tabs |
| 2540 |
240 |
|
0 |
|
|
10934 |
|
hidden-tablet hidden-desktop |
2 |
A |
template |
a:1:{s:8:"template";s:70:"addons/ca_search_widget/blocks/static_templates/kl_search_category.tpl";} |
0 |
1 |
en |
Search_Category |
| 2535 |
243 |
a:1:{s:7:"content";s:162:"<div class="hamburger_menu">
<button class="hamburger-btn" type="button" aria-label="Open menu"><i class="top-hamburgur ty-icon-menuxd"></i></button>
</div>";} |
0 |
|
|
3873 |
|
hamburgur_icon hidden-tablet hidden-desktop |
2 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
hamburger |
| 2529 |
261 |
a:1:{s:7:"content";s:9293:"<style>
.bk_top_code_strip_wrap {
background: #54D4C6;
background-size: cover;
/* background:linear-gradient(#f94f01 30%,#fff 30% 70%,#2b9602 70%);
background: radial-gradient(circle, rgba(142, 25, 24, 1) 0%, rgba(75, 20, 19, 1) 84%); */
}
.bk_top_code_strip_inner {
max-width: 1200px;
margin: 0 auto;
position: relative;
}
.bk_top_code_strip {
display: inline-flex;
justify-content: center;
padding: 6px;
flex-wrap: wrap;
gap: 10px;
}
.bk_top_code_text-box {
display: inline-flex;
align-items: center;
text-align: center;
gap: 10px;
margin: 5px 0;
}
/* .bk_top_code_actionBtns {
background-color: #dbbbbbc9;
padding: 3px;
border-radius: 3px;
} */
.bk_top_code_text-box p,
.bk_top_code_coupon-box .coupon-code {
/* background: linear-gradient(90deg, #e1625e 0%, #f3cf1f 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; */
font-weight: 600;
/* text-transform: uppercase; */
/* color: #fff; */
position: relative;
padding: 0;
color: #000;
}
.bk_top_code_icon {
font-size: 200%;
position: absolute;
left: -40px;
top: -10px;
}
.text-unset p {
text-transform: unset;
}
/* .bk_top_code_coupon-box {
padding: 5px 10px;
background: #000;
border: 1px dashed #000;
border-radius: 5px;
cursor: pointer;
position: relative;
} */
span.coupon-code {
color: #000 !important;
}
.bk_top_code_actionBtns a {
color: #000;
display: flex;
align-items: center;
gap: 2px;
}
.coupon_code_slides {
display: none
}
.slideshow-container {
position: relative;
}
.prev-slide,
.next-slide {
all: unset;
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
font-size: 16px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
color: #000;
/* color: #fff; */
padding: 10px;
z-index: 1;
margin-top: -22px;
display: none;
}
.next-slide {
right: 0;
border-radius: 3px 0 0 3px;
}
.prev-slide:hover,
.next-slide:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.bk_top_code_coupon-box p {
display: none;
position: absolute;
bottom: -38px;
background: #000;
color: #2B8B35;
padding: 10px;
line-height: 14px;
border-radius: 4px;
left: 50%;
transform: translateX(-50%);
box-shadow: 0px 0px 4px #0005;
font-size: 12px;
font-weight: 500;
white-space: nowrap;
z-index: 10;
text-transform: capitalize;
}
.bk_top_code_coupon-box p span {
color: #fff;
}
.bk_top_code_coupon-box.show p {
display: block;
}
/* Fading animation */
.bk_top_code_strip_wrap .fade {
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
@media (max-width: 767px) {
.bk_top_code_text-box p,
.bk_top_code_coupon-box,
.bk_top_code_actionBtns a {
font-size: 13px;
}
.bk_top_code_icon {
left: -36px;
}
}
@media (max-width: 480px) {
.bk_top_code_text-box p,
.bk_top_code_coupon-box,
.bk_top_code_actionBtns a {
font-size: 10px;
}
.bk_top_code_icon {
left: -28px;
top: -8px;
}
.prev-slide,
.next-slide,
.bk_top_code_actionBtns a span {
display: none !important;
}
.bk_top_code_coupon-box {
padding: 5px;
}
.bk_top_code_strip {
padding: 3px;
}
}
@media (max-width: 380px) {
.bk_top_code_coupon-box,
.bk_top_code_actionBtns {
display: none;
}
}
</style>
<div class="bk_top_code_strip_wrap">
<div class="bk_top_code_strip_inner">
<button class="bk_code_arrowBtn prev-slide" onclick="nextSlide(-1)" style="display: block;">❮</button>
<button class="bk_code_arrowBtn next-slide" onclick="nextSlide(1)" style="display: block;">❯</button>
<!-- <div class="bk_top_code_strip coupon_code_slides fade" style="display: flex;">
<div class="bk_top_code_text-box">
<p>Extra 30% on COSRX orders </p>
<div class="bk_top_code_coupon-box"><span class="coupon-code">Use:
<span>SPECIAL30</span></span>
<p class="coupon-copy-text"><span></span> Copied</p>
</div>
</div>
</div> -->
<div class="bk_top_code_strip coupon_code_slides fade" style="display: flex;">
<div class="bk_top_code_text-box">
<p><span class="bk_top_code_icon">📦</span> 100% Authentic</p>
<!-- <div class="bk_top_code_coupon-box">
<p class="coupon-copy-text"><span></span> Copied</p>
</div> -->
</div>
</div>
<div class="bk_top_code_strip coupon_code_slides fade" style="display: none;">
<div class="bk_top_code_text-box">
<p>Sourced Directly from Brands or Authorised Distributors</p>
<!-- <div class="bk_top_code_coupon-box">
<p class="coupon-copy-text"><span></span> Copied</p>
</div> -->
</div>
</div>
<div class="bk_top_code_strip coupon_code_slides fade" style="display: none;">
<div class="bk_top_code_text-box">
<p><span class="bk_top_code_icon">🆓</span> Shipping above ₹699</p>
<!-- <div class="bk_top_code_coupon-box">
<p class="coupon-copy-text"><span></span> Copied</p>
</div> -->
</div>
</div>
<!-- <div class="bk_top_code_strip coupon_code_slides fade">
<div class="bk_top_code_text-box">
<p> EXTRA 15% off on orders ₹1,499+ </p>
<div class="bk_top_code_coupon-box"><span class="coupon-code">Use Code: <span>APP15</span></span><p class="coupon-copy-text"><span></span> Copied</p></div>
<div class="bk_top_code_actionBtns">
<a href="https://play.google.com/store/apps/details?id=com.kindlife&hl=en_IN&gl=US">
<img src="https://cdn.kindlife.in/images/ui_icon/get-app-icon.svg" alt="app-icon" width="20" height="20">
<span>GET APP</span>
</a>
</div>
</div>
</div> -->
</div>
</div>
<script>
let slideIndex = 1;
showSlides(slideIndex);
// change slide after 2 seconds
var slideTimer = setInterval(() => {
showSlides(++slideIndex);
}, 5000);
// next-slide funtion
function nextSlide(n) {
showSlides(slideIndex += n);
clearInterval(slideTimer);
slideTimer = setInterval(() => {
showSlides(++slideIndex);
}, 5000);
}
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("coupon_code_slides");
let slideBtns = document.getElementsByClassName("bk_code_arrowBtn");
if (n > slides.length) { slideIndex = 1 }
if (n < 1) { slideIndex = slides.length }
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
if (slides.length > 1) {
for (b = 0; b < slideBtns.length; b++) {
slideBtns[b].style.display = "block";
}
}
slides[slideIndex - 1].style.display = "flex";
}
</script>
<script>
function getMobileOperatingSystem() {
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
if (/windows phone/i.test(userAgent)) {
return "Windows Phone";
}
if (/android/i.test(userAgent)) {
return "Android";
}
if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
return "iOS";
}
return "unknown";
}
function DetectAndServe() {
let os = getMobileOperatingSystem();
// alert(os)
if (os == "Android") {
window.location.href = "https://play.google.com/store/apps/details?id=com.kindlife&hl=en_IN&gl=US";
} else if (os == "iOS") {
window.location.href = "https://apps.apple.com/us/app/kindlife/id1558677327";
} else if (os == "Windows Phone") {
window.location.href = "https://kindlife.in";
} else {
window.location.href = "https://kindlife.in";
}
}
$(".bk_top_code_actionBtns a").click(() => {
DetectAndServe();
})
</script>
<script>
(function (_, $) {
$(document).ready(function () {
if (window.ReactNativeWebView) {
$(".bk_top_code_actionBtns").hide();
setTimeout(() => {
$(".hp_popup_wrap .hp_links_img").hide();
$(".hp_main_img.web").hide();
$(".hp_main_img.app").show();
}, 1000);
}
});
})(Tygh, Tygh.$);
</script>
<script>
$(document).ready(function () {
// copy-to-clipboad function
$(".bk_top_code_coupon-box > span").click(function () {
let copyText = $(this).find("span")[0];
let copyBox = $(this).parent(".bk_top_code_coupon-box").addClass("show");
let copyCode = $($(this).siblings("p")[0]).find("span")[0];
copyCode.innerText = '"' + copyText.innerText + '"' + " Coupon";
setTimeout(() => {
$(copyBox).removeClass("show");
}, 3000);
navigator.clipboard.writeText(copyText.innerHTML);
});
});
</script>";} |
0 |
|
|
3869 |
|
|
2 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Top Coupon code strip |
| 1945 |
262 |
a:1:{s:7:"content";s:9233:"<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
div .ty-helper-container,
.tygh-header,
.tygh-content {
background: #fff7f2;
padding: 0;
}
.tygh-content>div {
background-color: transparent;
}
.strip_banner.top-hb {
aspect-ratio: 1200/150;
}
.hero-banners:not(.swiper-initialized) .swiper-slide {
flex: 0 0 40%;
margin-right: 20px;
}
.owl-theme .owl-controls-outside .owl-buttons div i {
color: #ff4d6d;
font-size: 18px;
}
html {
scroll-behavior: smooth;
}
.owl-carousel .owl-wrapper {
will-change: transform;
}
.bk_desktop_nav .ty-menu__items li .ty-menu__submenu .ty-menu__submenu-items {
content-visibility: hidden;
}
.bk_desktop_nav .ty-menu__items > li:hover .ty-menu__submenu-items {
content-visibility: visible;
}
.bk_brandsHome:has(.ty-mainbox-simple-body .correct-scroller) .ty-mainbox-simple-title {
display: block;
}
.bk_brandsHome .ty-mainbox-simple-title {
display: none;
}
.bk_block_heading .bk_code {
background-color: #f7d8d7;
display: inline-block;
line-height: 2;
padding: 0 10px;
color: #000;
}
li {
list-style: none;
}
.bk_block_heading .bk_code1 {
font-weight: 800;
color: #000;
}
/* css for block heading start */
.bk_block_heading h2,
.ty-mainbox-simple-title,
.ty-mainbox-container h1.ty-mainbox-title,
.ty-mainbox-container h2.ty-mainbox-title {
text-align: center;
font-size: 28px;
line-height: 1.1;
margin: 30px 0 8px;
font-family: "Cormorant Garamond", serif;
font-weight: 400;
text-transform: uppercase;
}
.bk_block_heading p {
font-size: 18px;
text-align: center;
font-family: "Cormorant Garamond", serif;
padding: 0 0 10px;
font-weight: 500;
line-height: 1.1;
}
.bk_block_heading a {
font-size: 85%;
text-decoration: underline !important;
color: #000;
font-weight: inherit;
}
/* css for block heading end*/
/* css for block list images start */
ul.bk_sub-cat_block {
display: flex;
list-style: none;
padding: 0px 0 7px 0;
margin: 0px 0 0px 0;
text-align: center;
width: 100%;
overflow: auto hidden;
justify-content: space-between;
}
ul.bk_sub-cat_block li {
padding: 0 5px;
list-style: none;
position: relative;
min-width: 142px;
}
ul.bk_sub-cat_block li img {
width: 90%;
}
/* css for scroller block start */
ul.bk_flex_block {
margin: 0;
list-style: none;
overflow: auto hidden;
display: flex;
gap: 10px;
justify-content: space-between;
padding: 0px 0 0px;
scroll-behavior: smooth;
}
ul.bk_flex_block li {
z-index: 1;
position: relative;
padding: 0;
}
.bk_1x3_block li {
flex: 0 0 32.3%;
min-width: 300px;
}
.bk_1x3_block.scroll li {
flex: 0 0 max(300px, 30%);
}
.bk_1x4_block.scroll li {
flex: 0 0 max(200px, 24.2%);
}
ul.bk_flex_block.bk_1x2_block {
justify-content: space-evenly;
}
.bk_1x2_block li {
flex: 0 0 49%;
padding-bottom: 6px;
}
/* css for scroller block end */
.bk_category_link {
text-align: right;
margin: 10px 0 0 !important;
position: relative;
}
.bk_category_link a {
display: inline-block;
font-size: 13px;
padding: 8px;
line-height: 15px;
border: 1px solid #000;
color: #000;
font-weight: 500;
}
.bk_category_link a:active {
opacity: 0.6;
}
.bk_category_link a:hover {
opacity: 0.8;
}
.bk_prod_desc {
font-size: 16px;
line-height: 1.2;
font-weight: 500;
font-family: "Cormorant Garamond", serif;
white-space: normal;
text-align: center;
margin-top: 3px;
}
.bk_prod_desc.text-xl {
text-align: center;
}
.bk_prod_desc span {
font-weight: 400;
font-family: "Cormorant Garamond", serif;
line-height: 1.5;
}
.bk_prod_desc span.code {
font-weight: 600;
background: #ab4568;
color: #fff;
margin-top: 4px;
padding: 0 5px;
line-height: 2;
display: inline-block;
}
/* css for block list images end */
/* css for strip banner start*/
.strip_banner {
margin: 30px auto 0;
}
.strip_banner1 {
margin: 20px auto 0;
}
.strip_banner img,
ul.bk_flex_block li img,
.bk_grid_block li img {
width: 100%;
}
/* css for strip banner end*/
.desktop {
display: block !important;
}
.mobile {
display: none !important;
}
/* css for img shadow start */
.shadow img {
filter: drop-shadow(0 2px 2px #0002);
}
.shadow img:hover {
box-shadow: none;
filter: unset;
}
/* css for img shadow end */
/* RESPONSIVE CSS FOR ALL */
/* css for tablet view or less */
@media (min-width: 768px) {
.bk_prod_desc.text-xl {
font-size: 16px;
}
}
/* css for tablet view or less */
@media (max-width: 767px) {
.bk_block_heading h2,
.ty-mainbox-simple-title,
.ty-mainbox-container h1.ty-mainbox-title,
.ty-mainbox-container h2.ty-mainbox-title,
.ty-mainbox-simple-title {
font-size: 20px;
margin: 20px auto 5px;
}
.strip_banner {
margin: 20px auto 0;
}
.bk_block_heading p {
font-size: 13px;
padding: 0 0 8px;
}
.bk_category_link {
margin: 10px 0 -10px;
}
.bk_category_link a {
font-size: 12px;
}
}
/* css for small view or less */
@media (max-width: 600px) {
.bk_block_heading p {
font-size: 3.4vw
}
ul.bk_sub-cat_block.grid-sub-cat {
/* display: grid;
grid-template-columns: repeat(5, max(80px, 23%));*/
display: flex;
margin:0px 0 0;
justify-content: space-evenly;
row-gap: 10px;
}
ul.bk_sub-cat_block li {
padding: 0 5px;
flex: 0 0 28%;
min-width: 75px;
}
.bk_prod_desc,
.bk_prod_desc span {
font-size: 14px;
}
.bk_prod_desc.text-xl {
font-size: 14px;
}
.mobile {
display: block !important;
}
.desktop {
display: none !important;
}
}
@media (max-width: 480px) {
.tygh-content {
background-size: 100% 15%;
}
ul.bk_sub-cat_block li img {
width: 90%;
}
ul.bk_flex_block.bk_1x3_block li {
flex: 0 0 70%;
min-width: unset;
}
.bk_1x4_block.scroll li {
flex: 0 0 48%;
}
.bk_1x3_block.scroll {
flex: 0 0 70%;
}
.bk_1x2_block li {
flex: 0 0 54%;
}
}
</style>
<style>
/* css for grid block start */
ul.bk_grid_block {
display: grid;
gap: 10px;
overflow: auto hidden;
padding-bottom: 0;
margin: 0;
list-style: none;
}
.bk_1x2_grid {
grid-template-columns: repeat(2, 1fr);
}
.bk_1x3_grid {
grid-template-columns: repeat(3, minmax(300px, 1fr));
}
.bk_1x4_grid {
grid-template-columns: repeat(4, minmax(200px, 1fr));
}
.bk_1x5_grid {
grid-template-columns: repeat(5, minmax(200px, 1fr));
}
.bk_1x6_grid {
grid-template-columns: repeat(6, minmax(220px, 1fr));
}
.bk_1x8_grid {
grid-template-columns: repeat(8, minmax(220px, 1fr));
}
@media (max-width: 767px) {
.bk_1x2_grid {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 480px) {
.hero-banners:not(.swiper-initialized) .swiper-slide {
flex: 0 0 100%;
}
.bk_1x6_grid-lg.scroll {
grid-template-columns: repeat(3, 65%);
}
.bk_1x4_grid,
.bk_1x5_grid.sm-row-2,
.bk_1x6_grid,
.bk_1x8_grid {
grid-template-columns: repeat(2, 1fr);
}
.bk_1x4_grid-lg.scroll {
grid-template-columns: repeat(4, 44%);
}
.bk_1x4_grid.sm-scroll {
grid-template-columns: repeat(4, 44%);
}
.bk_1x3_grid.sm-scroll {
grid-template-columns: repeat(3, 70%);
}
.bk_1x2_grid-sm.scroll {
grid-template-columns: repeat(2, 70%);
}
}
/* css for grid block end */
</style>
<script>
// function showDeal() {
// var today = new Date();
// var start = new Date("july 22, 2025 12:00:00");
// var stop = new Date("july 23, 2025 11:59:00");
// if (today > start && today < stop) {
// $(".bk-passport-deal-block_half").show();
// }
// else {
// $(".bk-passport-deal-block_half").hide();
// }
// }
// setInterval(showDeal, 1000);
</script>
<h1 class="ty-visually-hidden">Shop Authentic Korean Beauty & Skincare Products in India at Kindlife</h1>
<!-- Swiper CSS -->
<link
rel="preload"
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
as="style"
onload="this.onload=null;this.rel='stylesheet'"
>
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<style>
/* .full-moon-sale-offer {
display: none;
}
.brandBauOffer {
display: none;
} */
</style>
<script>
// function showSaleOffer() {
// const today = new Date();
// const start = new Date("April 02, 2026 14:02:00");
// const stop = new Date("April 03, 2026 10:00:00");
// if (today > start && today < stop) {
// $(".full-moon-sale-offer").show();
// $(".brandBauOffer").hide();
// }
// else {
// $(".full-moon-sale-offer").hide();
// $(".brandBauOffer").show();
// }
// }
// setInterval(showSaleOffer, 1000 * 60);
</script>";} |
0 |
|
|
2861 |
|
|
2 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Home-page css new |
| 1952 |
280 |
a:1:{s:7:"content";s:1111:"<style>
.wa-splmn-chat-btn-offset {
bottom: 75px;
right: 20px;
z-index: 500 !important;
}
.wa-chat-btn-base-icon {
text-decoration: none;
cursor: pointer;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
}
.wa-chat-btn-fixed {
position: fixed;
}
.wa-chat-btn-fixed img {
background-color: transparent;
opacity: 1;
}
.wa-chat-btn-icon-image-only {
width: 54px;
height: 54px;
vertical-align: middle;
}
@media (min-width:481px){
.wa-chat-btn-fixed{
bottom: 75px;
/*right: auto;*/
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
/*left: calc(50% + 195px);*/
width: 54px;
}
}
</style>
<div id="wa-chat-btn-root" class="wa-chat-btn-fixed wa-splmn-chat-btn-offset wa-chat-btn-base-icon">
<a href="https://wa.me/917428362228?text=Hello!!%20I%20am%20interested%20in%20living%20the%20%23kindlife"><img class="wa-chat-btn-icon-image-only" style="" src="https://cdn.kindlife.in/images/ui_icon/whatsapp_ico.png"></a>
<span></span>
</div>";} |
0 |
|
|
2879 |
|
|
2 |
D |
smarty_block |
a:1:{s:8:"template";s:23:"blocks/smarty_block.tpl";} |
0 |
1 |
en |
Whatsapp No URL |
| 2562 |
335 |
a:1:{s:4:"menu";s:1:"2";} |
0 |
|
|
3880 |
|
hidden-phone |
2 |
A |
menu |
a:3:{s:8:"template";s:35:"blocks/menu/dropdown_horizontal.tpl";s:30:"dropdown_second_level_elements";s:2:"12";s:29:"dropdown_third_level_elements";s:2:"10";} |
0 |
1 |
en |
main menu desktop |
| 2538 |
982 |
|
0 |
|
|
5937 |
|
bk_my_account_navigation_block hidden-phone |
2 |
A |
template |
a:1:{s:8:"template";s:58:"addons/my_changes/blocks/static_templates/side-desktop.tpl";} |
0 |
1 |
en |
Desktop My Account Navigation |
| 5524 |
1142 |
a:1:{s:7:"content";s:7887:"<style>
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%)
}
}
.bk_logo_slider {
background: #fff;
overflow: hidden;
position: relative;
}
.slide-track {
animation: scroll 20s linear infinite;
display: inline-flex;
}
.slide-track:hover {
animation-play-state: paused;
}
.slide {
width: 120px;
text-align: center;
margin: 0 10px;
}
.slide img {
width: 100%;
}
@media (max-width: 767px) {
.slide {
width: 100px;
margin: 0 5px;
}
}
</style>
<div class="bk_block_heading bk_theme_head ">
<h2>We've been featured</h2>
</div>
<div class="bk_logo_slider">
<div class="slide-track">
<div class="slide">
<a href="https://yourstory.com/companies/kindlife">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-yourstory.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://www.aninews.in/news/business/business/kindlifes-kind-circle-aims-to-bring-self-care-and-planet-care-together20220706162044/ ">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-ani.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a href="">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-elle.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://www.hindustantimes.com/lifestyle/relationships/lifestyle-choices-to-lead-a-kinder-life-steps-to-achieve-conscious-consumption-sustainable-purchase-practices-101670039911914.html ">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-hindustan.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://www.indianretailer.com/interview/retail-people/new-commerce/how-kindlife-making-lifestyle-choices-easily-accessible-and">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-indian-retailer.webp"
alt="logos" width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a href="">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-lifestyle-aisa.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://www.lokmattimes.com/business/kindlifes-kind-circle-aims-to-bring-self-care-and-planet-care-together/">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-lokmat.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://www.news18.com/news/lifestyle/valentines-day-2023-ultimate-gifting-guide-for-your-valentines-7023571.html ">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-news18.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://m.timesofindia.com/yash-birlas-natural-skin-care-brand-nature-4-nature-joins-hands-with-kindlife-to-bring-people-closer-to-nature/amp_articleshow/95828280.cms">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-times-of-india.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a href="">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-travel-leisure.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a href="https://www.vogue.in/content/16-easy-achievable-sustainable-beauty-tips-you-can-start-today ">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-vogue.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://www.thevoiceoffashion.com/sustainability/features/how-to-recycle-used-beauty-containers-5521 ">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-voice-of-fashion.webp"
alt="logos" width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a href="https://yourstory.com/companies/kindlife">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-yourstory.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://www.aninews.in/news/business/business/kindlifes-kind-circle-aims-to-bring-self-care-and-planet-care-together20220706162044/ ">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-ani.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a href="">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-elle.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://www.hindustantimes.com/lifestyle/relationships/lifestyle-choices-to-lead-a-kinder-life-steps-to-achieve-conscious-consumption-sustainable-purchase-practices-101670039911914.html ">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-hindustan.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://www.indianretailer.com/interview/retail-people/new-commerce/how-kindlife-making-lifestyle-choices-easily-accessible-and">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-indian-retailer.webp"
alt="logos" width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-lifestyle-aisa.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://www.lokmattimes.com/business/kindlifes-kind-circle-aims-to-bring-self-care-and-planet-care-together/">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-lokmat.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://www.news18.com/news/lifestyle/valentines-day-2023-ultimate-gifting-guide-for-your-valentines-7023571.html ">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-news18.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://m.timesofindia.com/yash-birlas-natural-skin-care-brand-nature-4-nature-joins-hands-with-kindlife-to-bring-people-closer-to-nature/amp_articleshow/95828280.cms">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-times-of-india.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a href="">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-travel-leisure.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a href="https://www.vogue.in/content/16-easy-achievable-sustainable-beauty-tips-you-can-start-today ">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-vogue.webp" alt="logos"
width="120" height="120" loading="lazy" /></a>
</div>
<div class="slide">
<a
href="https://www.thevoiceoffashion.com/sustainability/features/how-to-recycle-used-beauty-containers-5521 ">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-logos2102-voice-of-fashion.webp"
alt="logos" width="120" height="120" loading="lazy" /></a>
</div>
</div>
</div>
";} |
0 |
|
|
6281 |
|
|
2 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP news logos scroller |
| 7523 |
2296 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:46:"28236,11758,8930,66450,16469,36537,66449,36536";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13776 |
|
bk_steps_pid_block step-3 pm-bg |
2 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"250";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Plant protein pids |
| 2528 |
2546 |
a:1:{s:7:"content";s:1802:"<style>
.sd-popup-lock-content{
position: relative !important;
}
.sd-popup__banner-link {
cursor: auto;
}
</style>
<script>
function getMobileOperatingSystem() {
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
if (/windows phone/i.test(userAgent)) {
return "Windows Phone";
}
if (/android/i.test(userAgent)) {
return "Android";
}
if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
return "iOS";
}
return "unknown";
}
function DetectAndServ(){
let os = getMobileOperatingSystem();
if (os == "Android") {
window.location.href = "https://play.google.com/store/apps/details?id=com.kindlife&hl=en_IN&gl=US";
} else if (os == "iOS") {
window.location.href = "https://apps.apple.com/us/app/kindlife/id1558677327";
}
// else if (os == "Windows Phone") {
// window.location.href = "https://kindlife.in";
// }
else {
return;
}
}
$(document).ready(function(){
setTimeout(() => {
$(".sd-popup__banner-link").removeAttr("href");
$(".sd-popup__banner-image").click(() => {
DetectAndServ();
})
}, 1000);
});
</script>
<script>
$(document).ready(function(){
(function (_, $) {
$(document).ready(function() {
if (window.ReactNativeWebView) {
// $(".sd-popup-lock-container").hide();
// $("#popups").hide();
setTimeout(() => {
$(".sd-popup__banner-image").attr("src","https://cdn.kindlife.in/images/banners/home-page-images/HP-popoup-tri-color-sale.png");
}, 500);
}
});
})(Tygh, Tygh.$);
});
</script>
";} |
0 |
|
|
9958 |
|
|
2 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Hide/change app download banner on app |
| 7549 |
3412 |
a:1:{s:7:"content";s:3638:"<style>
/* .etude-wrap .carousel-card img {
cursor: pointer;
object-fit: contain;
} */
.etude-wrap .carousel-card img {
cursor: pointer;
}
.etude-wrap .carousel-card {
flex: 0 0 21%;
}
@media (max-width: 600px) {
.etude-wrap .carousel-card {
flex: 1;
min-width: 90px;
}
/* .etude-wrap .carousel-card img {
max-height: 99px;
} */
}
</style>
<style>
.bk_prod_desc p {
padding: 5px 0;
}
.carousel-container1 img.active-img {
filter: none;
opacity: 1;
transition: all 0.3s ease;
}
.carousel-container1 img.inactive-img {
filter: contrast(0.8);
opacity: 0.6;
transition: all 0.3s ease;
}
.carousel-container1 {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
justify-content: space-between;
}
@media(max-width:600px) {
.bk_prod_desc p {
font-size: 13px;
}
.etude-wrap .carousel-card {
flex: 0 0 45%;
}
.add-mrgin {
margin-top: 15px;
}
}
</style>
<div class="bk_block_heading">
<h2>ETUDE FAVES</h2>
</div>
<section class="carousel-block">
<button class="carousel-pre-btn"><span class="ty-icon ty-icon-left-open-thin"></span></button>
<button class="carousel-nxt-btn"><span class="ty-icon ty-icon-right-open-thin"></span></button>
<div class="carousel-container1 card_1x4_scroll etude-wrap">
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_1">
<div class="carousel-image">
<img class="active-img" src="https://cdn.kindlife.in/images/banners/landing-page/kbw-lp/Kbw-0205-toggle-etude-01.webp"
alt="kbeauty-staple-skincare" width="400" height="120" loading="lazy">
</div>
<div class="bk_prod_desc">
<p>K-beauty 101</p>
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_2">
<div class="carousel-image">
<img class="inactive-img" src="https://cdn.kindlife.in/images/banners/landing-page/kbw-lp/Kbw-0205-toggle-etude-02.webp"
alt="indie-staple-skincare" width="400" height="120" loading="lazy">
</div>
<div class="bk_prod_desc">
<p> Best of indie</p>
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_3">
<div class="carousel-image">
<img class="inactive-img" src="https://cdn.kindlife.in/images/banners/landing-page/kbw-lp/Kbw-0205-toggle-etude-03.webp" alt="global-obsession-staple-skincare" width="400" height="120" loading="lazy">
</div>
<div class="bk_prod_desc">
<p>Global obsession</p>
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_4">
<div class="carousel-image">
<img class="inactive-img"
src="https://cdn.kindlife.in/images/banners/landing-page/kbw-lp/Kbw-0205-toggle-etude-04.webp" alt="science-baked-staple-skincare" width="400" height="120" loading="lazy">
</div>
<div class="bk_prod_desc">
<p>Science backed beauty</p>
</div>
</div>
</section>
<script>
$(document).ready(function () {
$('.pid_carousal_1').css('display', 'block');
$(".bk_toggle_circle_five").click(function () {
$(".bk_toggle_circle_five img").removeClass("active-img").addClass("inactive-img");
$(this).find("img").removeClass("inactive-img").addClass("active-img");
$(this).addClass("active").siblings().removeClass("active");
const blockId = $(this).attr('id'); // e.g., 'pid_carousal_1'
$(this).parents(".bk_toggle_container").find('.bk_toggle_pids, .bk_cat-toggle_more-link').hide();
$(this).parents(".bk_toggle_container").find('.' + blockId).show();
});
});
</script>";} |
0 |
|
|
12339 |
|
|
2 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
SKINCARE STAPLES FOR SUMMER |
| 7389 |
3597 |
a:1:{s:7:"content";s:3603:"<style>
span.jl-btn.new-btn {
margin-top: 60px;
}
.influencer-video {
aspect-ratio: 4 / 3;
overflow: hidden;
}
/* Added only for right-side video */
.jl-image.influencer-video video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.price-deal-wrap {
display: flex;
justify-content: center;
align-items: center;
gap: 28px;
margin-bottom: 10px;
}
.old-price {
font-size: 30px;
font-weight: 300;
color: #000;
text-decoration: line-through;
text-decoration-thickness: 2px;
}
.new-price {
font-size: 30px;
font-weight: 500;
color: #000;
}
.bk-passport-deal-block_half {
display: none;
}
@media (max-width: 600px) {
.old-price,
.new-price {
font-size: 18px;
}
.jl-content.influu {
min-height: auto;
}
}
</style>
<div class="hp-strip-final regular-deal">
<div class="bk_block_heading">
<h2>9 AM Daily drops</h2>
</div>
<div class="jl-swiper-wrap">
<div class="swiper jl-swiper">
<div class="swiper-wrapper">
<!-- Vt cosmetics -->
<div class="swiper-slide">
<div class="jl-slide-box">
<a href="https://www.kindlife.in/ultra-hyaluronic-toner-150ml/">
<div class="jl-slide-inner">
<div class="jl-content influu">
<!-- <img class="jl-logo"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-2505-influencer-coxir-logo.png"
alt="Whole Truth"> -->
<p>COXIR's hyaluronic hydration hero</p>
<div class="price-deal-wrap">
<span class="old-price">₹1,450</span>
<span class="new-price">₹725</span>
</div>
<span class="jl-btn">SHOP</span>
</div>
<!-- Replaced image with video -->
<div class="jl-image influencer-video">
<video autoplay muted loop playsinline>
<source
src="https://cdn.kindlife.in/images/banners/hp-images/HP-2606-banner-deal-coxir.mp4"
type="video/mp4">
</video>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function showDeal() {
var today = new Date();
var start = new Date("June 26, 2026 18:54:00");
var stop = new Date("June 28, 2026 08:55:00");
if (today > start && today < stop) {
$(".regular-deal").show();
} else {
$(".regular-deal").hide();
}
}
showDeal();
setInterval(showDeal, 1000);
</script>";} |
0 |
|
|
12570 |
|
|
2 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP influencer video |
| 7063 |
3756 |
a:1:{s:7:"content";s:2085:"<style>
.bk_1x4_scroll li {
flex: 0 0 max(200px,22%);
}
@media (max-width: 480px) {
div .bk_2x2_grid-scroll {
display: grid;
grid-template-columns: repeat(3,minmax(160px,1fr));
gap: 10px;
}
}
</style>
<div class="bk_block_heading">
<h2>New in</h2>
</div>
<ul class="bk_flex_block bk_1x4_scroll bk_2x2_grid-scroll">
<li><a href="https://www.kindlife.in/pdrn-glow-ampoule-100ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-newIn2007-VTCosmetics1.webp" alt="" loading="lazy"></a>
<div class="protein-desc"><p>VT Cosmetics</p></div>
</li>
<li><a href="https://www.kindlife.in/advance-snail-mucin-glass-glow-hydogel-mask-glass-glow-face-mask-hydrating-and-brightening-korean-skincare-34gm-x-3ea/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-newIn2007-COSRX1.webp" alt="" loading="lazy"></a>
<div class="protein-desc"><p>COSRX</p></div>
</li>
<li><a href="https://www.kindlife.in/dewtox-ex-thread-shot-tightening-ampoule-firming-serum-skin-tightening-and-lifting-care-50ml-en-2/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-newIn2007-Dewdap1.webp" alt="" loading="lazy"></a>
<div class="protein-desc"><p>Dewdap</p></div>
</li>
<li><a href="https://www.kindlife.in/retinal-booster-shot-serum-with-2-retinal-and-caffeine-for-pore-tightening-and-firming-pore-tightening-firming-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-newIn2007-Arencia1.webp" alt="" loading="lazy"></a>
<div class="protein-desc"><p>Arencia</p></div>
</li>
<li><a href="https://www.kindlife.in/collagen-egf-peptide-ampoule-serum-40ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-newIn2007-APLB1.webp" alt="" loading="lazy"></a>
<div class="protein-desc"><p>APLB</p></div>
</li>
<li><a href="https://www.kindlife.in/spicuraxel-pore-ampoule-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-newIn2007-Seapuri1.webp" alt="" loading="lazy"></a>
<div class="protein-desc"><p>Seapuri</p></div>
</li>
</ul>";} |
0 |
|
|
13043 |
|
|
2 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP - New in |
| 6889 |
3800 |
a:1:{s:7:"content";s:587:"<div class="bk_block_heading">
<h2>Try before you buy</h2>
</div>
<div class="strip_banner shadow" style="margin-top:0px;">
<a href="https://www.kindlife.in/sun-shield-essentials-complete-sun-protection-kit/">
<picture>
<source media="(max-width: 600px)" srcset="https://cdn.kindlife.in/images/banners/hp-images/HP-0412-sunscreen-kit-mob5.webp">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0412-sunscreen-kit-desk5.webp" alt="sun-protection-kit banner" loading="lazy" width="1200" height="250">
</picture></a>
</div>
";} |
0 |
|
|
13164 |
|
|
2 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP Try before you buy strip |
| 7066 |
3846 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:29:"67036,32148,32026,65550,28568";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13275 |
|
bk_toggle_pids pid_carousal_3 |
2 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
girls Is this serum legit? pids |
| 7118 |
3900 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:53:"68425,69048,68444,68435,68434,68426,68436,68440,68427";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13345 |
|
bk_toggle_pids pid_carousal_3 |
2 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP derma abott pids |
| 6109 |
4010 |
a:1:{s:7:"content";s:1553:"<style>
.bk_flex-block {
display: flex;
overflow: hidden;
position: relative;
border-radius: 12px;
}
.bk_flex-block picture img {
width: 100%;
}
.bk_flex-block .animate {
position: absolute;
right: 0;
bottom: 9%;
width: 40%;
pointer-events: none;
}
.watch-banner {
margin-top: 20px;
}
div .bk_mainbox-heading {
text-align: center;
}
.watch-banner.shop:not(:has(a)) {
margin-bottom: -20px;
}
.watch-banner.shop a {
position: absolute;
inset: 0;
z-index: 1;
}
@media (max-width: 600px) {
.bk_flex-block .animate {
bottom: 0;
width: 44%;
}
.watch-banner.shop {
margin: 10px auto 0;
}
.watch-banner.shop:not(:has(a)) {
margin-bottom: 0;
}
}
</style>
<div class="strip_banner watch-banner shop">
<div class="bk_flex-block">
{if ($runtime.controller !== 'community' && $runtime.mode !== 'video')}<a href="https://www.kindlife.in/community" aria-label="kindlife community"></a>{/if}
<picture>
<source media="(max-width: 600px)" srcset="https://cdn.kindlife.in/images/banners/app-img/watch-shop-banner0512.png">
<img src="https://cdn.kindlife.in/images/banners/app-img/watch-shop-desk.png" alt="watch-shop-banner" width="1200" height="270" loading="lazy"/>
</picture>
<img class="animate" src="https://cdn.kindlife.in/images/banners/app-img/watch-shop-animation.gif" alt="watch-shop-animation" loading="lazy"/>
</div>
</div>";} |
0 |
|
|
13668 |
|
|
2 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
comm banner - shop and scroll banner (for multiple pages) |
| 7370 |
4100 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:41:"67972,66863,66864,66882,66875,66871,66883";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13877 |
|
bk_toggle_pids pid_carousal_3 |
2 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"200";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP v-day store rovectin pids |
| 7055 |
4120 |
a:1:{s:7:"content";s:6281:"<style>
/* GRID */
.concern-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
/* CARD */
.concern-card {
background: #fff;
border-radius: 18px;
overflow: hidden;
border: 1px solid #eee;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all 0.3s ease-in-out;
}
.concern-card:hover {
filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2));
transform: translateY(-5px);
}
.concern-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
color: #111;
}
.concern-desc {
font-size: 14px;
color: #6b7280;
line-height: 1.5;
margin-bottom: 16px;
}
.concern-content {
padding: 20px;
display: flex;
flex-direction: column;
height: 100%;
}
.arrow-btn {
margin-top: auto;
height: 32px;
background: #7A4EDE;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 14px; /* NEW */
width: fit-content; /* NEW */
}
.arrow-btn a {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #fff; /* ensure visibility */
font-size: 13px; /* works for desktop + mobile */
font-weight: 500;
white-space: nowrap; /* prevents text break */
}
.arrow-btn svg {
width: 18px;
height: 18px;
stroke: #fff;
display: block;
}
/* IMAGE */
.concern-image img {
width: 100%;
height: auto;
display: block;
}
/* MOBILE SCROLL */
@media (max-width: 600px) {
.concern-grid {
grid-template-columns: repeat(2, 60%);
overflow-x: auto;
}
.shop-concern h2 {
font-size: 22px;
}
}
/* HIDE SCROLLBAR */
.concern-grid::-webkit-scrollbar {
display: none;
}
</style>
<section class="shop-concern">
<div class="bk_block_heading">
<h2>kbeauty for Indian skin</h2>
</div>
<div class="concern-grid">
<!-- CARD 1 -->
<div class="concern-card">
<div class="concern-content">
<div class="concern-title">Climate-adaptive formula</div>
<div class="concern-desc">
Winter hydration that sinks in, not sits on top.
</div>
<div class="arrow-btn">
<a href=" https://www.kindlife.in/korean-beauty/skincare/toners/">
Toners
</a>
</div>
</div>
<div class="concern-image">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0501-kbeauty-climate.webp"
alt="kbeauty-barrier-img" width="200" height="120" loading="lazy" />
</div>
</div>
<!-- CARD 2 -->
<div class="concern-card">
<div class="concern-content">
<div class="concern-title desktop">Gentle, soothing <br>actives</div>
<div class="concern-title mobile">Gentle, soothing actives</div>
<div class="concern-desc">
Support even tone without compromising hydration
</div>
<div class="arrow-btn">
<a href="https://www.kindlife.in/korean-beauty/skincare/face-serums-and-oils/">
<!-- <svg fill="none" viewBox="0 0 24 24">
<path d="M5 12h14M13 5l6 7-6 7" stroke-width="2" />
</svg> -->
Serums
</a>
</div>
</div>
<div class="concern-image">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0501-kbeauty-gentel.webp"
alt="kbeauty-barrier-img" width="200" height="120" loading="lazy" />
</div>
</div>
<!-- CARD 3 -->
<div class="concern-card">
<div class="concern-content">
<div class="concern-title">Lightweight and moisturizing</div>
<div class="concern-desc">
Textures that feel nourishing in dry winter days
</div>
<div class="arrow-btn">
<a href="https://www.kindlife.in/korean-beauty/skincare/moisturisers/">
<!-- <svg fill="none" viewBox="0 0 24 24">
<path d="M5 12h14M13 5l6 7-6 7" stroke-width="2" />
</svg> -->
Moisturizers
</a>
</div>
</div>
<div class="concern-image">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0501-kbeauty-lightweight.webp"
alt="kbeauty-barrier-img" width="200" height="120" loading="lazy" />
</div>
</div>
<!-- CARD 4 -->
<div class="concern-card">
<div class="concern-content">
<div class="concern-title desktop">Barrier-first <br>philosophy</div>
<div class="concern-title mobile">Barrier-first philosophy</div>
<div class="concern-desc">
Desgined for stronger and resilient skin
</div>
<div class="arrow-btn">
<a href="https://www.kindlife.in/korean-beauty/skincare/sun-care/">
Sunscreens
</a>
</div>
</div>
<div class="concern-image">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0501-kbeauty-barrier.webp"
alt="kbeauty-barrier-img" width="200" height="120" loading="lazy" />
</div>
</div>
</div>
</section>";} |
0 |
|
|
13822 |
|
|
2 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP kbeauty for Indian skin |
| 7496 |
4154 |
a:1:{s:7:"content";s:6655:"<div class="bk_block_heading">
<h2>#FOUNDITFIRST</h2>
<p style="padding-bottom:0px;">Global ingredients of the future</p>
</div>
<div class="foundit-wrap">
<!-- CARD 1 -->
<div class="foundit-card">
<a href="https://www.kindlife.in/red-booster-reedle-shot-100-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0805-found-dragon.webp" alt="Dragon's Blood">
</a>
<div class="overlay-text-wrap">
<p class="ingredient-title">Dragon's Blood</p>
<p class="desc">Repairs weak barrier <br>with plant latex <br>for calmer skin</p>
<a href="https://www.kindlife.in/red-booster-reedle-shot-100-50ml/" class="discover">DISCOVER</a>
</div>
</div>
<!-- CARD 2 -->
<div class="foundit-card">
<a href="https://www.kindlife.in/beyond-beyond/?sort_by=on_sale&sort_order=desc">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0805-found-nad.webp" alt="NAD+">
</a>
<div class="overlay-text-wrap">
<p class="ingredient-title">NAD+</p>
<p class="desc">Boosts cellular <br> energy to firm <br>early ageing skin</p>
<a href="https://www.kindlife.in/beyond-beyond/?sort_by=on_sale&sort_order=desc"
class="discover">DISCOVER</a>
</div>
</div>
<!-- CARD 3 -->
<div class="foundit-card">
<a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=exosome">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0805-found-exsomes.webp" alt="Exosomes">
</a>
<div class="overlay-text-wrap">
<p class="ingredient-title">Exosomes</p>
<p class="desc">Advanced cell <br> signals to restore <br>collagen bounce.</p>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=exosome"
class="discover">DISCOVER</a>
</div>
</div>
<!-- CARD 4 -->
<div class="foundit-card">
<a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=peptides">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0805-found-peptides.webp" alt="Peptides">
</a>
<div class="overlay-text-wrap">
<p class="ingredient-title">Peptides</p>
<p class="desc">Skin-repairing actives <br> to firm, smooth, and <br> boost elasticity.</p>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=peptides"
class="discover">DISCOVER</a>
</div>
</div>
<!-- CARD 5 -->
<div class="foundit-card">
<a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=PDRN&sort=popularity">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0805-found-pdrn.webp" alt="PDRN">
</a>
<div class="overlay-text-wrap">
<p class="ingredient-title">PDRN</p>
<p class="desc">Skin-repair complex <br>to restore bounce <br>and resilience.</p>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=PDRN&sort=popularity"
class="discover">DISCOVER</a>
</div>
</div>
<!-- CARD 6 -->
<div class="foundit-card">
<a href="https://www.kindlife.in/matcha-en/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0805-found-matcha.webp" alt="Matcha">
</a>
<div class="overlay-text-wrap">
<p class="ingredient-title">Matcha</p>
<p class="desc">Powerful antioxidants <br> to soothe skin and <br>boost natural glow</p>
<a href="https://www.kindlife.in/matcha-en/" class="discover">DISCOVER</a>
</div>
</div>
<!-- CARD 7 -->
<div class="foundit-card">
<a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=truffle&sort=popularity">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0805-found-rovectin.webp" alt="Black Truffle">
</a>
<div class="overlay-text-wrap">
<p class="ingredient-title">Black Truffle</p>
<p class="desc">Potent antioxidant truffle <br>extract boosts radiance <br>and supports skin elasticity.</p>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=truffle&sort=popularity"
class="discover">DISCOVER</a>
</div>
</div>
<!-- CARD 8 -->
<div class="foundit-card">
<a href="https://www.kindlife.in/black-snail-collagen/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0805-found-black.webp"
alt="Black Snail Collagen">
</a>
<div class="overlay-text-wrap">
<p class="ingredient-title">Black Snail Collage</p>
<p class="desc">Antioxidant-rich <br> collagen to firm <br>dull skin.</p>
<a href="https://www.kindlife.in/black-snail-collagen/" class="discover">DISCOVER</a>
</div>
</div>
</div>
<style>
.foundit-wrap {
display: grid;
grid-template-columns: repeat(4, max(270px, 28%));
row-gap: 12px;
gap: 10px;
overflow: auto;
margin: 0 !important;
}
.foundit-card {
position: relative;
overflow: hidden;
}
.foundit-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.overlay-text-wrap {
position: absolute;
top: 60%;
left: 8%;
transform: translateY(-50%);
max-width: 75%;
color: #2c2c2c;
}
.ingredient-title {
font-size: 18px;
font-weight: 500;
margin: 0 0 8px;
padding: 0px;
line-height: 1.2;
letter-spacing: 0.5px;
}
.overlay-text-wrap .desc {
font-size: 16px;
line-height: 1.4;
padding: 0 0 12px;
margin: 0;
}
.overlay-text-wrap .discover {
font-size: 13px;
color: #000;
text-decoration: underline !important;
font-style: italic;
font-weight: 600;
letter-spacing: 2px;
}
@media (max-width: 480px) {
.foundit-wrap {
grid-template-columns: repeat(2, 71%);
gap: 10px;
}
.overlay-text-wrap {
top: 60%;
left: 6%;
max-width: 82%;
}
.ingredient-title {
font-size: 15px;
margin-bottom: 6px;
}
.overlay-text-wrap .desc {
font-size: 14px;
padding-bottom: 8px;
line-height: 1.35;
}
.overlay-text-wrap .discover {
font-size: 11px;
}
}
</style>";} |
0 |
|
|
13904 |
|
|
2 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP INDIA'S FAVE PROTEIN |
| 7443 |
4155 |
a:1:{s:7:"content";s:6452:"<style>
.skincare-essentials-block {
display: flex;
overflow: hidden;
gap: 10px;
position: relative;
}
/* TRACK for animation */
.skincare-track {
display: flex;
gap: 10px;
animation: skincareScroll 30s linear infinite;
}
/* Pause on hover */
.skincare-essentials-block:hover .skincare-track {
animation-play-state: paused;
}
.skincare-card {
flex: 0 0 8%;
min-width: 150px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.skincare-card a {
position: relative;
}
.skincare-vertical-text {
position: absolute;
inset: 0;
width: 88%;
height: 100%;
transform: rotate(-90deg);
font-size: 18px;
font-style: italic;
font-weight: 500;
color: #222;
letter-spacing: 1px;
white-space: nowrap;
}
.skincare-img {
width: 100%;
padding-left: 20px;
}
.skincare-discount {
font-size: 16px;
color: #f7725c;
text-align: center;
}
/* Animation */
@keyframes skincareScroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
/* Tablet */
@media (max-width: 991px) {
.skincare-card {
flex: 0 0 22%;
}
}
@media (max-width: 767px) {
.skincare-essentials-block {
display: grid;
grid-template-columns: repeat(4, minmax(150px, 1fr));
overflow: visible;
}
.skincare-track {
display: contents;
animation: none;
}
.skincare-vertical-text {
font-size: 16px;
}
.skincare-discount {
font-size: 14px;
}
}
</style>
<div class="bk_block_heading">
<h2>SEOUL GLOW TARGETS</h2>
</div>
<div class="skincare-essentials-block">
<div class="skincare-track">
<!-- ORIGINAL 8 -->
<div class="skincare-card">
<a href="https://www.kindlife.in/the-face-shop/">
<span class="skincare-vertical-text">The Face Shop</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-faceshop.webp">
</a>
<p class="skincare-discount"> Save up to 25%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/iunik/">
<span class="skincare-vertical-text">Iunik</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-iunik.webp">
</a>
<p class="skincare-discount">Save 25%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/neaf-neaf/">
<span class="skincare-vertical-text">Neaf Neaf</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/cHP-0704-dewy-essential-neaf.webp">
</a>
<p class="skincare-discount">Save 45%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/frudia/">
<span class="skincare-vertical-text">Frudia</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-frudia.webp">
</a>
<p class="skincare-discount">Save 45%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/ssunsu/">
<span class="skincare-vertical-text">Ssunsu</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-ssunsu.webp">
</a>
<p class="skincare-discount">Save 30%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/essenpick/">
<span class="skincare-vertical-text">Essenpick</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-essenpick.webp">
</a>
<p class="skincare-discount">Save 30%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/dr.-ceuracle/">
<span class="skincare-vertical-text">Dr. ceuracle</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-cerucale.webp">
</a>
<p class="skincare-discount">Save 30%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/the-face-shop/"><span class="skincare-vertical-text">The Face
Shop</span><img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-faceshop.webp"></a>
<p class="skincare-discount"> Save up to 25%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/iunik/"><span class="skincare-vertical-text">Iunik</span><img
class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-iunik.webp"></a>
<p class="skincare-discount">Save 25%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/neaf-neaf/"><span class="skincare-vertical-text">Neaf Neaf</span><img
class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/cHP-0704-dewy-essential-neaf.webp"></a>
<p class="skincare-discount">Save 45%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/frudia/"><span class="skincare-vertical-text">Frudia</span><img
class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-frudia.webp"></a>
<p class="skincare-discount">Save 45%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/ssunsu/"><span class="skincare-vertical-text">Ssunsu</span><img
class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-ssunsu.webp"></a>
<p class="skincare-discount">Save 30%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/essenpick/"><span class="skincare-vertical-text">Essenpick</span><img
class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-essenpick.webp"></a>
<p class="skincare-discount">Save 30%</p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/dr.-ceuracle/">
<span class="skincare-vertical-text">Dr. ceuracle</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-cerucale.webp">
</a>
<p class="skincare-discount">Save 30%</p>
</div>
</div>
</div>";} |
0 |
|
|
13906 |
|
hidden-phone hidden-app |
2 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP DEWY SKIN ESSENTIALS desk |
| 7491 |
4158 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:35:"32160,68357,69065,67565,14289,66872";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13914 |
|
bt_scroller_mobile spf-holi |
2 |
A |
products |
a:9:{s:8:"template";s:40:"blocks/products/products_links_thumb.tpl";s:10:"show_price";s:1:"Y";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:15:"thumbnail_width";s:3:"400";s:8:"hide_tag";s:1:"N";s:17:"show_share_button";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP HOLI STARTS WITH SPF pids |
| 7550 |
4168 |
a:1:{s:7:"content";s:1506:"<ul class="bk_grid_block bk_new_grid-lg scroll staple-kbeauty">
<li>
<div class="card">
<a href="https://www.kindlife.in/skinfood/ ">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-global-obsession-categry-skinfood.webp"></a>
<div class="protein-desc">
<p>Skinfood </p>
<span>Up to 30% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/la-roche-posay/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-global-obsession-categry-la-roshey.webp"></a>
<div class="protein-desc">
<p>La roche poshay </p>
<span>5% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/embryolisse/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-global-obsession-categry-embrolysiee.webp"></a>
<div class="protein-desc">
<p>Embroylisse</p>
<span>10% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/dr.g/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-global-obsession-categry-dr-g1.webp"></a>
<div class="protein-desc">
<p>Dr. G</p>
<span>15% off</span>
</div>
</li>
<li> <a href="https://www.kindlife.in/neutrogena/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-global-obsession-categry-neutrogena.webp"></a>
<div class="protein-desc">
<p>Neutrogena</p>
<span>Up to 16% off</span>
</div>
</li>
</ul>";} |
0 |
|
|
13928 |
|
bk_toggle_pids pid_carousal_3 |
2 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP global obsseion |
| 7359 |
4183 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:75:"67165,3562,37916,65286,64429,66968,7794,69055,64308,66930,35959,67646,68598";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13946 |
|
|
2 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP TOP 10 SELF-LOVE PICS PIDS |
| 6965 |
4184 |
a:1:{s:7:"content";s:1045:"<div class="bk_block_heading">
<h2>A Fresh Beginning for Your Pantry</h2>
</div>
<div class="strip_banner shadow" style="margin:0 0 12px;">
<a href="https://www.kindlife.in/pantry-picks/">
<picture>
<source media="(max-width: 767px)" srcset="https://cdn.kindlife.in/images/banners/hp-images/HP-2001-vasant-panchami-mob.webp">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2001-vasant-panchami-desk.webp"
alt="jumiso Banner" loading="lazy" width="1200" height="300">
</picture>
</a>
</div>
<div class="bk_toggle_circles_block color">
<button class="bk_toggle_circle active" id="pid_carousal_1">Oils</button>
<button class="bk_toggle_circle" id="pid_carousal_2">Ghees</button>
<button class="bk_toggle_circle" id="pid_carousal_3">Healthy spreads</button>
<button class="bk_toggle_circle" id="pid_carousal_4">Spices</button>
<button class="bk_toggle_circle" id="pid_carousal_5">Nuts & seeds</button>
</div>";} |
0 |
|
|
13947 |
|
|
2 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP vasant panchami toggle heading |
| 7371 |
4282 |
a:1:{s:7:"content";s:1337:"<div class="strip_banner">
<a
href="https://www.kindlife.in/"
class="rn-banner-click"
data-category-id="300"
data-banner-name="HOLI_TOP_STRIP"
>
<picture>
<source media="(max-width: 767px)"
srcset="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-top-strip-holi-mob3.webp">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1702-top-strip-holi-desk3.webp"
alt="Kindlife RRR campaign banner"
loading="lazy"
width="100%"
height="125"
>
</picture>
</a>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
document.addEventListener('click', function (e) {
const banner = e.target.closest('.rn-banner-click');
if (!banner) return;
const link = banner.getAttribute('href');
if (window.ReactNativeWebView) {
e.preventDefault();
const categoryId = banner.getAttribute('data-category-id');
const bannerName = banner.getAttribute('data-banner-name');
window.ReactNativeWebView.postMessage(
JSON.stringify({
screen_name: 'CATEGORY_SCREEN',
category_id: 2685,
})
);
} else {
// fallback for web
window.location.href = link;
}
});
});
</script>";} |
0 |
|
|
14085 |
|
|
2 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP holi strip repeat |
| 2195 |
3 |
a:1:{s:4:"menu";s:1:"1";} |
0 |
|
|
3321 |
|
top-quick-links |
3 |
A |
menu |
a:2:{s:8:"template";s:26:"blocks/menu/text_links.tpl";s:18:"show_items_in_line";s:1:"Y";} |
0 |
1 |
en |
Quick links |
| 1952 |
68 |
a:1:{s:7:"content";s:631:"<ul id="demo_store_links">
<!-- <li class="ty-footer-menu__item"><a href="https://docs.google.com/forms/d/1h9JjQ3grp26ZqMDDsmmuKqkjAC--L_rr-ZFZaloine8/viewform?edit_requested=true">Brand</a></li> -->
<li class="ty-footer-menu__item"><a href="https://kindlife.in/affiliate">kind champion</a></li>
<li class="ty-footer-menu__item"><a href="https://www.kindlife.in/brand-query">Brand</a></li>
<li class="ty-footer-menu__item"><a href="https://www.kindlife.in/corporate-gifting">Corporate Gifting</a></li>
<li class="ty-footer-menu__item"><a href="https://www.kindlife.in/bulk-order">Bulk Order</a></li>
</ul>";} |
0 |
|
|
2885 |
|
|
3 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Partner |
| 2538 |
212 |
|
0 |
|
|
2892 |
|
top-wishlist bk-pull-right |
3 |
A |
template |
a:1:{s:8:"template";s:58:"addons/my_changes/blocks/static_templates/wishlist_2bk.tpl";} |
0 |
1 |
en |
wishlist_2bk |
| 2535 |
246 |
|
0 |
|
|
3874 |
|
|
3 |
A |
template |
a:1:{s:8:"template";s:50:"addons/my_changes/blocks/static_templates/side.tpl";} |
0 |
1 |
en |
open_hamburger |
| 1945 |
404 |
a:1:{s:7:"content";s:8179:"<style>
.bk_toggle_circles_block {
display: flex;
column-gap: 10px;
overflow: auto;
margin: 0 0 10px;
white-space: nowrap;
}
.bk_toggle_circle {
border: 1px solid #ff9f1c;
/* border: 1px solid #ab4568; */
background: #fff;
border-radius: 25px;
min-width: max-content;
flex: 1;
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: #ff9f1c;
white-space: normal;
position: relative;
display: flex;
align-items: center;
column-gap: 10px;
justify-content: center;
padding: 12px 18px;
}
.bk_toggle_circle img {
width: 28px;
height: 28px;
background: #fff;
border-radius: 50%;
padding: 1px;
}
.bk_toggle_circle.color1 {
border: 1px solid #ab4568;
color: #ff4d6d;
}
.bk_toggle_circle.color2 {
border: 1px solid #d27583;
color: #d27583;
}
.bk_toggle_circle.color3 {
border: 1px solid #f57eb2;
color: #f57eb2;
}
.bk_toggle_circle.color5 {
border: 1px solid #000000;
color: #000000;
}
.bk_toggle_circles_block .bk_toggle_circle:hover,
.bk_toggle_circles_block .bk_toggle_circle.active {
background: #ff9f1c;
color: #fff;
}
.color .bk_toggle_circle.color1 a {
color: #54D4C6;
font-weight: 500;
}
.color .bk_toggle_circle.color1:hover,
.color .bk_toggle_circle.color1.active {
background: #ff4d6d;
color: #fff;
border: 1px solid #ff4d6d;
}
.color .bk_toggle_circle.color1:hover a,
.color .bk_toggle_circle.color1.active a {
color: #fff;
}
.color .bk_toggle_circle.color2:hover,
.color .bk_toggle_circle.color2.active {
background: #d27583;
color: #fff;
border: 1px solid #d27583;
}
.color .bk_toggle_circle.color3:hover,
.color .bk_toggle_circle.color3.active {
background: #f57eb2;
color: #fff;
border: 1px solid #f57eb2;
}
.color .bk_toggle_circle.color4:hover,
.color .bk_toggle_circle.color4.active {
background: #ff0054;
color: #fff;
border: 1px solid #ff0054;
}
.color .bk_toggle_circle.color5:hover,
.color .bk_toggle_circle.color5.active {
background: #000000;
color: #fff;
border: 1px solid #000000;
}
.bk_toggle_pids {
display: none;
position: relative;
}
.bk_toggle_pids > p {
padding: 0;
}
.bk_category_link .bk_cat-toggle_more-link {
width: max-content;
margin: 0 0 0 auto;
}
.bk_category_link .bk_cat-toggle_more-link.active {
display: block;
}
.bk_category_link .bk_cat-toggle_more-link {
display: none;
}
@media (max-width: 768px) {
.bk_toggle_circle {
font-size: 14px;
}
}
</style>
<script>
// funtion for toggle block
$(document).ready(function () {
$('.pid_carousal_1').css('display', 'block');
$(".bk_toggle_circle").click(function () {
$(this).addClass("active").siblings().removeClass("active");
$(this).parents(".bk_toggle_container").find('.bk_toggle_pids,.bk_cat-toggle_more-link').css('display', 'none');
$(this).parents(".bk_toggle_container").find('.' + $(this).attr('id')).css('display', 'block');
});
});
</script>
<style>
/* carousel */
.carousel {
position: relative;
overflow: hidden;
}
.carousel-container {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
justify-content: space-between;
}
.carousel-container::-webkit-scrollbar {
display: none;
}
.carousel-card {
position: relative;
margin-right: 10px;
}
.carousel-card:last-child {
margin-right: 0;
}
.card_1x3_scroll .carousel-card {
flex: 0 0 max(300px, calc(33.33% - 10px));
}
.card_1x4_scroll .carousel-card {
flex: 0 0 max(200px, calc(25% - 10px));
}
.card_1x5_scroll .carousel-card {
flex: 0 0 max(200px, calc(23% - 10px))
}
.card_1x6_scroll .carousel-card {
flex: 0 0 max(150px, calc(16.66% - 10px))
}
.card_1x1 .carousel-card {
flex: 0 0 100%;
}
.card_1x2 .carousel-card {
flex: 0 0 calc(50% - 10px);
}
.carousel-image>a {
display: inline-block;
}
.carousel-image img {
width: 100%;
border-radius: 5px;
}
.animate-text {
position: absolute;
bottom: 0;
left: 0;
}
.carousel-pre-btn,
.carousel-nxt-btn {
width: 46px;
position: absolute;
top: calc(50% - 18px);
cursor: pointer;
z-index: 3;
font-size: 22px;
height: 46px;
line-height: 46px;
background: #ffffff5c;
color: #fff;
border-radius: 50%;
border: 0;
padding: 0;
display: none;
}
.carousel-pre-btn {
left: 0;
}
.carousel-nxt-btn {
right: 0;
}
.carousel-pre-btn:hover,
.carousel-nxt-btn:hover {
background: #000;
}
@media screen and (max-width: 767px) {
.card_1x2 .carousel-card {
flex: 0 0 100%;
}
}
@media screen and (max-width: 480px) {
.card_1x4 .carousel-card,
.card_1x4_scroll .carousel-card,
.card_1x5_scroll .carousel-card,
.card_1x6_scroll .carousel-card {
flex: 0 0 45%;
}
.card_1x3_scroll .carousel-card {
flex: 0 0 70%;
}
.carousel-pre-btn,
.carousel-nxt-btn {
width: 40px;
height: 40px;
line-height: 40px;
}
}
</style>
<!-- function for image-card scroll -->
<script type="text/javascript">
const carouselContainers = document.querySelectorAll('.carousel-container');
const nxtBtn = document.querySelectorAll('.carousel-nxt-btn');
const preBtn = document.querySelectorAll('.carousel-pre-btn');
carouselContainers.forEach((item, i) => {
let index = 0;
let autoScrollInterval;
const updateScroll = () => {
const carouselCards = item.querySelectorAll('.carousel-card');
if (carouselCards.length === 0) return;
const cardStyle = getComputedStyle(carouselCards[0]);
const cardWidth = carouselCards[0].offsetWidth +
parseInt(cardStyle.marginRight) +
parseInt(cardStyle.marginLeft);
const containerWidth = item.offsetWidth;
const maxIndex = carouselCards.length - Math.floor(containerWidth / cardWidth);
return { cardWidth, maxIndex };
};
const scrollToIndex = () => {
const { cardWidth } = updateScroll();
item.scrollTo({
left: index * cardWidth,
behavior: 'smooth'
});
};
nxtBtn[i].addEventListener('click', () => {
const { maxIndex } = updateScroll();
index++;
if (index > maxIndex) index = 0;
scrollToIndex();
});
preBtn[i].addEventListener('click', () => {
index--;
if (index < 0) index = 0;
scrollToIndex();
});
// Auto-scroll start function
const startAutoScroll = () => {
stopAutoScroll(); // clear any existing interval
autoScrollInterval = setInterval(() => {
nxtBtn[i].click();
}, 4000);
};
// Stop auto-scroll
const stopAutoScroll = () => {
clearInterval(autoScrollInterval);
};
// Pause on mouse enter
item.addEventListener('mouseenter', () => {
stopAutoScroll();
});
// Resume on mouse leave
item.addEventListener('mouseleave', () => {
startAutoScroll();
});
// Start scrolling initially
startAutoScroll();
// Optional: update on resize
window.addEventListener('resize', () => {
scrollToIndex();
});
});
</script>";} |
0 |
|
|
3852 |
|
|
3 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP pid-toggle, community (videos & read) and card-scroller (css |
| 2528 |
2143 |
a:1:{s:7:"content";s:363:"<style>
.ty-mainbox-body button:active,
.correct-scroller .ty-scroller-list__item:active,
.bk_header_right a i:active,
.ty-banner__image-item:active,
.ty-wysiwyg-content button:active,
.ty-wysiwyg-content a svg:active{
filter: opacity(0.6);
}
.ty-wysiwyg-content a:active,
.ty-wysiwyg-content a img:active{
filter: contrast(0.8);
}
</style>";} |
0 |
|
|
9343 |
|
|
3 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
faded effect css for all buttons/links |
| 7300 |
2297 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:47:"35305,65161,33728,36791,25444,36802,26796,35307";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13777 |
|
bk_toggle_pids pid_carousal_3 |
3 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Pre-workout pids |
| 6109 |
2318 |
a:1:{s:7:"content";s:7163:"<style>
.carousel-image {
position: relative;
}
.carousel-image img {
z-index: 1;
position: relative;
}
.carousel-image .hover-img {
position: absolute;
inset: 0;
z-index: 0;
}
.carousel-image:hover .hover-img {
z-index: 1;
}
</style>
<div class="bk_block_heading">
<h2>Don't miss a live sesh</h2>
</div>
<section class="carousel">
<button class="carousel-pre-btn"><span class="ty-icon ty-icon-left-open-thin"></span></button>
<button class="carousel-nxt-btn"><span class="ty-icon ty-icon-right-open-thin"></span></button>
<div class="carousel-container card_1x4_scroll upcoming-live-block">
<!-- <div class="carousel-card">
<div class="carousel-image liveEcomBanner">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-2711-live-sesh-bfs-front.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
<img class="hover-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-2711-live-sesh-bfs-back.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
</div>
</div> -->
<div class="carousel-card">
<div class="carousel-image liveEcomBanner">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-baddies-front.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
<img class="hover-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-baddies-back.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
</div>
</div>
<div class="carousel-card">
<div class="carousel-image liveEcomBanner">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-welcome-front.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
<img class="hover-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-welcome-back.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
</div>
</div>
<div class="carousel-card">
<div class="carousel-image liveEcomBanner">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-grwm-front.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
<img class="hover-img" src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-grwm-back.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
</div>
</div>
<div class="carousel-card">
<div class="carousel-image liveEcomBanner">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-1rupee-front.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
<img class="hover-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-1rupee-back.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
</div>
</div>
<div class="carousel-card">
<div class="carousel-image liveEcomBanner">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-kc-xlusive-front.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
<img class="hover-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-kc-xlusive-back.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
</div>
</div>
<!-- <div class="carousel-card">
<div class="carousel-image liveEcomBanner">
<img
src="https://cdn.kindlife.in/images/banners/home-page-images/HP-0307-live-glow-front.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
<img class="hover-img"
src="https://cdn.kindlife.in/images/banners/home-page-images/HP-0307-live-glow-back.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
</div>
</div> -->
<div class="carousel-card">
<div class="carousel-image liveEcomBanner">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-bff-live-front.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
<img class="hover-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-bff-live-back.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
</div>
</div>
<div class="carousel-card">
<div class="carousel-image liveEcomBanner">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-box-office-front.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
<img class="hover-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-box-office-back.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
</div>
</div>
<div class="carousel-card">
<div class="carousel-image liveEcomBanner">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-ask-derm-front.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
<img class="hover-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-ask-derm-back.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
</div>
</div>
<div class="carousel-card">
<div class="carousel-image liveEcomBanner">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-glow-or-go-front.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
<img class="hover-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-live-sesh-glow-or-go-back.webp"
alt="live session schedule img" loading="lazy" width="300" height="300">
</div>
</div>
</div>
</section>
<script>
// function for ecom-live on app
$(document).ready(function () {
const isMsite = /Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
if (!isMsite) return; // desktop → do nothing
const isReactNative = !!window.ReactNativeWebView;
const banners = [
{ selector: ".liveEcomBanner", screenName: "Viewer", fallback: "https://www.kindlife.in/live-sessions" },
{ selector: ".skinAnalyzerBanner", screenName: "UserProfileScreen", fallback: "https://www.kindlife.in/skinanalyser" },
];
const handleClick = (selector, screenName) => {
$(selector).on("click", function () {
const eventData = {
screen_name: screenName
};
window.ReactNativeWebView.postMessage(JSON.stringify(eventData));
});
};
const wrapWithLink = (selector, href) => {
const element = $(selector);
const link = $("<a>", { href });
element.wrap(link);
};
banners.forEach(banner => {
if (isReactNative) {
handleClick(banner.selector, banner.screenName);
} else {
wrapWithLink(banner.selector, banner.fallback);
}
});
});
</script>
";} |
0 |
|
|
11677 |
|
|
3 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP live sesh 1x4 |
| 7055 |
3003 |
a:1:{s:7:"content";s:207:"<div class="bk_block_heading">
<h2>Dry skin? Try these</h2>
<p>Use <span class="bk_code">GLOW10 </span> for 10% off. <a href="https://www.kindlife.in/skincare-l/moisturisers/">View more</a></p>
</div>";} |
0 |
|
|
10928 |
|
|
3 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP Dry skin? Try these heading |
| 2868 |
3028 |
a:1:{s:7:"content";s:7415:"<style>
ul.bk_flex_block {
margin: 0;
list-style: none;
}
.bk_flex_block li.cur {
padding: 0;
}
.deal_time_wrap {
position: relative;
width: fit-content;
font-size: 20px;
font-weight: 500;
color: #fff;
background: #000;
padding: 5px;
margin-bottom: -17px;
z-index: 1;
}
@media (max-width: 1200px) {
.deal_time_wrap {
font-size: 2vw;
}
}
@media (max-width: 480px) {
.deal_time_wrap {
font-size: 12px;
margin-bottom: -12px;
}
}
</style>
<div class="bk_daily_deal_block strip_banner" style="display: none;">
<div class="bk_block_container">
<ul class="bk_flex_block daily-deals">
<li class="cur">
<div class="deal_time_wrap">Ends in <span class="deal-time">00:00:00</span></div>
<a href="https://www.kindlife.in/black-rice-serum-30ml/">
<img class="hidden-phone desk" src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1109-strip-wellness-desk.gif" alt="img">
<img class="hidden-tablet hidden-desktop mob" src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1109-strip-wellness-desk.gif" alt="img">
</a>
</li>
</ul>
</div>
</div>
<script>
// List of all deal images
var dealItems = [
{
cur : "https://cdn.kindlife.in/images/banners/home-page-images/HP-1109-strip-wellness-desk.gif",
curM : "https://cdn.kindlife.in/images/banners/home-page-images/HP-1109-strip-wellness-mob.gif"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1209-FormulaRx-desk.gif",
curM : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1209-FormulaRx-mob.gif"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1309-Nutty-Gritties-desk1.gif",
curM : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1309-Nutty-Gritties-mob1.gif"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1409-AUIO-desk.gif",
curM : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1409-AUIO-mob.gif"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1409-Suganda-desk.gif",
curM : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1409-Suganda-mob.gif"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1709-Pure-Nutrition-desk.gif",
curM : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1709-Pure-Nutrition-mob.gif"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1809-Inja-desk.gif",
curM : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1809-Inja-mob.gif"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1909-Ritebite-Max-desk.gif",
curM : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal1909-Ritebite-Max-mob.gif"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal2009-TheWholeTruth-desk.gif",
curM : "https://cdn.kindlife.in/images/banners/home-page-images/HP-deal2009-TheWholeTruth-mob.gif"
}
]
// List of all deal links
var dealLinks = [
{
cur : "https://www.kindlife.in/biotin-beauty-skin-and-hair-gummies-for-hair-growth-bright-skin-and-strong-nails-pack-of-3-each-300-gm/"
},
{
cur : "https://www.kindlife.in/peptide-ceramide-moisturizer-barrier-plus-50g/"
},
{
cur : "https://www.kindlife.in/california-roasted-pistachiospista-lightly-salted-dry-roasted-non-fried-zero-oil-crunchy-healthy-snack-200g-pack-of-2/"
},
{
cur : "https://www.kindlife.in/niacinamide-20-zinc-1-serum"
},
{
cur : "https://www.kindlife.in/advanced-pigmentation-serum-30ml/"
},
{
cur : "https://www.kindlife.in/cold-pressed-raw-virgin-olive-oil-500ml/"
},
{
cur : "https://www.kindlife.in/pro-finest-hydrolyzed-marine-collagen-unflavoured-300gm/"
},
{
cur : "https://www.kindlife.in/ultimate-choco-almond-pack-of-12-1200g/"
},
{
cur : "https://www.kindlife.in/product-12748/"
}
]
// all variables
var curDeal = $(".daily-deals .cur .desk")[0];
var curDealM = $(".daily-deals .cur .mob")[0];
var curlink = $(".daily-deals .cur a")[0];
var index;
var updatedDate;
// function to update image/link according to date
function updateimg(index){
$(".bk_daily_deal_block").show();
$(curDeal).attr("src", dealItems[index].cur);
$(curDealM).attr("src", dealItems[index].curM);
$(curlink).attr("href", dealLinks[index].cur);
}
let dealDate = new Date("Sep 30, 2024 12:00:00").getTime();
// console.log(dealDate/1000);
// function to calculate remaining time
let countDown = setInterval(function() {
let now = new Date().getTime();
let curSec = Math.floor(now/1000);
let distance = dealDate - now;
let days = Math.floor(distance / (1000 * 60 * 60 * 24));
let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
let mins = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
let secs = Math.floor((distance % (1000 * 60)) / 1000);
var formatedTime = ((hours < 10) ? "0" : "") + hours + ":" + ((mins < 10) ? "0" : "") + mins + ":" + ((secs < 10) ? "0" : "") + secs;
document.querySelector(".deal-time").textContent = formatedTime;
// execute updateimg function according to date
// for 11th sep
if(curSec >= 1726036200 && curSec < 1726122600){
updateimg(0);
}
// for 12th sep
if(curSec >= 1726122600 && curSec < 1726209000){
updateimg(1);
}
// for 13th sep
if(curSec >= 1726209000 && curSec < 1726295400){
updateimg(2);
}
// for 14th sep
if(curSec >= 1726295400 && curSec < 1726381800){
updateimg(3);
}
// for 15th sep
if(curSec >= 1726381800 && curSec < 1726468200){
updateimg(4);
}
// for 16th sep (repeat deal of 15th sep)
if(curSec >= 1726468200 && curSec < 1726554600){
updateimg(4);
}
// for 17th sep
if(curSec >= 1726554600 && curSec < 1726641000){
updateimg(5);
}
// for 18th sep
if(curSec >= 1726641000 && curSec < 1726727400){
updateimg(6);
}
// for 19th sep
if(curSec >= 1726727400 && curSec < 1726813800){
updateimg(7);
}
// for 20th sep
if(curSec >= 1726813800 && curSec < 1726900200){
updateimg(8);
}
// for 21th sep (repeat auio deal of 14th sep)
if(curSec >= 1726900200 && curSec < 1726986600){
updateimg(3);
}
if(now > dealDate){
clearInterval(countDown);
$(".bk_daily_deal_block").hide();
}
}, 1000);
</script>";} |
0 |
|
|
10840 |
|
|
3 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP deal of the day timer |
| 7377 |
3456 |
a:1:{s:7:"content";s:3459:"<style>
.bk_ticker_block.fullmoon {
background-color: #f77f00;
display: flex;
margin: 40px 0 0;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
.bk_homepage-ticker {
padding: 0.3rem 1rem;
overflow: hidden;
white-space: nowrap;
position: relative;
}
.bk_homepage-ticker__content {
display: inline-flex;
white-space: nowrap;
animation: marquee 30s linear infinite;
will-change: transform;
}
.bk_homepage-ticker__list {
display: inline-flex;
margin: 0 !important;
padding: 0;
}
.bk_homepage-ticker__item {
display: inline-flex;
align-items: center;
}
.bk_homepage-ticker__item span {
display: inline-block;
/* color: #fff; */
color: #1a1a2e;
font-weight: 500;
margin: 0 10px;
font-size: 16px;
}
.bk_homepage-ticker__item .code {
background-color: #fff;
border-radius: 5px;
color: #fff;
padding: 0 5px;
margin: 0 4px 0 0;
}
#bk_homepage-ticker__content_1-0:hover {
animation-play-state: paused;
}
/* .bk_homepage-ticker__item:after {
display: inline-block;
content: "✦";
margin: 0 1rem;
color: #fff;
} */
.bk_homepage-ticker__item a {
color: #fff;
border-radius: 22px;
line-height: 28px;
display: inline-block;
padding: 0 10px;
margin: 0;
}
.bk_homepage-ticker__item a:hover {
text-decoration: underline !important;
}
/* Seamless marquee animation */
@keyframes marquee {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
/* move by half, since content is duplicated */
}
}
/* Mobile adjustments */
@media (max-width: 767px) {
.bk_ticker_block.fullmoon {
margin-top: 20px;
}
.bk_homepage-ticker__item:after {
margin: 0 0.7rem;
}
.bk_homepage-ticker__item span {
font-size: 14px;
}
.bk_homepage-ticker__item a {
line-height: 26px;
padding: 0 8px;
margin: 0 0.4rem;
font-size: 12px;
}
}
</style>
<div class="bk_ticker_block fullmoon" style="display:none;">
<div class="bk_homepage-ticker">
<div id="bk_homepage-ticker__content_1-0" class="bk_homepage-ticker__content">
<ul class="bk_homepage-ticker__list">
<li class="bk_homepage-ticker__item ">
<span class="bk_link__wrapper"> Use KIND10 for 10% off on ₹1,799+ </span>
</li>
<li class="heart heart-green"></li>
<li class="bk_homepage-ticker__item">
<span>Valid on selected brands </span>
</li>
<li class="heart heart-blue"></li>
<li class="bk_homepage-ticker__item">
<span>Use KIND10 for 10% off on ₹1,799+</span>
</li>
</ul>
<ul class="bk_homepage-ticker__list">
<li class="heart heart-green"></li>
<li class="bk_homepage-ticker__item">
<span>Valid on selected brands </span>
</li>
<li class="heart heart-blue"></li>
<li class="bk_homepage-ticker__item">
<span>Use KIND10 for 10% off on ₹1,799+</span>
</li>
</ul>
<ul class="bk_homepage-ticker__list">
<li class="heart heart-green"></li>
<li class="bk_homepage-ticker__item">
<span>Valid on selected brands </span>
</li>
<li class="heart heart-blue"></li>
<li class="bk_homepage-ticker__item">
<span>Use KIND10 for 10% off on ₹1,799+</span>
</li>
</ul>
</div>
</div>
</div>";} |
0 |
|
|
13911 |
|
|
3 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Full moon - Glow10 ticker |
| 5524 |
3798 |
a:1:{s:7:"content";s:9457:"<!-- SWIPER CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<div class="ngs-mobile-wrap">
<div class="bk_block_heading">
<h2>THE BESTSELLER TERMINAL</h2>
</div>
<!-- SWIPER -->
<div class="swiper ngs-swiper">
<div class="swiper-wrapper">
<!-- CARD 1 -->
<div class="swiper-slide">
<div class="ngs-card">
<h3 class="ngs-title">Serums</h3>
<div class="ngs-collage ngs-serum-grid">
<a class="ngs-box" href="https://www.kindlife.in/white-truffle-first-spray-serum-100ml-en-2/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-serums-dalba.webp"
alt="Serum">
</a>
<a class="ngs-box" href="https://www.kindlife.in/pdrn-100-essence-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-serums-vt.webp"
alt="Serum">
</a>
<a class="ngs-box"
href="https://www.kindlife.in/skin1004-madagascar-centella-tone-brightening-capsule-ampoule-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-serums-skin1004.webp"
alt="Serum">
</a>
<a class="ngs-box"
href="https://www.kindlife.in/dark-spot-correcting-glow-serum-5-niacinamide-acne-marks-pigmentation-and-uneven-tone-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-serums-axis-y.webp"
alt="Serum">
</a>
</div>
</div>
</div>
<!-- CARD 2 -->
<div class="swiper-slide">
<div class="ngs-card">
<h3 class="ngs-title">Moisturisers</h3>
<div class="ngs-collage ngs-moist-grid">
<a class="ngs-box"
href="https://www.kindlife.in/madagascar-centella-tone-brightening-capsule-cream-75ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-moisturisers-skin1004.webp"
alt="">
</a>
<a class="ngs-box" href="https://www.kindlife.in/dive-in-cream-80ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-moisturisers-torriden.webp"
alt="">
</a>
<a class="ngs-box" href="https://www.kindlife.in/balancium-comfort-ceramide-cream-80gm/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-moisturisers-cosrx.webp"
alt="">
</a>
<a class="ngs-box" href="https://www.kindlife.in/product-69361/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-moisturisers-vt.webp"
alt="">
</a>
</div>
</div>
</div>
<!-- CARD 3 -->
<div class="swiper-slide">
<div class="ngs-card">
<h3 class="ngs-title">Toners</h3>
<div class="ngs-collage ngs-toner-grid">
<a class="ngs-box" href="https://www.kindlife.in/aha-bha-clarifying-treatment-toner-150ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-toner-cosrx.webp"
alt="">
</a>
<a class="ngs-box" href="https://www.kindlife.in/glow-replenishing-rice-milk/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-toner-boj.webp"
alt="">
</a>
<a class="ngs-box" href="https://www.kindlife.in/torriden-dive-in-toner-300ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-toner-torridon.webp"
alt="">
</a>
<a class="ngs-box" href="https://www.kindlife.in/age-r-glutathione-glow-toner-140ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-toner-medicube.webp"
alt="">
</a>
</div>
</div>
</div>
<!-- CARD 4 -->
<div class="swiper-slide">
<div class="ngs-card">
<h3 class="ngs-title">Sunscreens</h3>
<div class="ngs-collage ngs-sunscreen-grid">
<a class="ngs-box" href="https://www.kindlife.in/uv-aqua-rich-watery-essence-sunscreen-spf-50-pa-50gm/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-sunscreen-biore.webp"
alt="">
</a>
<a class="ngs-box" href="https://www.kindlife.in/skin1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-sunscreen-skin1004.webp"
alt="">
</a>
<a class="ngs-box" href="https://www.kindlife.in/matte-sun-stick-18gm/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-sunscreen-bo.webp"
alt="">
</a>
<a class="ngs-box" href="https://www.kindlife.in/anthelios-sunscreen-uvmune400-oil-control-gel-cream-spf50pa-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-bestseller-sunscreen-la-roshey.webp"
alt="">
</a>
</div>
</div>
</div>
</div>
<!-- PAGINATION -->
<div class="swiper-pagination"></div>
</div>
</div>
<style>
h3.ngs-title {
margin: 0px 0 5px;
}
.ngs-main-heading {
font-size: 20px;
font-weight: 600;
text-align: center;
margin-bottom: 18px;
letter-spacing: .5px;
}
.ngs-swiper {
padding-bottom: 30px;
}
.ngs-card {
padding: 0;
}
.ngs-title {
font-size: 15px;
font-weight: 500;
text-align: center;
margin-bottom: 10px;
color: #444;
}
/* =========================
SAME ZIGZAG CSS STRUCTURE
AS YOUR ORIGINAL CODE
========================= */
.ngs-collage {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
/* Images */
.ngs-box img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Row 1 */
.ngs-serum-grid .ngs-box:nth-child(1),
.ngs-moist-grid .ngs-box:nth-child(1),
.ngs-toner-grid .ngs-box:nth-child(1),
.ngs-sunscreen-grid .ngs-box:nth-child(1) {
grid-column: 1;
grid-row: 1 / span 2;
}
.ngs-serum-grid .ngs-box:nth-child(2),
.ngs-moist-grid .ngs-box:nth-child(2),
.ngs-toner-grid .ngs-box:nth-child(2),
.ngs-sunscreen-grid .ngs-box:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
/* Row 2 */
.ngs-serum-grid .ngs-box:nth-child(3),
.ngs-moist-grid .ngs-box:nth-child(3),
.ngs-toner-grid .ngs-box:nth-child(3),
.ngs-sunscreen-grid .ngs-box:nth-child(3) {
grid-column: 1;
grid-row: 3;
}
.ngs-serum-grid .ngs-box:nth-child(4),
.ngs-moist-grid .ngs-box:nth-child(4),
.ngs-toner-grid .ngs-box:nth-child(4),
.ngs-sunscreen-grid .ngs-box:nth-child(4) {
grid-column: 2;
grid-row: 2 / span 2;
}
/* PAGINATION */
.ngs-swiper .swiper-pagination {
bottom: 0 !important;
}
.ngs-swiper .swiper-pagination-bullet {
width: 7px;
height: 7px;
background: #999;
opacity: .5;
}
.ngs-swiper .swiper-pagination-bullet-active {
background: #000;
opacity: 1;
}
/* DESKTOP HIDE */
@media(min-width:768px) {
.ngs-mobile-wrap {
display: none;
}
}
</style>
<!-- SWIPER JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
const ngsSwiper = new Swiper(".ngs-swiper", {
slidesPerView: 1,
spaceBetween: 12,
loop: true,
autoplay: {
delay: 4500,
disableOnInteraction: false,
},
pagination: {
el: ".ngs-swiper .swiper-pagination",
clickable: true,
},
});
</script>";} |
0 |
|
|
13162 |
|
hidden-tablet hidden-desktop |
3 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
beauty talk - INTENSE HYDRATION FOR COLD WEATHER (title) |
| 7066 |
3851 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:29:"65946,65959,65950,65962,65927";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13280 |
|
bk_toggle_pids pid_carousal_4 |
3 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Girls girl la girl pids |
| 7118 |
3897 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:41:"35983,35963,35994,35990,35999,66790,35966";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13342 |
|
bk_toggle_pids pid_carousal_4 |
3 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP derma brands bioderma pids |
| 6965 |
3971 |
a:1:{s:7:"content";s:65:" <div class="bk_block_heading">
<h2>Get the Look</h2>
</div>";} |
0 |
|
|
13543 |
|
|
3 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP - WORTH ALL THE HYPE - heading |
| 6890 |
3972 |
a:1:{s:7:"content";s:1480:"<ul class="bk_grid_block bk_new_grid-lg scroll staple-kbeauty">
<li>
<div class="card">
<a href="https://www.kindlife.in/rovectin/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-rovectin.webp"></a>
<div class="protein-desc">
<p>Rovectin</p>
<span>20% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/cerave/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-cerave.webp">
</a>
<div class="protein-desc">
<p>Cerave </p>
<span>Up to 25% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/novology/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-novology.webp">
</a>
<div class="protein-desc">
<p>Novology</p>
<span> 10% off</span>
</div>
</li>
<li> <a href="https://www.kindlife.in/brinton/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-brinton.webp"></a>
<div class="protein-desc">
<p>Brinton</p>
<span>10% off</span>
</div>
</li>
<li> <a href="https://www.kindlife.in/beyond-beyond/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-beyond.webp"></a>
<div class="protein-desc">
<p>Beyond Beyond</p>
<span>Up to 25% off</span>
</div>
</li>
</ul>";} |
0 |
|
|
14216 |
|
|
3 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP -science backed pids |
| 7550 |
3972 |
a:1:{s:7:"content";s:1480:"<ul class="bk_grid_block bk_new_grid-lg scroll staple-kbeauty">
<li>
<div class="card">
<a href="https://www.kindlife.in/rovectin/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-rovectin.webp"></a>
<div class="protein-desc">
<p>Rovectin</p>
<span>20% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/cerave/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-cerave.webp">
</a>
<div class="protein-desc">
<p>Cerave </p>
<span>Up to 25% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/novology/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-novology.webp">
</a>
<div class="protein-desc">
<p>Novology</p>
<span> 10% off</span>
</div>
</li>
<li> <a href="https://www.kindlife.in/brinton/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-brinton.webp"></a>
<div class="protein-desc">
<p>Brinton</p>
<span>10% off</span>
</div>
</li>
<li> <a href="https://www.kindlife.in/beyond-beyond/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-staples-science-baked-categry-beyond.webp"></a>
<div class="protein-desc">
<p>Beyond Beyond</p>
<span>Up to 25% off</span>
</div>
</li>
</ul>";} |
0 |
|
|
13544 |
|
bk_toggle_pids pid_carousal_4 |
3 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP -science backed pids |
| 7370 |
4101 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:41:"63942,63912,38088,63922,63944,63914,63910";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13880 |
|
bk_toggle_pids pid_carousal_4 |
3 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"200";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
hp-V-DAY FRUDIA PIDS |
| 7359 |
4152 |
a:1:{s:7:"content";s:5285:"<!-- Swiper CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<style>
/* isolate this entire block */
.kind-strip-swiper {
padding: 0 20px;
overflow: hidden;
margin: 7px auto 0;
}
.kind-strip-swiper .swiper {
width: 100%;
}
.kind-strip-swiper .swiper-slide {
flex-shrink: 0;
}
.kind-strip-swiper .swiper-slide img {
display: block;
width: 100%;
border-radius: 10px;
}
/* Mobile – hide previous completely */
@media (max-width: 767px) {
.kind-strip-swiper .swiper-wrapper {
padding-left: 0 !important;
}
}
</style>
<div class="bk_block_heading">
<h2>FESTIVAL WELLNESS EDIT</h2>
<!-- <p>Up to 50% off. <a href="https://www.kindlife.in/the-glow-code/">View more</a></p> -->
</div>
<div class="swiper kind-strip-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="https://www.kindlife.in/cosmix/">
<img style="border-radius: 5px;"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1602-hb-supplements-cosmix-holi1.webp"
alt="cosmix banner" width="250" height="250" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/dr.-morepen/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1602-hb-supplements-morepen-holi1.webp" alt="dr.-morepen banner" width="250" height="250" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/setu/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1602-hb-supplements-setu-holi1.webp" alt="setu banner" width="250" height="250" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/wishnew-wellness/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1602-hb-supplements-wishnew-holi1.webp" alt="wishnew-wellness banner" width="250" height="250" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="http://kindlife.in/dr.-su/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1602-hb-supplements-dr-su-holi1.webp" alt="dr.-su banner" width="250" height="250" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/inja-wellness/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1602-hb-supplements-inja-holi1.webp"
alt="inja-wellness banner" width="250" height="250" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/himalayan-organics-en/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1602-hb-supplements-organics-holi1.webp" alt="himalayan-organics-en banner" width="250" height="250" loading="lazy">
</a>
</div>
</div>
</div>
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const kindSwiperEl = document.querySelector(".kind-strip-swiper");
if (!kindSwiperEl) return;
const slideCount = kindSwiperEl.querySelectorAll(".swiper-slide").length;
const kindSwiper = new Swiper(kindSwiperEl, {
slidesPerView: 1.5, // 1 banner + 40% next
centeredSlides: false, // prevents showing previous
spaceBetween: 15,
loop: slideCount > 1,
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
breakpoints: {
768: {
slidesPerView: slideCount >= 4 ? 3.3 : slideCount,
centeredSlides: false,
spaceBetween: 30,
}
}
});
});
</script>";} |
0 |
|
|
13902 |
|
|
3 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP SUPPLEMENTS TO KEEP YOU GLOWING holi |
| 7443 |
4153 |
a:1:{s:7:"content";s:3377:"<style>
.skincare-essentials-block {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none;
gap: 10px;
}
.skincare-card a {
position: relative;
}
.skincare-vertical-text {
position: absolute;
inset: 0;
width: 88%;
height: 100%;
transform: rotate(-90deg);
font-size: 18px;
font-style: italic;
font-weight: 500;
color: #222;
letter-spacing: 1px;
white-space: nowrap;
}
.skincare-img {
width: 100%;
padding-left: 20px;
}
@media (max-width: 991px) {
.skincare-card {
flex: 0 0 22%;
}
}
@media (max-width: 767px) {
.skincare-essentials-block {
display: grid;
grid-template-columns: repeat(4, minmax(150px, 1fr));
}
.skincare-vertical-text {
font-size: 16px;
}
.skincare-discount {
font-size: 14px;
}
}
</style>
<div class="bk_block_heading">
<!-- <h2>DEWY SKIN ESSENTIALS</h2> -->
<h2>SEOUL GLOW TARGETS</h2>
</div>
<div class="skincare-essentials-block">
<div class="skincare-card">
<a href="https://www.kindlife.in/the-face-shop/">
<span class="skincare-vertical-text face-shop">The Face Shop</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-faceshop.webp">
</a>
<p class="skincare-discount"> Save Up to 25% </p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/iunik/">
<span class="skincare-vertical-text iunik">Iunik</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-iunik.webp">
</a>
<p class="skincare-discount">Save 25% </p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/neaf-neaf/">
<span class="skincare-vertical-text neaf">Neaf Neaf</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/cHP-0704-dewy-essential-neaf.webp">
</a>
<p class="skincare-discount">Save 45% </p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/frudia/">
<span class="skincare-vertical-text frudia">Frudia</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-frudia.webp">
</a>
<p class="skincare-discount">Save 40% </p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/ssunsu/">
<span class="skincare-vertical-text">Ssunsu</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-ssunsu.webp">
</a>
<p class="skincare-discount"> Save 30% </p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/essenpick/">
<span class="skincare-vertical-text">Essenpick</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-essenpick.webp">
</a>
<p class="skincare-discount"> Save 30% </p>
</div>
<div class="skincare-card">
<a href="https://www.kindlife.in/dr.-ceuracle/">
<span class="skincare-vertical-text">Dr. ceuracle</span>
<img class="skincare-img"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-dewy-essential-cerucale.webp">
</a>
<p class="skincare-discount">Save 30%</p>
</div>
</div>";} |
0 |
|
|
13903 |
|
hidden-tablet hidden-desktop |
3 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP SEOUL GLOW TARGETS |
| 7389 |
4286 |
a:1:{s:7:"content";s:5284:"<div class="bk_block_heading">
<h2>Your “Chok Chok” Era</h2>
<p>Hydration in hyperdrive</p>
</div>
<div class="swiper summer-chok">
<div class="swiper-wrapper chok-chok-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/holy-hyssop-serum-12-hydrating-soothing-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-chok.webp">
</a>
<p>Deep drench</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/pdrn-100-essence-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-chok.webp">
</a>
<p>Plump, glassy glow</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/skin-glow-essence-cream-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-chok.webp">
</a>
<p>Hydration locked</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/dive-in-cream-80ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-chok.webp">
</a>
<p>Weightless hydration</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/rice-toner-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-chok.webp">
</a>
<p>Rice magic</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/carrot-carotene-relief-cream/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-chok.webp">
</a>
<p>Barrier Calm</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/maple-energy-infusing-serum-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-chok.webp">
</a>
<p>Radiant plumpness</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/birch-juice-moisturizing-serum50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-chok.webp">
</a>
<p>Dewy hydration</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/ultra-hyaluronic-cream-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-chok.webp">
</a>
<p>Supple bounce</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/hyaluron-shot-hydration-ampoule-30ml">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-chok.webp">
</a>
<p>Glass skin shot</p>
</div>
</div>
</div>
<!-- Navigation -->
<!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
<div class="summer-chok-pagination"></div>
</div>
<style>
.summer-chok {
margin: 0 auto;
max-width: 1200px;
overflow: hidden;
padding: 0 30px !important;
}
.summer-chok-item {
display: flex;
flex-flow: column;
align-items: center;
transform: scale(0.7);
opacity: 0.5;
filter: grayscale(100%);
transition: all 0.3s ease;
}
.summer-chok-item img {
display: block;
}
.summer-chok-item p {
font-size: 16px;
margin: 6px 0 0;
}
.swiper-slide-active .summer-chok-item {
transform: scale(1);
opacity: 1;
filter: grayscale(0%);
}
.swiper-slide-active .summer-chok-item p {
color: #000;
font-weight: 600;
padding:0px;
}
.swiper-slide-prev .summer-chok-item,
.swiper-slide-next .summer-chok-item {
transform: scale(0.85);
opacity: 0.8;
filter: grayscale(60%);
}
.summer-chok-pagination {
text-align: center;
}
.summer-chok-pagination .swiper-pagination-bullet-active {
background: #000;
}
@media (max-width: 767px) {
/* .swiper-slide-active .summer-chok-item {
transform: scale(0.85);
}
.swiper-slide-prev .summer-chok-item,
.swiper-slide-next .summer-chok-item {
transform: scale(0.7);
}
.swiper-wrapper.chok-chok-wrapper {
margin-top: -25px;
margin-bottom: -25px;
}*/
.summer-chok-item p {
font-size: 14px;
}
}
</style>
<script>
const summerChokSwiper = new Swiper(".summer-chok", {
slidesPerView: 4.5,
spaceBetween: 0,
centeredSlides: true,
loop: true,
grabCursor: true,
autoplay: {
delay: 3000,
disableOnInteraction: false,
pauseOnMouseEnter: true,
},
// navigation: {
// nextEl: ".swiper-button-next",
// prevEl: ".swiper-button-prev",
// },
breakpoints: {
0: {
slidesPerView: 2
},
480: {
slidesPerView: 3
},
768: {
slidesPerView: 4
},
991: {
slidesPerView: 4.5
}
},
pagination: {
el: ".summer-chok-pagination",
clickable: true,
},
// observer: true,
// observeParents: true,
// watchSlidesProgress: true,
// loopAdditionalSlides: 5,
// loopFillGroupWithBlank: true,
});
</script>
";} |
0 |
|
|
14091 |
|
|
3 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP chok sample |
| 7063 |
4290 |
a:1:{s:7:"content";s:5110:"
<div class="bk_blog-banner">
<div class="bk_blog-banner__video">
<video class="lazy-video" autoplay muted loop playsinline webkit-playsinline preload="none">
<source src="https://cdn.kindlife.in/images/banners/hp-images/HP-pdrn-video2407a.mp4" type="video/mp4">
</video>
</div>
<div class="bk_blog-banner__content">
<h2>The rise of PDRN</h2>
<p> First came hydration with hyaluronic acid,<br> then brightening with niacinamide,<br> and plumping with collagen.</p>
<p> Now Korean skincare has shifted <br> focus once again.</p>
<a href="https://www.kindlife.in/the-ingredient-report" class="bk_blog-banner__link"> Watch</a>
</div>
</div>
{* <div class="bk_blog-cards">
<div class="bk_blog-cardItem">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-blog1707-img1.webp">
<h4>The Hydration Ingredient Quietly Outperforming Hyaluronic Acid</h4>
<p>Dry skin? Discover why dermatologists love this new ingredient.</p>
<a href="https://www.kindlife.in/ingredient-spotlight">READ THE STORY</a>
</div>
<div class="bk_blog-cardItem">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-blog1707-img2.webp">
<h4>The Eye Cream Tired Under-Eyes Deserve</h4>
<p>A lightweight eye cream with visible results.</p>
<a href="https://www.kindlife.in/eyecare-upgrade/">READ THE STORY</a>
</div>
<div class="bk_blog-cardItem">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-blog1707-img3.webp">
<h4>Scalp Care is Officially the New Skincare</h4>
<p>Healthy hair begins with a healthy scalp.</p>
<a href="https://www.kindlife.in/scalp-care-101/">READ THE STORY</a>
</div>
<div class="bk_blog-cardItem">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-blog1707-img4.webp">
<h4>Dewy Skin Isn't a Finish Anymore</h4>
<p>Explore skincare routines for naturally glowing skin.</p>
<a href="https://www.kindlife.in/new-and-noteworthy/">EXPLORE THE RANGE</a>
</div>
<div class="bk_blog-cardItem">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-blog1707-img5.webp">
<h4>The Sunscreen Everyone Loves</h4>
<p>Lightweight UV protection you'll actually enjoy wearing.</p>
<a href="https://www.kindlife.in/sunscreen-edit/">DISCOVER WHY</a>
</div>
</div> *}
<style>
.bk_blog-banner{
position: relative;
margin: 30px 0 20px;
display: flex;
}
.bk_blog-banner__video {
flex: 0 0 min(350px,40%);
display: flex;
}
.bk_blog-banner__video video {
max-width: 100%;
width: 100%;
}
.bk_blog-banner__content{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
padding: 0 5%;
overflow: hidden;
text-align: center;
flex: 1;
background: linear-gradient(250deg, #cdcacc, #f9f9f9);
}
.bk_blog-banner__content h2{
font-size:42px;
line-height:1.1;
font-weight:400;
margin: 0 0 10px;
font-family: "Cormorant Garamond", serif;
}
.bk_blog-banner__content em{
font-style:italic;
font-family: inherit;
}
.bk_blog-banner__content p{
color:#555;
line-height:1.4;
font-size:16px;
padding: 5px;
max-width: 500px;
}
.bk_blog-banner__content p br{
display: none;
}
.bk_blog-banner__link{
display:inline-block;
background:#111;
color:#fff;
padding: 8px 16px;
text-transform:uppercase;
font-size: 12px;
letter-spacing:1px;
width:fit-content;
margin-top: 10px;
}
.bk_blog-banner__link:hover{
color: #fff;
opacity: 0.9;
}
/* .bk_blog-cards{
display:grid;
grid-template-columns:repeat(5,minmax(250px,1fr));
padding: 10px 0;
gap: 10px;
overflow: auto;
scrollbar-width: none;
}
.bk_blog-cardItem{
display: flex;
flex-flow: column;
}
.bk_blog-cardItem img{
width:100%;
aspect-ratio:1;
object-fit:cover;
margin-bottom:15px;
}
.bk_blog-cardItem h4{
font-size:18px;
font-weight:600;
line-height:1.3;
margin:0;
font-family: "Cormorant Garamond", serif;
}
.bk_blog-cardItem p{
font-size:14px;
color:#666;
line-height:1.4;
margin-bottom:6px;
}
.bk_blog-cardItem a{
color:#F7725C;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
margin-top: auto;
}
.bk_blog-cardItem:hover a{
text-decoration: underline !important;
} */
/* Mobile */
@media (max-width:767px){
.bk_blog-banner {
margin: 20px 0 10px;
flex-flow: column;
}
.bk_blog-banner__content {
width: 100%;
padding: 20px 10px;
}
.bk_blog-banner__content h2 {
font-size: 5vw;
}
}
@media (max-width:480px){
.bk_blog-banner__content h2 {
font-size: 6vw;
}
}
</style>";} |
0 |
|
|
14098 |
|
|
3 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP - pdrn video block |
| 2535 |
171 |
a:1:{s:7:"content";s:416:"<div class="bk-kindlife-logo">
<a href="/index.php" title="online shopping" itemprop="url">
<img class="kiki-main-logo" src="https://cdn.kindlife.in/images/lotti-icons/Kindlife-logo.png" alt="kiki-logo" width="130" height="25">
</a>
</div>
<div class="bk-kindluxe-logo" style="display: none;">
<img src="https://cdn.kindlife.in/images/ui_icon/kindluxe-logo.png" alt="kindluxe logo">
</div>";} |
0 |
|
|
2887 |
|
top-logo |
4 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
en |
Logo_2BK |
| 2538 |
176 |
a:1:{s:7:"content";s:96:"<div>
<a href="wishlist">
<span class="ty-wishlist__icon ty-icon-wishlistxd"></span>
</a>
</div>";} |
0 |
|
|
2891 |
|
top-width_xdwishlist |
4 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
en |
wishlist |
| 2528 |
2166 |
a:1:{s:7:"content";s:5916:"<style>
div .search-typeahead .search-input {
background: #FFFFFF99;
border: 1px solid #EAE9EC;
}
.tygh-header .hamburgur_icon,
.tygh-header .top-logo,
.tygh-header .top-wishlist,
.tygh-header .top-notification,
.tygh-header .ty-dropdown-box,
.tygh-header .top-search,
.tygh-header .bk_backBtn {
position: relative;
line-height: 60px;
height: 60px;
width: 50px;
text-align: center;
padding: 0;
}
.tygh-header .bk_backBtn{
cursor: pointer;
width: 40px;
}
.tygh-header .top-wishlist a,
.tygh-header .top-notification a,
.tygh-header .ty-dropdown-box a,
.tygh-header .top-logo a,
.tygh-header .hamburgur_icon a {
display: block;
padding: 0;
float: none;
}
.tygh-header .top-logo {
width: 130px;
}
.tygh-header .top-logo svg {
vertical-align: middle;
}
.tygh-header .hamburgur_icon a i,
.tygh-header .hamburger-btn i,
.tygh-header .ty-wishlist,
.tygh-header .ty-minicart__icon {
font-size: 24px;
vertical-align: middle;
color: #1b1c1e;
position: static;
display: inline-block;
}
.tygh-header .bk_backBtn img {
width: 22px;
}
.open_search_box {
padding: 0;
width: 100%;
}
.open_search_box button,
.bk_backBtn .go-back-btn,
.tygh-header .hamburger-btn {
background: transparent;
border: 0;
line-height: inherit;
width: 100%;
padding: 0;
}
.open_search_box button img {
width: 24px;
}
.ty-minicart-title {
position: absolute;
width: 18px;
height: 18px;
color: #fff;
font-size: 10px;
font-weight: 600;
line-height: 18px;
text-align: center;
right: 5px;
top: 10px;
background: #F07F87;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
box-sizing: content-box;
border: #fff solid 1px;
}
.ty-search-block_1 form {
position: relative;
margin: 0 10px 0;
height: auto;
line-height: 60px;
}
button.ty-icon-magnifiercartxdnew {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
border: none;
background: url('../../../../../../../../design/themes/new_2bk/media/images/banners/home-page/magnifier_icon1.png?1678953024') no-repeat;
background-size: 18px 18px;
opacity: 50%;
}
.ty-search-block_1 form input.ty-search-block__input {
display: inline-block;
padding: 7px 30px 7px 10px;
width: 100%;
height: 40px;
border: none;
border-radius: 30px;
background-color: rgba(237,242,248,0.45);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.ty-search-block__input:focus {
background-color: #fcfcfc;
}
.bk_overlay-search_cat {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 100;
}
.tygh-header .bk_backBtn1 {
line-height: 40px;
height: 40px;
min-width: 40px;
text-align: center;
position: relative;
margin: 0;
padding: 0;
}
.tygh-header .bk_backBtn1 img {
width: 22px;
cursor: pointer;
}
.tygh-header .ty-search-block_category_bk form.search-form {
position: static;
}
.ty-search-block_category_bk .ca-search-results {
border-radius: 0;
}
input.ty-search-block__input_category_bk {
padding: 10px 30px 10px 15px !important;
flex: 1;
height: 48px !important;
border: 1px solid #EFEAFB !important;
border-radius: 22px !important;
background-color: #F6F9FF !important;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
input.ty-search-block__input_category_bk:focus {
border-color: #ccc;
}
span.search_textDelete {
position: absolute;
right: 15px;
top: 50%;
margin-top: -6px;
display: none;
cursor: pointer;
}
div.ty-search-block_1 {
margin: 0;
padding: 0;
border: 0;
width: 100%;
}
div.ty-dropdown-box__title {
padding: 0;
border: 0;
position: static;
display: block;
}
div .ca-product-title {
margin: 0;
}
div .ca-product-brand {
font-size: 13px;
}
.ca-product-price {
font-weight: 500;
}
@media (max-width: 766px){
.top-cart {
padding-right: 0px;
}
.tygh-header .top-logo {
width: 116px;
}
}
@media (max-width: 480px){
.tygh-header .hamburgur_icon,
.tygh-header .top-wishlist,
.tygh-header .top-notification,
.tygh-header .ty-dropdown-box,
.tygh-header .top-search,
.tygh-header .bk_backBtn {
width: 40px;
line-height: 50px;
height: 50px;
}
.tygh-header .top-logo,
.ty-search-block_1 form {
line-height: 50px;
height: 50px;
}
.ca-product-item {
grid-template-columns: 50px 1fr;
}
}
.banners .owl-controls {
position: absolute;
bottom: 0;
margin: 0;
width: 100%;
}
.banners.owl-carousel .owl-wrapper-outer {
border-radius: 10px;
}
.banners.owl-carousel .owl-item {
padding: 0;
}
.owl-controls .owl-pagination {
text-align: center;
}
div.owl-theme .owl-controls .owl-page span {
width: 10px;
transition: all 1s;
}
.owl-theme .owl-controls .owl-page.active span {
width: 20px;
}
.owl-carousel:not(.owl-theme):not(.owl-one-theme):not(.owl-more-theme) {
white-space: nowrap;
overflow: hidden;
}
.owl-carousel:not(.owl-theme):not(.owl-one-theme):not(.owl-more-theme) > * {
display: inline-block;
}
</style>";} |
0 |
|
|
9389 |
|
|
4 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
top header icons temp css |
| 2868 |
2521 |
a:1:{s:7:"content";s:1373:"<style>
.deal_time_wrap {
position: absolute;
width: fit-content;
font-size: 20px;
font-weight: 500;
background: #efdff4;
padding: 5px 10px;
z-index: 1;
top: -18px;
left: 50%;
transform: translateX(-50%);
border-radius: 6px;
}
@media (max-width: 1200px) {
.deal_time_wrap {
font-size: 2vw;
}
}
@media (max-width: 480px) {
.deal_time_wrap {
font-size: 14px;
top: -12px;
}
}
</style>
<div class="deal_time_wrap">Ends in <span class="deal-time">00:00:00</span></div>
<script>
let dealDate = new Date("oct 30, 2024 12:00:00").getTime();
// function to calculate remaining time
let countDown = setInterval(function() {
let now = new Date().getTime();
let curSec = Math.floor(now/1000);
let distance = dealDate - now;
let days = Math.floor(distance / (1000 * 60 * 60 * 24));
let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
let mins = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
let secs = Math.floor((distance % (1000 * 60)) / 1000);
var formatedTime = ((hours < 10) ? "0" : "") + hours + ":" + ((mins < 10) ? "0" : "") + mins + ":" + ((secs < 10) ? "0" : "") + secs;
document.querySelector(".deal-time").textContent = formatedTime;
}, 1000);
</script>";} |
0 |
|
|
9915 |
|
|
4 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP new timer clock |
| 1945 |
2876 |
a:1:{s:7:"content";s:9881:"<style>
.com_expert_category_items{
font-size: 11px;
padding: 0px 5px;
line-height: 16px;
}
.com_block_space {
padding: 20px;
}
.com_color_white .bk_mainbox-heading * {
color: #fff;
}
.com_block_container {
display: inline-block;
width: 100%;
}
.com_block_container li,
.bk_mainbox-container li {
padding: 0;
}
.show_only_mob {
display: none;
}
.bk_mainbox-container {
margin-top: 40px;
}
.bk_mainbox-heading {
position: relative;
}
.bk_align_left {
text-align: left;
}
.bk_align_center {
text-align: center;
}
.bk_mainbox-heading .bk_mainbox-title {
margin: 0 auto 10px;
font-size: 28px;
line-height: 1.1;
font-weight: 300;
text-transform: uppercase;
}
.bk_mainbox-sub-title {
font-size: 18px;
padding: 0 0 20px;
font-weight: 500;
line-height: 1.1;
}
.bk_mainbox-link {
position: absolute;
top: 5px;
right: 0;
font-size: 15px;
color: #2dbaa8;
font-weight: 500;
line-height: 20px;
}
.bk_mainbox-link:hover {
color: #2dbaa8;
text-decoration: underline !important;
}
.bk_slider_list > ul {
display: flex;
overflow: auto;
column-gap: 20px;
padding-bottom: 5px;
margin: 0;
list-style: none;
}
.bk_slider_list > ul > li {
flex: 0 0 22%;
padding: 0;
min-width: 180px;
}
.bk_grid_list > ul {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 16px;
}
.bk_reel_top_banner_container img {
border-radius: 18px;
}
/* css for reel-page tabs section start */
ul.bk_reel_tabs_list {
display: flex;
justify-content: center;
list-style: none;
column-gap: 8%;
margin-top: 20px;
}
li.bk_reel_tabs_item a {
line-height: 36px;
display: inline-block;
padding: 0 20px;
border-radius: 17px;
font-size: 16px;
border: 1px solid #EBECEC;
color: #323C4A;
}
li.bk_reel_tabs_item.active a,
li.bk_reel_tabs_item a:hover {
color: #fff;
background: #323C4A;
}
/* css for reel-page tabs section end */
/* css for trending categories setion start */
ul.comm_trend_category_list {
margin: 0;
list-style: none;
display: flex;
justify-content: center;
column-gap: 10px;
overflow: auto;
}
.comm_trend_category_list li {
flex: 0 0 120px;
text-align: center;
}
.comm_trend_category_card figure {
background: #E7FAF8;
border-radius: 20px;
padding: 10px;
margin-bottom: 6px;
}
li.comm_trend_category_card:hover figure {
box-shadow: 0px 2px 6px #00000020;
}
.comm_trend_category_card figure img {
mix-blend-mode: darken;
}
.comm_trend_category_name {
font-size: 16px;
}
/* css for trending categories setion end */
/* css for video setion start */
.bk_comm_video-item {
position: relative;
background: #fff;
border-radius: 14px;
overflow: hidden;
box-shadow: 0px 0px 6px #00000020;
}
button.cp-video-cover__a {
border: 0;
padding: 0;
background: transparent;
width: 100%;
}
span.com_video_category {
position: absolute;
top: 10px;
left: 10px;
background: #0005;
line-height: 24px;
padding: 0 10px;
color: #fff;
border-radius: 17px;
font-size: 11px;
z-index: 1;
}
.com_video_user_desc {
position: relative;
}
.com_video_thumbnail img {
aspect-ratio: 2/3;
object-fit: cover;
width: 100%;
height: 100%;
}
.com_video_user_details {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px 6px 6px;
background: linear-gradient(180deg, #09090900 0%, #111111B1 100%);
}
.com_video_user a {
display: flex;
align-items: center;
column-gap: 6px;
width: fit-content;
}
span.com_video_user_img img {
box-shadow: 0px 3px 6px #00000029;
border: 1px solid #FFFFFF;
border-radius: 50%;
overflow: hidden;
width: 30px;
aspect-ratio: 1;
object-fit: cover;
}
span.com_video_user_name {
color: #fff;
font-size: 13px;
}
.com_video_title {
display: flex;
align-items: center;
justify-content: space-between;
}
.com_video_title h3 {
color: #FFF;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 12px;
font-weight: 500;
margin: 0;
}
span.com_video_playBtn svg {
width: 28px;
height: 28px;
margin-left: 10px;
cursor: pointer;
}
.com_video_product_tag {
display: flex;
padding: 8px;
align-items: center;
column-gap: 8px;
}
.com_video_product_tag_img {
flex: 0 0 50px;
height: 50px;
overflow: hidden;
}
.com_video_product_tag_img {
object-fit: cover;
}
.com_video_product_tag_title {
font-size: 12px;
color: #35B9A8;
line-height: 12px;
padding: 2px 0 0;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
h4.com_video_product_tag_desc {
margin: 2px 0;
font-size: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 16px;
height: 32px;
font-weight: 400;
}
/* css for video setion end */
/* css for creator setion start */
.com_creator_item,
.com_expert_item_wrap {
position: relative;
border-radius: 14px;
overflow: hidden;
aspect-ratio: 7/8;
}
figure.com_creator_thumbnail,
figure.com_expert_thumbnail {
height: 100%;
display: grid;
align-items: center;
justify-content: center;
background: #0003;
}
figure.com_expert_thumbnail {
background: #0003;
}
figure.com_creator_thumbnail img,
figure.com_expert_thumbnail img {
aspect-ratio: 7/8;
object-fit: cover;
width: 100%;
height: 100%;
}
figure img.no-img {
width: auto;
height: auto;
}
.com_creator_desc,
.com_expert_desc {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
background: linear-gradient(181deg, #09090900 0%, #000000D5 100%);
}
h3.com_creator_name,
h3.com_expert_name {
font-size: 18px;
color: #FAF5FD;
font-weight: 600;
line-height: 22px;
margin: 0 0 10px;
}
.com_creator_details,
.com_expert_details {
display: flex;
align-items: center;
justify-content: space-between;
}
.com_creator_activity {
display: flex;
align-items: center;
column-gap: 14px;
}
.com_creator_followBtn span a,
.com_expert_followBtn span a {
font-size: 13px;
font-weight: 500;
color: #fff;
background: #22D1C1;
border: 1px solid #22D1C1;
line-height: 30px;
padding: 0 14px;
border-radius: 6px;
display: inline-block;
cursor: pointer;
margin-left: 5px;
}
.com_creator_activity div {
color: #FAF5FD;
font-size: 11px;
display: flex;
align-items: center;
column-gap: 4px;
}
/* css for creator setion end */
/* css for expert setion start */
.com_expert_item {
padding: 3px;
border-radius: 20px;
background: linear-gradient(140deg, #EF7BB7 0%, #EBDFEB 38%, #FD7778 71%, #2AB6AC 100%);
}
.com_expert_item_wrap {
border-radius: 20px;
}
.com_expert_category {
margin-bottom: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
}
.com_expert_category_items {
/* background: linear-gradient(107deg, #ef7bb791 0%, #ebdfec9e 38%, #fd7778a8 71%, #2ab6acb3 100%); */
background: #0006;
display: inline-block;
border-radius: 4px;
padding: 0 5px;
line-height: 16px;
color: #fff;
font-size: 12px;
}
span.com_expert_category_icon {
padding: 0 2px;
display: none;
}
/* css for expert setion end */
/* css for hashtag block start */
.comm_trend_hashtag_block h2 {
color: #2DBAA8;
}
.comm_trend_hashtags_list {
display: flex;
flex-wrap: wrap;
gap: 7px;
}
.comm_trend_hashtag_item {
background-color: #E7FAF8;
border-radius: 7px;
padding: 0 10px;
line-height: 32px;
font-size: 14px;
}
/* css for hashtag block end */
@media (max-width: 991px) {
.com_creator_desc,
.com_expert_desc {
padding: 5px 5px 10px;
}
h3.com_creator_name,
h3.com_expert_name {
font-size: 15px;
line-height: 20px;
margin: 0 0 6px;
}
.com_creator_followBtn span a,
.com_expert_followBtn span a {
font-size: 11px;
line-height: 24px;
padding: 0 10px;
}
.com_expert_content {
font-size: 10px;
line-height: 14px;
}
.com_expert_category {
white-space: normal;
margin-bottom: 2px;
line-height: 18px;
padding: 0px;
font-size: 10px;
}
}
@media (max-width: 767px) {
.bk_mainbox-container {
margin-top: 30px;
}
.bk_mainbox-heading .bk_mainbox-title {
font-size: 20px;
margin: 0 auto 5px;
}
.bk_mainbox-sub-title {
font-size: 16px;
padding: 0 0 15px;
}
ul.bk_reel_tabs_list {
margin-top: 10px;
}
.com_block_space {
padding-block: 10px;
}
.bk_shadow {
box-shadow: 0px -1px 5px #00000029;
padding-block: 10px;
}
ul.comm_trend_category_list {
justify-content: start;
}
.comm_trend_category_list li {
flex: 0 0 90px;
}
.comm_trend_category_name {
font-size: 14px;
}
}
@media (max-width: 600px) {
.bk_grid_list > ul {
grid-template-columns: repeat(2,1fr);
}
}
@media (max-width: 480px) {
.show_only_mob {
display: block;
}
.show_only_desk {
display: none;
}
.bk_slider_list > ul,
.bk_grid_list > ul {
gap: 10px;
}
li.bk_reel_tabs_item a {
line-height: 34px;
padding: 0 14px;
font-weight: 400;
font-size: 14px;
}
.comm_trend_hashtag_item {
line-height: 28px;
font-size: 12px;
}
}
</style>";} |
0 |
|
|
10898 |
|
|
4 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Community page - reel css |
| 7057 |
3057 |
a:1:{s:7:"content";s:4932:"<style>
.etude-wrap .carousel-card img {
max-height: 150px;
cursor: pointer;
object-fit: contain;
}
.etude-wrap .carousel-card {
flex: 0 0 18%;
}
@media (max-width: 600px) {
.etude-wrap .carousel-card {
flex: 1;
min-width: 90px;
}
.etude-wrap .carousel-card img {
max-height: 99px;
}
}
</style>
<style>
.bk_prod_desc p {
padding: 0px;
font-size: 14px;
}
.carousel-container1 img.active-img {
filter: none;
opacity: 1;
transition: all 0.3s ease;
}
.carousel-container1 img.inactive-img {
filter: contrast(0.8);
opacity: 0.6;
transition: all 0.3s ease;
}
.carousel-container1 {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
justify-content: space-between;
}
.rizz-wrap .carousel-card {
flex: 0 0 18%;
}
.rizz-wrap .carousel-card img {
max-height: 150px;
cursor: pointer;
object-fit: contain;
}
@media(max-width:600px) {
.bk_prod_desc p {
padding: 0px;
font-size: 11px;
}
.rizz-wrap .carousel-card {
flex: 1;
min-width: 90px;
}
.add-mrgin {
margin-top: 15px;
}
}
</style>
<div class="bk_block_heading">
<h2>ETUDE FAVES</h2>
</div>
<section class="carousel-block" style="margin-bottom: 5px;">
<button class="carousel-pre-btn"><span class="ty-icon ty-icon-left-open-thin"></span></button>
<button class="carousel-nxt-btn"><span class="ty-icon ty-icon-right-open-thin"></span></button>
<div class="carousel-container1 card_1x4_scroll etude-wrap">
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_1">
<div class="carousel-image">
<img class="active-img"
src="https://cdn.kindlife.in/images/banners/hp-images/dev-2309-lip-marker2.png"
alt="img" width="400" height="120" loading="lazy">
</div>
<div class="bk_prod_desc">
<p>Dear Darling Water Tints</p>
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_2">
<div class="carousel-image">
<img class="inactive-img"
src="https://cdn.kindlife.in/images/banners/hp-images/dev-2309-fixer.png"
alt="img" width="400" height="120" loading="lazy">
</div>
<div class="bk_prod_desc">
<p> Dear Darling Fixing Tint </p>
</div>
</div>
<div class="carousel-card bk_toggle_circle_five" id="pid_carousal_3">
<div class="carousel-image">
<img class="inactive-img"
src="https://cdn.kindlife.in/images/banners/hp-images/dev-2309-tint.png">
</div>
<div class="bk_prod_desc">
<p>Dear Darling Water Gel Tints</p>
</div>
</div>
</section>
<script>
$(document).ready(function () {
// Initially show only pid_carousal_1 content
$('.pid_carousal_1').css('display', 'block');
$(".bk_toggle_circle_five").click(function () {
// Image highlight toggle
$(".bk_toggle_circle_five img").removeClass("active-img").addClass("inactive-img");
$(this).find("img").removeClass("inactive-img").addClass("active-img");
// Optional: card active class
$(this).addClass("active").siblings().removeClass("active");
// Content toggle logic
const blockId = $(this).attr('id'); // e.g., 'pid_carousal_1'
$(this).parents(".bk_toggle_container").find('.bk_toggle_pids, .bk_cat-toggle_more-link').hide();
$(this).parents(".bk_toggle_container").find('.' + blockId).show();
});
});
</script>";} |
0 |
|
|
10888 |
|
|
4 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP ETUDE FAVES |
| 7300 |
3537 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:61:"70134,8243,27892,69905,4700,65504,35338,7659,4717,27896,65833";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13778 |
|
bk_toggle_pids pid_carousal_4 |
4 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Protein bar pids |
| 7063 |
3670 |
a:1:{s:7:"content";s:3250:"<style>
.bk_ticker_block {
background-color: #79d0c5;
display: flex;
margin: 20px 0;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
.bk_homepage-ticker {
padding: 0.3rem 1rem;
overflow: hidden;
white-space: nowrap;
position: relative;
}
.bk_homepage-ticker__content {
display: inline-flex;
white-space: nowrap;
animation: marquee 30s linear infinite;
}
.bk_homepage-ticker__list {
display: inline-flex;
margin: 0 !important;
padding: 0;
}
.bk_homepage-ticker__item {
display: inline-flex;
align-items: center;
}
.bk_homepage-ticker__item span {
display: inline-block;
color: #000;
font-weight: 500;
margin: 0 10px;
font-size: 16px;
}
.bk_homepage-ticker__item .code {
background-color: #fff;
border-radius: 5px;
color: #fff;
padding: 0 5px;
margin: 0 4px 0 0;
}
#bk_homepage-ticker__content_1-0:hover {
animation-play-state: paused;
}
.bk_homepage-ticker__item:after {
display: inline-block;
content: "✦";
margin: 0 1rem;
}
.bk_homepage-ticker__item a {
color: #fff;
border-radius: 22px;
line-height: 28px;
display: inline-block;
padding: 0 10px;
margin: 0;
}
.bk_homepage-ticker__item a:hover {
text-decoration: underline !important;
}
/* Seamless marquee animation */
@keyframes marquee {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}
/* Mobile adjustments */
@media (max-width: 767px) {
.bk_ticker_block {
margin-top: 20px !important;
}
.bk_homepage-ticker__item:after {
margin: 0 0.7rem;
}
.bk_homepage-ticker__item span {
font-size: 14px;
}
}
</style>
<div class="bk_ticker_block">
<div class="bk_homepage-ticker">
<div class="bk_homepage-ticker__content">
<ul class="bk_homepage-ticker__list">
<li class="bk_homepage-ticker__item kiki">
<span class="bk_link__wrapper"> Today’s Onekl is cancelled due to technical difficulties. We will be back next week! </span>
</li>
</ul>
<ul class="bk_homepage-ticker__list">
<li class="bk_homepage-ticker__item kiki">
<span class="bk_link__wrapper"> Today’s Onekl is cancelled due to technical difficulties. We will be back next week! </span>
</li>
</ul>
<ul class="bk_homepage-ticker__list">
<li class="bk_homepage-ticker__item kiki">
<span class="bk_link__wrapper"> Today’s Onekl is cancelled due to technical difficulties. We will be back next week! </span>
</li>
</ul>
</div>
</div>
</div>";} |
0 |
|
|
12772 |
|
|
4 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Kiki moods ticker |
| 7066 |
3850 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:29:"66365,66370,66377,66382,66364";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13279 |
|
bk_toggle_pids pid_carousal_5 |
4 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Girls girl makeup revolution pids |
| 7389 |
3859 |
a:1:{s:7:"content";s:2133:"<style>
.bk_new_grid-lg.scroll.atlas-wrap {
grid-template-columns: repeat(5, max(200px, 19.3%));
justify-content: space-between;
}
@media (max-width: 768px) {
.bk_new_grid-lg.scroll.atlas-wrap {
grid-template-columns: repeat(5, 54%);
}
}
</style>
<div class="bk_block_heading">
<h2>GLOBAL GLOW ATLAS</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll atlas-wrap">
<li><a href="https://www.kindlife.in/skincare-l/?features_hash=19-62084-62949&aff_id=105475">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-atlas.webp"
alt="Centella sun serum" width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>French Pharmacy</p>
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/?features_hash=19-53620-35675&aff_id=105475">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-atlas.webp"
alt="Airy protection" width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Japanese Beauty</p>
</div>
</li>
<li> <a href="https://www.kindlife.in/cotril/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-atlas.webp"
alt=" Derma daily protection" width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Italian Haircare</p>
</div>
</li>
<li> <a href="https://www.kindlife.in/skincare-l/?features_hash=19-60345-59970-60342&sort_by=bestsellers&sort_order=desc&aff_id=105475">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-atlas.webp"
alt=" Aqua veil SPF" width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>USFDA Approved</p>
</div>
</li>
<li> <a href="https://www.kindlife.in/skincare-l/?features_hash=19-42823-59971&aff_id=105475">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-atlas.webp"
alt=" Aqua veil SPF" width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>European Beauty</p>
</div>
</li>
</ul>";} |
0 |
|
|
13301 |
|
|
4 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP GLOBAL GLOW ATLAS |
| 7118 |
3902 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:53:"66923,66963,66966,66968,66967,66964,69047,69679,69702";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13347 |
|
bk_toggle_pids pid_carousal_5 |
4 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP derma ethiglo pids |
| 7359 |
3920 |
a:1:{s:7:"content";s:6444:"<!-- Swiper CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<style>
/* isolate this entire block */
.kind-strip-swiper {
padding: 0 20px;
overflow: hidden;
margin: 7px auto 0;
}
.kind-strip-swiper .swiper {
width: 100%;
}
.kind-strip-swiper .swiper-slide {
flex-shrink: 0;
}
.kind-strip-swiper .swiper-slide img {
width: 100%;
display: block;
border-radius: 10px;
}
/* Mobile – hide previous completely */
@media (max-width: 767px) {
.kind-strip-swiper .swiper-wrapper {
padding-left: 0 !important;
}
}
</style>
<div class="bk_block_heading">
<h2>SUPPLEMENTS TO KEEP YOU GLOWING</h2>
<p>Up to 50% off. <a href="https://www.kindlife.in/the-glow-code/">View more</a></p>
</div>
<div class="swiper kind-strip-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="https://www.kindlife.in/cosmix/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/0711-hb-cosmix3.webp"
alt="cosmix banner" width="250" height="250" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/dr.-morepen/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/glow-hb2210-Dr-Morepen2.webp"
alt="" width="250" height="250" loading="lazy">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1808-hb-morepehalf2.webp" alt="dr.-morepen banner" width="250" height="250" loading="lazy"> -->
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/setu/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0810-HB-SETU1.webp"
alt="" width="250" height="250" loading="lazy">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1908-hb-setuhalf1.webp" alt="setu banner" width="250" height="250" loading="lazy"> -->
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/wishnew-wellness/">
<img style="border-radius: 5px;"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0711-hb-wishnew.webp"
alt="" width="250" height="250" loading="lazy">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2309-hb-wishnew1.webp" alt="wishnew-wellness banner" width="250" height="250" loading="lazy"> -->
</a>
</div>
<div class="swiper-slide">
<a href="http://kindlife.in/dr.-su/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0711-hb-dr-su-new2.webp"
alt="" width="250" height="250" loading="lazy">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1808-hb-dr-suhalf1.webp" alt="dr.-su banner" width="250" height="250" loading="lazy"> -->
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/inja-wellness/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0711-hb-inja3.webp"
alt="inja-wellness banner" width="250" height="250" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/himalayan-organics-en/">
<img
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0711-hb-organics1.webp"
alt="" width="250" height="250" loading="lazy">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1808-hb-organicshalf2.webp" alt="himalayan-organics-en banner" width="250" height="250" loading="lazy"> -->
</a>
</div>
</div>
</div>
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const kindSwiperEl = document.querySelector(".kind-strip-swiper");
if (!kindSwiperEl) return;
const slideCount = kindSwiperEl.querySelectorAll(".swiper-slide").length;
const kindSwiper = new Swiper(kindSwiperEl, {
slidesPerView: 2, // 1 banner + 40% next
centeredSlides: false, // prevents showing previous
spaceBetween: 15,
loop: slideCount > 1,
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
breakpoints: {
768: {
slidesPerView: slideCount >= 4 ? 3.3 : slideCount,
centeredSlides: false,
spaceBetween: 30,
}
}
});
});
</script>";} |
0 |
|
|
13365 |
|
|
4 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP supplemets page banners |
| 7370 |
4097 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:35:"39636,39635,39634,39639,39640,39638";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13886 |
|
bk_toggle_pids pid_carousal_5 |
4 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"200";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Holiday sale - 50% off kbeauty toggle pids - secret key |
| 7443 |
4281 |
a:1:{s:7:"content";s:2910:"<style>
.bk_new_grid-lg.scroll.brands-new {
grid-template-columns: repeat(5, max(228px, 19%));
justify-content: space-between;
}
@media (max-width: 768px) {
.bk_new_grid-lg.scroll.brands-new {
grid-template-columns: repeat(5, 45%);
}
}
</style>
<div class="bk_block_heading">
<h2>BEAUTY DROP RADAR</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll brands-new">
<li><a href="https://www.kindlife.in/white-truffle-double-layer-revitalizing-serum-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0605-beauty-drop-dalba.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/no.9-nad-bio-lifting-sil-full-face-mask-28ml4ea/?aff_id=105475">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2904-latest-numbuzin.webp" alt="img"
width="400" height="120" loading="lazy">
</a>
</li>
<li> <a href="https://www.kindlife.in/midnight-blue-calming-cream-20gm/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0605-beauty-drop-klairs.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/advanced-complexion-corrector-serum-30gm/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2904-latest-beyond.webp" alt="img" width="400"
height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/refreshing-sea-kelp-real-deep-mask-34gm1ea/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0605-beauty-drop-biodance.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/glutathione-glow-serum-30gm/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0605-beauty-drop-medicube.webp" alt="img" width="400"
height="120" loading="lazy"></a>
</li>
<li><a
href="https://www.kindlife.in/torriden-dive-in-toner-300ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0605-beauty-drop-torridon.webp" alt="img" width="400"
height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/spf-50-pa-tinted-sunscreen-50gm/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0605-beauty-drop-novology.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/melarid-depigmenting-serum-5x-correction-40ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0605-beauty-drop-yuderma.webp" alt="img" width="400"
height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/ginger-anti-hair-loss-and-strengthening-shampoo-500ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-latest-cincinnus.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
</ul>";} |
0 |
|
|
14077 |
|
|
4 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP BEAUTY DROP RADAR |
| 5524 |
4340 |
|
0 |
|
|
14265 |
|
|
4 |
A |
kl_skin_recommendations |
a:13:{s:8:"template";s:52:"addons/kl_preference/blocks/skin_recommendations.tpl";s:11:"no_of_items";s:2:"12";s:13:"item_quantity";s:1:"4";s:15:"thumbnail_width";s:3:"200";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"show_price";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:16:"show_text_advice";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:18:"outside_navigation";s:1:"Y";} |
0 |
1 |
en |
Skin Preference |
| 2538 |
232 |
a:1:{s:7:"content";s:60:"<div>
<a href="#"><img src="images/share_bt.svg"></a>
</div>";} |
0 |
|
|
3879 |
|
|
5 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
en |
share_bt |
| 2528 |
252 |
a:1:{s:7:"content";s:3538:"<style>
@media (max-width: 600px) {
/*.sd-popup--center {
top: auto;
bottom: 0;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
} */
@-webkit-keyframes bounceIn {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceIn {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes bounceOut {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes bounceOut {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
</style>
<script>
$('.open_search_box .ty-search-block__input').on('click', function () {
$('.ty-search-block_category_bk').css('display', 'block');
$(this).blur();
$('.bk_overlay-search_cat').css('display', 'block');
setTimeout(() => {
$($('.snize-ac-results')[0]).addClass('snize-hide');
}, 10);
});
</script>
<style>
.snize-hide {
display: none !important;
}
</style>
<style>
.owl-carousel:not(.owl-theme) {
display: block;
white-space: nowrap;
overflow: hidden;
}
.owl-carousel:not(.owl-theme)>* {
display: inline-block;
}
.owl-carousel:not(.owl-theme) .ty-scroller-list__item {
max-width: 233px;
padding: 0 9px;
}
@media (max-width: 767px) {
.owl-carousel:not(.owl-theme) .ty-scroller-list__item {
margin-right: -4px;
max-width: 33.33%;
padding: 0;
}
}
@media (max-width:500px) {
.owl-carousel:not(.owl-theme) .ty-scroller-list__item {
max-width: 50%;
}
}
</style>
<script>
(function ($) {
if (!window.ReactNativeWebView) return;
var originalCeAjax = $.ceAjax;
$.ceAjax = function(type, url, options) {
if (typeof url === 'string' && url.indexOf('popups.get_popups') !== -1) {
return; // Ignore popup request
}
return originalCeAjax.apply(this, arguments);
};
})(Tygh.$);
</script>
";} |
0 |
|
|
2834 |
|
|
5 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP popup animation |
| 5524 |
391 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:15:"recent_products";s:5:"limit";s:1:"8";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"Y";} |
0 |
|
|
3808 |
blocks/wrappers/mainbox_simple.tpl |
|
5 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"Y";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"250";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Recently viewed |
| 7389 |
664 |
a:1:{s:7:"content";s:2471:"<style>
.bk_new_grid-lg.scroll.heat-proof {
grid-template-columns: repeat(7, max(210px, 19%));
list-style: none;
margin: 0px;
justify-content: space-between;
}
.protein-desc {
text-align: center;
}
@media (max-width: 768px) {
.bk_new_grid-lg.scroll.heat-proof {
grid-template-columns: repeat(7, 35%);
}
}
</style>
<div class="bk_block_heading">
<h2>BEAUTY MEETS NUTRITION</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll heat-proof">
<li><a href="https://www.kindlife.in/inja-wellness/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-nutrition-inja.webp" alt="img"
width="400" height="120" loading="lazy"></a><div class="protein-desc">
<p>Inja wellness</p>
</div>
</li>
<li> <a href="https://www.kindlife.in/ace-blend/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-nutrition-inja.webp" alt="img"
width="400" height="120" loading="lazy"></a><div class="protein-desc">
<p>Ace blend</p>
</div>
</li>
<li><a href="https://www.kindlife.in/dr.-morepen/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-nutrition-inja.webp" alt="img"
width="400" height="120" loading="lazy"></a><div class="protein-desc">
<p>Dr. morepen</p>
</div>
</li>
<li><a href="https://www.kindlife.in/setu/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-nutrition-inja.webp" alt="img"
width="400" height="120" loading="lazy"></a><div class="protein-desc">
<p>Setu</p>
</div>
</li>
<li><a href="https://www.kindlife.in/wishnew-wellness/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-nutrition-inja.webp" alt="img" width="400"
height="120" loading="lazy"></a><div class="protein-desc">
<p>Wishnew wellness</p>
</div>
</li>
<li><a href="https://www.kindlife.in/superyou/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-nutrition-inja.webp" alt="img"
width="400" height="120" loading="lazy">
</a>
<div class="protein-desc">
<p>Super you</p>
</div>
</li>
<li><a href="https://www.kindlife.in/yogabar/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/dev-0107-testing-nutrition-inja.webp" alt="img"
width="400" height="120" loading="lazy"></a><div class="protein-desc">
<p>Yoga bar</p>
</div>
</li>
</ul>";} |
0 |
|
|
13876 |
|
|
5 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP BEAUTY MEETS NUTRITION |
| 7443 |
668 |
a:1:{s:7:"content";s:2515:"<style>
.bk_new_grid-lg.scroll.global-spf-pass {
grid-template-columns: repeat(4, max(200px, 23%));
margin: 0px;
justify-content: space-between;
}
ul.bk_grid_block.bk_new_grid-lg.scroll.global-spf-pass li {
list-style: none;
}
@media (max-width: 768px) {
.bk_new_grid-lg.scroll.global-spf-pass {
grid-template-columns: repeat(2, 48.5%);
}
}
</style>
<div class="bk_block_heading">
<h2>The SPF Passport</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll global-spf-pass">
<li><a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=sunscreen&filter_featured_ingredients=water%2Chyaluronic+acid%2Cglycerin%2Cbeta+glucan%2Camino+acids">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0605-global-spf-hydrating.webp"
alt="Centella sun serum" width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=sunscreen&filter_featured_ingredients=Ceramides%2CCentella+Asiatica%2CEctoin%2CMugwort+Extract%2CProbiotics%2CCamellia&sort=popularity&page=1">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0605-global-spf-barrier-repair.webp"
alt="Airy protection" width="400" height="120" loading="lazy"></a>
</li>
<li> <a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=sunscreen&sort=popularity&filter_featured_ingredients=Vitamin+C%2CNiacinamide%2CKojic+Acid%2CMulberry+Extract%2CStrawberry+Extract%2CPapaya+Extract">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0605-global-spf-brightening.webp"
alt=" Derma daily protection" width="400" height="120" loading="lazy"></a>
</li>
<li> <a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=sunscreen&sort=popularity&filter_featured_ingredients=Green+Tea+Extract%2CCentella+Asiatica%2CSnow+Lotus+Extract%2CGinseng+Extract%2CSea+Buckthorn%2CPhysalis+Angulata+Extract">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0605-global-spf-soothing.webp"
alt=" Aqua veil SPF" width="400" height="120" loading="lazy"></a>
</li>
</ul>";} |
0 |
|
|
13859 |
|
|
5 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
The SPF Passport |
| 2868 |
2751 |
a:1:{s:7:"content";s:6098:"<style>
ul.bk_deal_imgs_list_unlocked::-webkit-scrollbar {
display: none;
}
.bk_deal_wrapper1 {
background-image: url(https://cdn.kindlife.in/images/banners/home-page-images/hp-0912-deal-bg.webp);
border-radius: 5px;
display: flex;
align-items: center;
padding: 1%;
background-size: 100% 100%;
margin: 50px auto 0;
}
.bk_deal_time {
position: relative;
flex: 0 0 25%;
text-align: center;
padding: 20px;
min-width: 200px;
font-size: 20px;
}
.bk_deal_time_wrap {
display: flex;
align-items: end;
justify-content: center;
margin-bottom: 10px;
font-size: 18px;
}
.bk_deal_time img {
max-width: 120px;
}
p.bk_time {
font-size: 1.8em;
font-weight: 600;
}
.bk_deal_time p {
padding: 0;
display: inline-block;
}
p.bk_deal_desc {
color: #ed1b57;
font-size: 2em;
font-weight: 600;
}
p.bk_desc2 {
font-size: 1.5em;
font-weight: 600;
}
.bk_deal_imgs_unlocked {
flex: 1;
display: none;
}
ul.bk_deal_imgs_list_unlocked {
display: flex;
list-style: none;
margin: 0;
padding: 4% 3%;
width: 100%;
justify-content: space-between;
overflow: auto;
}
ul.bk_deal_imgs_list_unlocked li {
margin: 0 2%;
min-width: 110px;
max-width: 200px;
}
ul li.bk_unlocked_img {
transform: scale(1.2);
margin-right: 5%;
}
.bk_deal_time_wrap_mob {
display: none;
}
@media (max-width: 991px) {
.bk_deal_time, .bk_deal_time_wrap {
font-size: 14px;
}
}
@media (max-width: 767px) {
.bk_deal_wrapper1 {
background-image: url(https://cdn.kindlife.in/images/banners/home-page-images/HP-0912-mob-bg-deal2.webp);
flex-flow: column;
margin: 0 auto 30px;
}
.bk_deal_imgs_unlocked {
width: 100%;
}
.bk_deal_time_wrap {
display: none;
}
.bk_deal_time_wrap_mob {
display: inline-block;
}
.bk_deal_time {
display: flex;
flex-direction: column;
padding: 3% 0 0;
font-size: 12px;
line-height: 24px;
margin-bottom: 1%;
}
ul.bk_deal_imgs_list_unlocked {
padding: 5%;
margin-bottom: 1%;
}
.bk_deal_time img {
width: 50%;
max-width: 150px;
}
}
</style>
<div class="bk_deal_wrapper1">
<div class="bk_deal_time">
<div class="bk_deal_time_wrap">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-0812-2bday.png">
<p class="bk_time">P.M.</p>
</div>
<p class="bk_deal_desc"><span class="bk_deal_time_wrap_mob">2 P.M.</span> EVERYDAY</p>
<p class="bk_desc2">2hr Turbo deal</p>
</div>
<div class="bk_deal_imgs_unlocked unlocked3">
<ul class="bk_deal_imgs_list_unlocked">
<li class="bk_unlocked_img">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1312-unlocked-deal.webp">
</li>
<li class="bk_locked_img">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1312-locked-deal.webp">
</li>
<li class="bk_locked_img">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-0812-locked-deal4.webp">
</li>
<li class="bk_locked_img">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1212-locked-deal.webp">
</li>
</ul>
</div>
<div class="bk_deal_imgs_unlocked unlocked4">
<ul class="bk_deal_imgs_list_unlocked">
<li class="bk_unlocked_img">
<a href="https://www.kindlife.in/22-store/"><img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1312-unlocked-deal-thur.webp"></a>
</li>
<li class="bk_locked_img">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-0812-locked-deal4.webp">
</li>
<li class="bk_locked_img">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1312-locked-deal.webp">
</li>
<li class="bk_locked_img">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-0812-locked-deal5.webp">
</li>
</ul>
</div>
<div class="bk_deal_imgs_unlocked unlocked5">
<ul class="bk_deal_imgs_list_unlocked">
<li class="bk_unlocked_img">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1312-unlocked-deal-fri.webp">
</li>
<li class="bk_locked_img">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1312-locked-deal.webp">
</li>
<li class="bk_locked_img">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-0812-locked-deal4.webp">
</li>
<li class="bk_locked_img">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-1112-deal-locked1.webp">
</li>
</ul>
</div>
</div>
<script>
let turboDeal = setInterval(function() {
let now = new Date().getTime();
let curTime = Math.floor(now/1000);
$(".bk_deal_imgs_unlocked").hide();
// for 13th date
if(curTime >= 1702456200 && curTime < 1702542600){
$(".bk_deal_imgs_unlocked.unlocked3").show();
}
// for 14th date
if(curTime >= 1702542600 && curTime < 1702629000){
$(".bk_deal_imgs_unlocked.unlocked4").show();
}
// for 15th date
if(curTime >= 1702629000 && curTime < 1702636201){
$(".bk_deal_imgs_unlocked.unlocked5").show();
}
// after 2pm deal ends
if(curTime > 1702636200){
clearInterval(turboDeal);
$(".bk_deal_wrapper1").hide();
}
}, 1000);
</script>
";} |
0 |
|
|
10243 |
|
|
5 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP 2 hour deal hide |
| 1945 |
3173 |
a:1:{s:7:"content";s:546:"<style>
.tygh-content.clearfix {
background: #000;
margin-top: -10px;
}
div .ty-helper-container {
background: #000;
}
.tygh-content > div {
background: transparent;
padding-top: 10px;
}
.bk_block_heading h2,
.ty-mainbox-simple-title,
.ty-mainbox-container h1.ty-mainbox-title,
.ty-mainbox-container h2.ty-mainbox-title,
.bk_block_heading p,
.bk_mainbox-heading .bk_mainbox-title,
.bk_mainbox-sub-title,
ul.bk_review-list li :is(p,h3,h4),
.bk_prod_desc,
.skin-health p {
color: #fff;
}
</style>";} |
0 |
|
|
11177 |
|
|
5 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
RFS css |
| 7057 |
3305 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:41:"68889,68893,68890,68891,68892,68894,68888";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13016 |
|
bk_toggle_pids pid_carousal_1 |
5 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP Dear Darling Water Gel Tints pids |
| 7063 |
3423 |
a:1:{s:7:"content";s:3934:"<!-- Swiper CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<style>
.swiper-container.hero-banners {
overflow: hidden;
margin: auto;
margin-top: 30px;
}
.hero-banners .swiper-wrapper {
display: flex;
will-change: transform;
}
.hero-banners .swiper-slide img {
border-radius: 10px;
display: block;
}
.productImg.weekend {
display: none;
}
/* Pagination styling */
.hero-banners .swiper-pagination {
position: relative;
/* keeps it below images */
margin-top: 12px;
text-align: center;
}
.hero-banners .swiper-pagination-bullet {
background: #000;
/* black dots */
opacity: 0.4;
width: 8px;
height: 8px;
}
.hero-banners .swiper-pagination-bullet-active {
opacity: 1;
}
@media screen and (max-width: 600px) {
.swiper-container.hero-banners {
margin-top: 25px;
}
}
</style>
<div class="swiper-container hero-banners">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="https://www.kindlife.in/skin1004/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-hb-summer-sale-skin10042.webp"
alt="cosrx-collection-banner" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/beauty-of-joseon/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-hb-summer-sale-boj2.webp"
alt="im-from-banner" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/axis-y/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-hb-summer-sale-axis-y1.webp"
alt="axis-y-banner" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/vt-cosmetics/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-hb-summer-sale-vt2.webp"
alt="vt-cosmetics-banner" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/biodance/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-hb-summer-sale-biodance1.webp"
alt="biodance-banner" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/numbuz-n/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-hb-summer-sale-numbuzin2.webp"
alt="numbuz-n-banner" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="https://www.kindlife.in/k-secret/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-hb-summer-sale-k-secret1.webp"
alt="k-secret-banner" loading="lazy">
</a>
</div>
</div>
<!-- Pagination -->
<div class="swiper-pagination"></div>
</div>
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
const swiperEl = document.querySelector(".swiper-container");
const realSlides = swiperEl.querySelectorAll(".swiper-slide").length;
const swiper = new Swiper(".swiper-container", {
slidesPerView: 1,
centeredSlides: true,
spaceBetween: 20,
loop: true,
autoplay: {
delay: 3000,
disableOnInteraction: false,
pauseOnMouseEnter: true,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: {
768: {
slidesPerView: realSlides >= 3 ? 2.5 : realSlides,
centeredSlides: realSlides < 3,
spaceBetween: 20,
},
480: {
slidesPerView: realSlides >= 3 ? 2 : realSlides,
centeredSlides: realSlides < 3,
},
},
});
function adjustCentering() {
const wrapper = document.querySelector(".swiper-wrapper");
if (realSlides < 3) {
wrapper.style.justifyContent = "center";
} else {
wrapper.style.justifyContent = "";
}
}
adjustCentering();
</script>";} |
0 |
|
|
12352 |
|
|
5 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP hero banners |
| 7300 |
3536 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:59:"65337,65189,35334,33745,36799,33728,68312,68547,38426,69930";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13779 |
|
bk_toggle_pids pid_carousal_5 |
5 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Ceratine pids |
| 7359 |
3629 |
a:1:{s:7:"content";s:3711:"<style>
.protein-desc p {
padding: 3px 0 0;
font-weight: 600;
text-align: center;
font-size: 16px;
}
ul.bk_grid_block.makeup-and-hair1 {
margin: 0px;
list-style: none;
}
.makeup-and-hair1 {
grid-template-columns: repeat(5, 28%);
}
ul.bk_grid_block.makeup-and-hair1 li img {
border-radius: 5px;
}
@media (max-width: 600px) {
.makeup-and-hair1 {
grid-template-columns: repeat(2, 63%);
}
.protein-desc p {
font-size: 13px;
}
}
</style>
<div class="bk_block_heading">
<h2> THE PANTRY EDIT </h2>
</div>
<ul class="bk_grid_block makeup-and-hair1">
<li><a href="https://www.kindlife.in/fabeato/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1301-nuts-fabeato4.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/ambrosia/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1301-nuts-ambrosia2.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/yogabar/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1301-nuts-yoga-bar4.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/nutty-gritties/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1301-nuts-nutty2bau.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/flyberry-gourmet/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1301-nuts-flyberry2bau.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/soil-origin/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1301-nuts-soilasd.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/nourish-you/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1301-nuts-nourish2.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/jivika-naturals/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1301-nuts-epiphany4.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/two-brothers/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1301-nuts-twobau.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/epiphany/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1301-nuts-epiphany3.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
</ul>
";} |
0 |
|
|
13873 |
|
|
5 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP THE PANTRY EDIT |
| 7066 |
3852 |
a:1:{s:7:"content";s:817:"<div class="bk_category_link hfm_more_link bk_cat-toggle_more-block">
<a href="https://www.kindlife.in/tfit/" class="bk_cat-toggle_more-link pid_carousal_1 active"> View More
<span>❯</span> </a>
<a href="https://www.kindlife.in/etude/ " class="bk_cat-toggle_more-link pid_carousal_2">View More
<span>❯</span> </a>
<a href="https://www.kindlife.in/tirtir/ " class="bk_cat-toggle_more-link pid_carousal_3">View More <span>❯</span>
</a>
<a href="https://www.kindlife.in/dashing-diva/" class="bk_cat-toggle_more-link pid_carousal_4">View More
<span>❯</span> </a>
<a href="https://www.kindlife.in/missha/" class="bk_cat-toggle_more-link pid_carousal_5">View More
<span>❯</span> </a>
</div>";} |
0 |
|
|
13281 |
|
|
5 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP cry proof more links |
| 7118 |
3901 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:71:"68345,68357,68342,68341,68350,58579,68343,68346,68348,68351,68356,68361";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13346 |
|
bk_toggle_pids pid_carousal_6 |
5 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP derma roundlab pids |
| 7370 |
4098 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:35:"39924,39926,39921,39923,39930,39927";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13881 |
|
bk_toggle_pids pid_carousal_5 |
5 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"200";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Holiday sale - 50% off kbeauty toggle pids -coxir |
| 7055 |
4147 |
a:1:{s:7:"content";s:647:"<div class="bk_block_heading">
<h2>Only On Kindlife</h2>
</div>
<div class="strip_banner shadow" style="margin-top: 0px;">
<a href="https://www.kindlife.in/arks">
<picture>
<source media="(max-width: 767px)"
srcset="https://cdn.kindlife.in/images/banners/hp-images/HP-2011-strips-arks1.webp">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2710-arks-coming-soon-strip2.webp"
alt="jumiso Banner" loading="lazy" width="1200" height="300">
</picture>
</a>
</div>";} |
0 |
|
|
13896 |
|
|
5 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP arks strip |
| 2538 |
231 |
a:1:{s:7:"content";s:227:"<div class="open_search_box">
<button class="open-searchBtn" type="button" aria-label="search" title="search" fdprocessedid="n5vsdu">
<img src="images/search_bt.svg" alt="search" width="24" height="24">
</button>
</div>";} |
0 |
|
|
14230 |
|
top-search hidden-tablet hidden-desktop |
6 |
A |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
en |
search_bt |
| 2868 |
2226 |
a:1:{s:7:"content";s:7107:"<style>
ul.bk_flex_block.daily-deals{
justify-content: center;
}
.deal_time_wrap, .deal-date {
position: absolute;
font-size: 2vmax;
font-weight: 600;
color: #ff6d00;
top: 2%;
left: 10px;
right: 10px;
z-index: -1;
}
.deal-time{
color: #ff6d00;
}
</style>
<div class="bk_daily_deal_block">
<div class="bk_block_heading">
<h2>OMG Deals</h2>
</div>
<div class="bk_block_container">
<ul class="bk_flex_block bk_1x2_block daily-deals">
<li class="cur"><div class="deal_time_wrap">Ends in <span class="deal-time">00:00:00:00</span></div><a href="https://www.kindlife.in/black-rice-serum-30ml/">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-deal-live0710.webp" alt="img"></a></li>
<li class="nxt"><div class="deal-date"></div><a href="https://www.kindlife.in/protein-bar-minis-the-everyone-party-all-in-one-pack-of-8-27g-each-no-added-sugar-all-natural/">
<img src="https://cdn.kindlife.in/images/banners/home-page/HP-deal-0810.webp" alt="img"></a></li>
</ul>
</div>
</div>
<script>
var dealItems = [
{
cur : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-live0810.webp",
nxt : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-0910-new.webp"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-live0910-new.webp",
nxt : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-1010.webp"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-live1010.webp",
nxt : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-1110.webp"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-live1110.webp",
nxt : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-1210.webp"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-live1210.webp",
nxt : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-1310.webp"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-live1310.webp",
nxt : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-1410.webp"
},
{
cur : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-live1410.webp",
nxt : "https://cdn.kindlife.in/images/banners/home-page/HP-deal-1410.webp"
},
]
var dealLinks = [
{
cur : "https://www.kindlife.in/protein-bar-minis-the-everyone-party-all-in-one-pack-of-8-27g-each-no-added-sugar-all-natural",
nxt : "https://www.kindlife.in/squalane-ultra-matte-sunscreen-spf-50-pa-50gm/"
},
{
cur : "https://www.kindlife.in/squalane-ultra-matte-sunscreen-spf-50-pa-50gm/",
nxt : "https://www.kindlife.in/beauty-gummies-for-hair-skin-and-nails-300-gm/"
},
{
cur : "https://www.kindlife.in/beauty-gummies-for-hair-skin-and-nails-300-gm/",
nxt : "https://www.kindlife.in/glow-getter-illuminating-moisturiser-30-ml/"
},
{
cur : "https://www.kindlife.in/glow-getter-illuminating-moisturiser-30-ml/",
nxt : "https://www.kindlife.in/acne-pimple-master-patch-24-patches/"
},
{
cur : "https://www.kindlife.in/acne-pimple-master-patch-24-patches/",
nxt : "https://www.kindlife.in/10g-protein-date-based-bar-variety-pack/"
},
{
cur : "https://www.kindlife.in/10g-protein-date-based-bar-variety-pack/",
nxt : "https://www.kindlife.in/vitamin-c-serum-10-vitamin-c-0.55-ferulic-acid-30ml/"
},
{
cur : "https://www.kindlife.in/vitamin-c-serum-10-vitamin-c-0.55-ferulic-acid-30ml/",
nxt : "https://www.kindlife.in/vitamin-c-serum-10-vitamin-c-0.55-ferulic-acid-30ml/"
},
]
var curDeal = $(".daily-deals .cur img")[0];
var nextDeal = $(".daily-deals .nxt img")[0];
var curlink = $(".daily-deals .cur a")[0];
var nextlink = $(".daily-deals .nxt a")[0];
var index;
var updatedDate;
function updateimg(index){
updatedDate = (10 + index) + "th Oct, Noon";
$(".deal-date")[0].textContent = updatedDate;
$(curDeal).attr("src", dealItems[index].cur);
$(nextDeal).attr("src", dealItems[index].nxt);
$(curlink).attr("href", dealLinks[index].cur);
$(nextlink).attr("href", dealLinks[index].nxt);
if(index == 6){
$($(".daily-deals .nxt")[0]).hide();
}
}
let dealDate = new Date("oct 16, 2023 12:00:00").getTime();
// console.log(dealDate/1000);
let countDown = setInterval(function() {
let now = new Date().getTime();
let curSec = Math.floor(now/1000);
let distance = dealDate - now;
let days = Math.floor(distance / (1000 * 60 * 60 * 24));
let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
let mins = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
let secs = Math.floor((distance % (1000 * 60)) / 1000);
var formatedTime = "00:" + ((hours < 10) ? "0" : "") + hours + ":" + ((mins < 10) ? "0" : "") + mins + ":" + ((secs < 10) ? "0" : "") + secs;
document.querySelector(".deal-time").textContent = formatedTime;
// for 8th date
if(curSec >= 1696746600 && curSec < 1696833000){
updateimg(0);
}
// for 9th date
if(curSec >= 1696833000 && curSec < 1696919400){
updateimg(1);
}
// for 10th date
if(curSec >= 1696919400 && curSec < 1697005800){
updateimg(2);
}
// for 11th date
if(curSec >= 1697005800 && curSec < 1697092200){
updateimg(3);
}
// for 12th date
if(curSec >= 1697092200 && curSec < 1697178600){
updateimg(4);
}
// for 13th date
if(curSec >= 1697178600 && curSec < 1697265000){
$(".bk_daily_deal_block").hide();
}
// for 14th date
if(curSec >= 1697265000 && curSec < 1697351400){
$(".bk_daily_deal_block").show();
updateimg(5);
}
// for 15th date
if(curSec >= 1697351400 && curSec < 1697437800){
updateimg(6);
}
if(now > dealDate){
clearInterval(countDown);
$(".bk_daily_deal_block").hide();
}
}, 1000);
</script>
<script>
function offerTimer() {
const now = new Date();
let start = new Date("jan 03, 2026 18:00:00");
let stop = new Date("jan 04, 2026 10:00:00");
let showOfferBanner = false;
if (now > start && now < stop) {
showOfferBanner = true;
}
const newOffers = document.querySelectorAll(".saleOffer");
const oldOffers = document.querySelectorAll(".bauOffer");
newOffers.forEach(el => {
el.style.display = showOfferBanner ? "block" : "none";
});
oldOffers.forEach(el => {
el.style.display = showOfferBanner ? "none" : "block";
});
}
// Initial check
offerTimer();
// Check every second
setInterval(offerTimer, 60000); // check every 60 seconds
</script>";} |
0 |
|
|
9475 |
|
|
6 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP Deal of the Day (timer deal) |
| 7300 |
2302 |
a:1:{s:7:"content";s:1091:"<div class="bk_category_link bk_cat-toggle_more-block">
<a href="https://www.kindlife.in/supplements/nutrition/protein/?features_hash=25-2438" class="bk_cat-toggle_more-link pid_carousal_1 active"> View More <span>❯</span> </a>
<a href="https://www.kindlife.in/supplements/nutrition/protein/?features_hash=25-2453" class="bk_cat-toggle_more-link pid_carousal_2">View More <span>❯</span> </a>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=pre%20workout" class="bk_cat-toggle_more-link pid_carousal_3"> View More <span>❯</span> </a>
<a href="https://www.kindlife.in/supplements/nutrition/protein/?features_hash=25-1186" class="bk_cat-toggle_more-link pid_carousal_4"> View More <span>❯</span> </a>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=creatine" class="bk_cat-toggle_more-link pid_carousal_5"> View More <span>❯</span> </a>
</div>";} |
0 |
|
|
13780 |
|
|
6 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Top category toggle more links |
| 7063 |
3413 |
a:1:{s:7:"content";s:590:"<div class="bk_banner-block">
<a href="https://www.kindlife.in/reedle-shot-100-50ml/">
<img src="https://cdn.kindlife.in/images/banners/landing-page/k-dash/K-dash-micro-needling-img.webp" alt="micro-needling banner" />
</a>
</div>
<style>
html,
body {
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
* {
box-sizing: border-box;
}
.bk_banner-block {
overflow: hidden;
}
.bk_banner-block a {
display: block;
}
.bk_banner-block img {
display: block;
width: 100%;
height: auto;
}
</style>";} |
0 |
|
|
12340 |
|
|
6 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"430";} |
0 |
1 |
en |
Quick commerce - Advance microneedling banner |
| 7389 |
3510 |
a:1:{s:7:"content";s:2738:"<style>
.bk_1x6_grid-lg.scroll.brands_luv {
grid-template-columns: repeat(4, max(270px, 28%));
row-gap: 12px;
margin: 0px !important;
}
@media (max-width: 480px) {
.bk_1x6_grid-lg.scroll.brands_luv {
grid-template-columns: repeat(2, 65%) !important;
column-gap: 10px;
row-gap: 10px;
}
}
</style>
<div class="bk_block_heading">
<h2>#FOUNDITFIRST</h2>
<p style="padding-bottom:0px;">Global ingredients of the future </p>
</div>
<ul class="bk_grid_block bk_1x6_grid-lg scroll brands_luv">
<li><a href="https://www.kindlife.in/red-booster-reedle-shot-700-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-foundit-drgaon.webp" alt="img"
width="400" height="200" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/beyond-beyond/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-foundit-nad+.webp" alt="img" width="400"
height="200" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/cica-exosome-moisture-mask-20ea/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-foundit-exosomes.webp" alt="img"
width="400" height="200" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=Peptide">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-foundit-peptides.webp" alt="img"
width="400" height="200" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/pdrn/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-foundit-pdrn1.webp" alt="img"
width="400" height="200" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/matcha-en/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-foundit-matcha.webp" alt="img"
width="400" height="200" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/black-snail-collagen/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-foundit-black-snail.webp" alt="img"
width="400" height="200" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/black-truffle-reedle-shot-100-50ml">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-foundit-black.webp" alt="img"
width="400" height="200" loading="lazy"></a>
</li>
</ul>";} |
0 |
|
|
12880 |
|
|
6 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP #FOUNDITFIRST |
| 7057 |
3760 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:35:"68935,68933,68921,68925,68924,68926";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13060 |
|
bk_toggle_pids pid_carousal_2 |
6 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP Dear Darling Fixing Tint pids |
| 7055 |
3781 |
a:1:{s:7:"content";s:2675:"<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<style>
.nl-carousel {
position: relative;
margin: 0;
overflow: hidden;
}
.nl-slide img {
border-radius: 5px;
display: block;
}
/* Pagination (dot indicators) */
.nl-pagination {
text-align: center;
margin-top: 12px;
position: relative;
}
.nl-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: #ccc;
opacity: 1;
margin: 0 4px !important;
transition: background 0.3s, transform 0.3s;
}
.nl-pagination .swiper-pagination-bullet-active {
background: #333;
transform: scale(1.1);
}
</style>
</style>
<div class="nl-carousel">
<div class="bk_block_heading">
<h2>New launches</h2>
</div>
<div class="nl-swiper myNewLaunchSwiper">
<div class="nl-swiper-wrapper swiper-wrapper">
<div class="nl-slide swiper-slide">
<a href="https://www.kindlife.in/jivika-naturals/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1201-strip-jivika.webp"
alt="Arks" loading="lazy" />
</a>
</div>
<div class="nl-slide swiper-slide">
<a href="https://www.kindlife.in/yogabar/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0701-new-launches-yoga-bar1.webp"
alt="Nat habit" loading="lazy" />
</a>
</div>
<div class="nl-slide swiper-slide">
<a href="https://www.kindlife.in/true-millets/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0701-new-launches-trumillets.webp"
alt="Arks" loading="lazy" />
</a>
</div>
<div class="nl-slide swiper-slide">
<a href="https://www.kindlife.in/nat-habit/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-3010-new-drops-nat3.webp"
alt="Arks" loading="lazy" />
</a>
</div>
<!-- <div class="nl-slide swiper-slide">
<a href="https://www.kindlife.in/baboski/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0212-new-launch-baboski.webp"
alt="Arks" loading="lazy" />
</a>
</div> -->
</div>
<!-- Pagination dots -->
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
const newLaunchSwiper = new Swiper(".myNewLaunchSwiper", {
loop: true,
slidesPerView: 2,
spaceBetween: 12,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
pagination: {
el: ".nl-pagination",
clickable: true,
},
breakpoints: {
0: { slidesPerView: 1 },
768: { slidesPerView: 2 }
}
});
</script>
";} |
0 |
|
|
13129 |
|
|
6 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP New launches |
| 7118 |
3904 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:23:"66926,66924,66925,66929";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13349 |
|
bk_toggle_pids pid_carousal_7 |
6 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP derma ssderma pids |
| 1945 |
3962 |
a:1:{s:7:"content";s:1218:"<style>
.correct-scroller,
.ty-thumbnail-list,
.bk_mainbox-container,
.tygh-content .row-fluid:nth-child(n+3) .ty-wysiwyg-content {
content-visibility: hidden;
contain-intrinsic-size: 50px;
transition: opacity 1s ease;
opacity: 0;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-ms-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
}
.correct-scroller.visible,
.ty-thumbnail-list.visible,
.bk_mainbox-container.visible,
.tygh-content .row-fluid .ty-wysiwyg-content.visible {
content-visibility: visible;
opacity: 1;
}
</style>
<script>
// Select all scrollers
const scrollers = document.querySelectorAll('.correct-scroller,.ty-thumbnail-list,.tygh-content .ty-wysiwyg-content,.bk_mainbox-container');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
// else {
// entry.target.classList.remove('visible');
// }
});
}, {
root: null,
threshold: 0.2
});
scrollers.forEach(scroller => observer.observe(scroller));
</script>";} |
0 |
|
|
13521 |
|
|
6 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
home-page animation script |
| 7370 |
4104 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:35:"68351,68343,68361,68350,68356,68357";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13882 |
|
bk_toggle_pids pid_carousal_6 |
6 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"200";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Holiday sale - 50% off kbeauty toggle pids - roundlab |
| 2528 |
4115 |
a:1:{s:7:"content";s:2953:"<style>
/* Floating Icon Styles */
.floating-icon {
position: fixed;
bottom: 60px;
right: 20px;
cursor: pointer;
z-index: 999;
display: none; /* Initially hide the icon */
animation: zoomIn 0.5s ease-in-out forwards; /* Add zoom-in animation */
}
/* Zoom-in animation */
@keyframes zoomIn {
0% {
transform: scale(0.3);
opacity: 0;
}
80% {
transform: scale(1.1);
}
100% {
transform: scale(1);
opacity: 1;
}
}
.floating-icon img {
width: 250px;
height: 250px;
transition: 0.3s ease-in-out;
filter: drop-shadow(2px 4px 6px #0003);
}
.floating-icon img:hover {
transform: scale(1.1);
}
.floating-icon-content {
display: flex;
}
/* Close Button */
.close-btn {
display: inline-block;
font-size: 12px;
background: white;
color: #000;
border: 1px solid #c4c4c4;
border-radius: 50%;
width: 24px;
height: 24px;
line-height: 1;
text-align: center;
font-weight: 600;
position: absolute;
top: -10px;
right: 0;
}
@media (max-width: 767px) {
.floating-icon img {
width: 130px;
height: 130px;
}
}
</style>
<!-- Floating Icon -->
<div class="floating-icon seoul-watch-banner" id="floating-icon">
<div class="floating-icon-content">
<a href="https://www.kindlife.in/community"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-situationship-sticker1602.png" alt="situationship-sticker" loading="lazy" width="250" height="250" /></a>
<button class="close-btn" id="close-btn">✕</button>
</div>
</div>
<script>
window.addEventListener('load', function() {
const floatingIcon = document.getElementById('floating-icon');
// Check if popup was closed in this session
if (!sessionStorage.getItem('popupClosed')) {
floatingIcon.style.display = 'block';
}
});
const closeBtn = document.getElementById('close-btn');
closeBtn.addEventListener('click', function (e) {
e.stopPropagation();
const floatingIcon = document.getElementById('floating-icon');
floatingIcon.style.display = 'none';
// Save session flag
sessionStorage.setItem('popupClosed', 'true');
});
if (window.ReactNativeWebView) {
const link = document.querySelector('.seoul-watch-banner a');
link.addEventListener('click', function (e) {
e.preventDefault();
window.ReactNativeWebView.postMessage(
JSON.stringify({
screen_name: 'Watch'
})
);
});
const floatingIcon = document.getElementById('floating-icon');
floatingIcon.style.bottom = "0px";
}
</script>";} |
0 |
|
|
13823 |
|
|
6 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
watch floating icon |
| 7443 |
4234 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:41:"38088,23671,66879,32931,66490,66858,70320";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
14009 |
blocks/wrappers/mainbox_simple.tpl |
|
6 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
SEEN ON K-BEAUTY FEEDS |
| 2538 |
187 |
a:1:{s:7:"content";s:90:"<div>
<a href="#"><i class="ty-notification__icon ty-icon-notificationxd"></i>
</a>
</div>";} |
0 |
|
|
2890 |
|
top-width_xd_notification |
7 |
D |
html_block |
a:1:{s:8:"template";s:21:"blocks/html_block.tpl";} |
0 |
1 |
en |
new notification |
| 1945 |
1051 |
a:1:{s:7:"content";s:5665:"<style>
/* .bk_bday_banners .product-image img {
border: 2px solid #d00000;
} */
/* PRODUCTS */
.product {
position: relative;
overflow: hidden;
}
.product-container {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
column-gap: 10px;
}
.product-container::-webkit-scrollbar {
display: none;
}
.product-card {
flex: 0 0 80%;
}
.product-image {
position: relative;
width: 100%;
overflow: hidden;
}
.product-image img{
width: 100%;
border-radius: 10px;
}
.pre-btn,
.nxt-btn {
width: 50px;
position: absolute;
top: calc(50% - 18px);
cursor: pointer;
z-index: 3;
font-size: 22px;
height: 50px;
line-height: 50px;
background: #0005;
color: #fff;
border-radius: 50%;
border: 0;
}
.pre-btn {
left: 10px;
/* border-radius: 0 5px 5px 0; */
}
.nxt-btn {
right: 10px;
/* border-radius:5px 0 0 5px; */
}
.pre-btn:hover, .nxt-btn:hover {
background: #000;
}
.pre-btn img, .nxt-btn img {
opacity: 0.2;
}
.pre-btn:hover img, .nxt-btn:hover img {
opacity: 1;
}
img.product-card-mob{
display: none;
}
@media screen and (max-width: 600px) {
.product-card {
flex: 0 0 100%;
}
img.product-card-mob{
display: block;
}
img.product-card-desk{
display: none;
}
.pre-btn, .nxt-btn {
width: 40px;
height: 40px;
line-height: 40px;
display: none;
}
}
</style>
<section class="product bottom-space">
<button class="pre-btn"><span class="ty-icon ty-icon-left-open-thin"></span></button>
<button class="nxt-btn"><span class="ty-icon ty-icon-right-open-thin"></span></button>
<div class="product-container bk_bday_banners">
<div class="product-card">
<div class="product-image">
<a href="https://www.kindlife.in/cosrx/">
<img class="product-card-desk" src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2912-hb-cosrx-desk.webp" class="product-thumb" alt="" loading="lazy">
<img class="product-card-mob" src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2912-hb-cosrx-mob.webp" class="product-thumb" alt="" loading="lazy"></a>
</div>
</div>
<div class="product-card">
<div class="product-image">
<a href="https://www.kindlife.in/farmley/">
<img class="product-card-desk" src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2912-hb-farmley-desk.webp" class="product-thumb" alt="" loading="lazy">
<img class="product-card-mob" src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2912-hb-farmley-mob.webp" class="product-thumb" alt="" loading="lazy"></a>
</div>
</div>
<div class="product-card">
<div class="product-image">
<a href="https://www.kindlife.in/the-formularx/">
<img class="product-card-desk" src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2912-hb-formularx-desk.webp" class="product-thumb" alt="" loading="lazy">
<img class="product-card-mob" src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2912-hb-formularx-mob.webp" class="product-thumb" alt="" loading="lazy"></a>
</div>
</div>
<div class="product-card">
<div class="product-image">
<a href="https://www.kindlife.in/on-the-body/makeup-en/">
<img class="product-card-desk" src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2912-hb-cruelty-free-desk.webp" class="product-thumb" alt="" loading="lazy">
<img class="product-card-mob" src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2912-hb-cruelty-free-mob.webp" class="product-thumb" alt="" loading="lazy"></a>
</div>
</div>
<!-- <div class="product-card">
<div class="product-image">
<a href="https://www.kindlife.in/habbits/">
<img class="product-card-desk" src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2212-hb-habbits-desk.webp" class="product-thumb" alt="" loading="lazy">
<img class="product-card-mob" src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2212-hb-habbits-mob.webp" class="product-thumb" alt="" loading="lazy"></a>
</div>
</div> -->
</section>
<script type="text/javascript" id="">
const productContainers = document.querySelectorAll('.product-container');
const nxtBtn = document.querySelectorAll('.nxt-btn');
const preBtn = document.querySelectorAll('.pre-btn');
productContainers.forEach((item, i) => {
const productCards = item.querySelectorAll('.product-card');
const containerWidth = item.offsetWidth;
const cardWidth = productCards[0].offsetWidth;
let index = 0;
nxtBtn[i].addEventListener('click', () => {
index++;
const maxIndex = productCards.length - Math.floor(containerWidth / cardWidth);
if (index > maxIndex) {
index = 0;
item.scrollLeft = 0;
} else {
item.scrollLeft = index * (cardWidth + 10);
}
});
preBtn[i].addEventListener('click', () => {
index--;
if (index < 0) {
index = 0;
item.scrollLeft = 0;
} else {
item.scrollLeft = index * (cardWidth + 10);
}
});
setInterval(() => {
nxtBtn[i].click();
}, 4000);
});
</script>
";} |
0 |
|
|
6051 |
|
hidden-phone hidden-app |
7 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP hero banner with less script |
| 2868 |
2261 |
a:1:{s:7:"content";s:6791:"<style>
.bk-passport-deal-block {
display: none;
}
.bk-tie-sm {
display: flex;
border-radius: 5px;
padding: 20px 0;
background-image: linear-gradient(135deg, #c3f9e2, #c9ecff 75%, #c3f9e2);
}
.bk-tie__left {
flex: 0 0 200px;
padding-left: 10px;
position: relative;
display: flex;
flex-flow: column;
justify-content: center;
padding-bottom: 5%;
}
.bk-tie__left p {
font-weight: bold;
line-height: 1.2;
font-size: 18px;
color: #000;
}
.bk-tie__left .bk-tie-sm__viewMore {
display: block;
margin: 20px auto 0;
width: fit-content;
padding: 0 8px;
line-height: 28px;
font-size: 13px;
border-radius: 6px;
background: #000;
color: #fff;
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
}
:root {
--ItemWidth: 25%;
--Blockheight: 300px;
}
.bk-tie__right {
flex: 1;
width: 100%;
height: var(--Blockheight);
position: relative;
overflow: hidden;
}
.bk-tie-sliderBlock {
display: flex;
align-items: center;
height: 100%;
position: relative;
}
.bk-tie-sliderItem {
width: var(--ItemWidth);
left: 0;
transition: 0.5s;
position: absolute;
padding: 0 10px;
}
.bk-tie-sliderItem img {
width: 100%;
}
h4.shipment_text {
position: absolute;
bottom: -20px;
font-size: 13px;
}
h5.shipment_text1 {
position: absolute;
bottom: -9px;
font-size: 13px;
}
.bk-tie-sliderItem:nth-child(1) {
left: calc(var(--ItemWidth) * (-1));
}
.bk-tie-sliderItem:nth-child(3) {
left: calc(var(--ItemWidth));
}
.bk-tie-sliderItem:nth-child(4) {
left: calc(var(--ItemWidth) * 2);
}
.bk-tie-sliderItem:nth-child(5) {
left: calc(var(--ItemWidth) * 3);
}
.bk-tie-sliderItem:nth-child(n + 6) {
left: calc((var(--ItemWidth) * 4));
}
.bk-tie-sliderItem:nth-child(n + 7) {
left: calc((var(--ItemWidth) * 5));
}
@media (max-width: 991px) {
:root {
--ItemWidth: 200px;
}
}
@media (max-width: 767px) {
:root {
--ItemWidth: 175px;
--Blockheight: 250px;
}
}
@media (max-width:480px) {
.bk-tie__left {
flex: 0 0 180px;
padding-inline: 10px;
}
.bk-tie__left p {
font-size: 16px;
}
.bk-tie__left .bk-tie-sm__viewMore {
bottom: 10px;
}
:root {
--ItemWidth: min(85%, 175px);
--Blockheight: 60vw;
}
.bk-tie-sliderItem:nth-child(2) {
transform: scale(1.2);
}
.bk-tie-sliderBlock {
margin-left: 5px;
}
.bk-tie-sliderItem {
padding: 0 5px;
}
h4.shipment_text {
bottom: -28px;
font-size: 11px;
}
h5.shipment_text1 {
bottom: -21px;
font-size: 11px;
}
}
</style>
<div class="bk-passport-deal-block">
<div class="bk-tie-sm strip_banner">
<div class="bk-tie__left">
<img class="bk-tie-sm__logo"
src="https://cdn.kindlife.in/images/banners/home-page-images/Test-1507-incredible-logo.svg"
alt="tie-logo" width="190" height="56" loading="lazy">
<p>28<sup>th</sup> - 29<sup>th</sup> March only</p>
<a href="https://www.kindlife.in/incredible-edit" class="bk-tie-sm__viewMore">View More</a>
<h4 class="shipment_text">*Will be shipped in 5-6 days</h4>
<!-- <h5 class="shipment_text1 txt2">*T&C Apply</h5> -->
</div>
<div class="bk-tie__right">
<div class="bk-tie-sliderBlock">
<div class="bk-tie-sliderItem" data-index="1"><a href="https://www.kindlife.in/hyaluronic-acid-lightweight-gel-cream-with-ceramides-50-ml/">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2803-pid011.webp"
alt="tie-img" width="250" height="300" loading="lazy"></a>
</div>
<div class="bk-tie-sliderItem" data-index="2"><a href="https://www.kindlife.in/curl-quenching-flax-seed-gelly-for-curly-and-wavy-hair-200gm/">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2803-pid02.webp"
alt="tie-img" width="250" height="300" loading="lazy"></a>
</div>
<div class="bk-tie-sliderItem" data-index="3"><a href="https://www.kindlife.in/green-tea-face-wash-75ml/">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2803-pid03.webp"
alt="tie-img" width="250" height="300" loading="lazy"></a>
</div>
<div class="bk-tie-sliderItem" data-index="4"><a href="https://www.kindlife.in/15-vitamin-c-face-serum-with-mandarin-30ml/">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2803-pid04.webp"
alt="tie-img" width="250" height="300" loading="lazy"></a>
</div>
<div class="bk-tie-sliderItem" data-index="5"><a href="https://www.kindlife.in/korean-rice-cake-topokki-carbonara/">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2803-pid05.webp"
alt="tie-img" width="250" height="300" loading="lazy"></a>
</div>
<div class="bk-tie-sliderItem" data-index="6"><a href="https://www.kindlife.in/tap-and-shower-cleaner-270ml/">
<img src="https://cdn.kindlife.in/images/banners/home-page-images/HP-2803-pid06.webp"
alt="tie-img" width="250" height="300" loading="lazy"></a>
</div>
</div>
</div>
</div>
</div>
<script>
var nextSlideItem = function () {
let items = document.querySelectorAll(".bk-tie-sliderItem");
document.querySelector(".bk-tie-sliderBlock").appendChild(items[0]);
}
setInterval(() => {
nextSlideItem();
}, 3000);
</script>";} |
0 |
|
|
9516 |
|
|
7 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP incredible edit friday |
| 7063 |
2369 |
a:1:{s:7:"content";s:16513:"<style>
.hero-banner-slide {
display: grid;
grid-template-columns: 60% 40%;
margin-top: 30px;
}
.hero-banner-logo {
text-align: center;
padding: 10px 0;
}
.hero-banner-logo img {
width: auto;
height: 25px;
object-fit: contain;
max-width: 50%;
}
.hero-banner-left {
padding: 0 10px;
text-align: center;
display: flex;
z-index: 1;
flex-flow: column;
gap: 20px;
}
.hero-banner-content {
flex: 1;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
h4.hero-banner-title {
font-size: 42px;
font-family: "Cormorant Garamond", serif;
font-weight: 600;
margin: 0 0 10px;
line-height: 1.1;
}
h4.hero-banner-title span {
color: #0FDBD1;
font-size: 42px;
font-style: italic;
font-family: inherit;
}
p.hero-banner-subtitle {
font-size: 32px;
font-weight: 300;
padding: 0px;
line-height: 1.1;
color: #d6000a;
}
a.hero-banner-cta {
padding: 4px 10px;
background: #111;
color: #fafafa;
border: none;
font-size: 15px;
font-weight: 400;
letter-spacing: 2px;
cursor: pointer;
margin-top: 1rem;
display: none;
}
h4.hero-banner-title.justl {
line-height: 1.3;
}
.hero-banner-productList {
display: grid;
gap: 10px;
grid-template-columns: repeat(3, 1fr);
}
.hero-banner-productList img {
width: 100%;
}
.hero-banner-right img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-banners .swiper-pagination {
margin-top: 10px;
}
.hero-banners .swiper-pagination-bullet {
background: #bbb;
opacity: 1;
}
.hero-banners .swiper-pagination-bullet-active {
background: #000;
}
.hero-banners .swiper-pagination {
position: relative !important;
bottom: 0 !important;
margin-top: 6px;
}
p.hero-banner-subtitle.justl {
margin-top: 40px;
font-size: 40px;
}
@media (max-width: 991px) {
h4.hero-banner-title {
font-size: 32px;
}
p.hero-banner-subtitle {
font-size: 26px;
margin-bottom: 5px;
}
a.hero-banner-cta {
font-size: 13px;
}
}
/* @media (max-width: 767px) { */
.hero-banner-slide {
display: grid;
grid-template-columns: 60% 40%;
margin-top: 15px;
}
.hero-banner-slide {
display: flex;
flex-flow: column-reverse;
}
.hero-banner-productList {
display: none;
}
.hero-banner-left {
flex-flow: column-reverse;
/* margin-top: -15%; */
gap: 10px;
}
h4.hero-banner-title {
font-size: 26px;
}
p.hero-banner-subtitle {
font-size: 20px;
}
h4.hero-banner-title span {
font-size: 28px;
}
p.hero-banner-subtitle.justl {
margin-top: 20px;
font-size: 30px;
}
/* } */
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<section class="hero-banners swiper" aria-label="Featured skincare promotions">
<div class="swiper-wrapper">
<!-- SLIDE 5 -->
<article class="swiper-slide">
<div class="hero-banner-slide">
<div class="hero-banner-left">
<div class="hero-banner-content">
<a href="https://www.kindlife.in/axis-y/">
<h4 class="hero-banner-title">Viral <span>dark spot</span> care</h4>
<p class="hero-banner-subtitle">35% off</p>
</a>
<a href="https://www.kindlife.in/axis-y/" class="hero-banner-cta"
aria-label="SHOP AXIS-Y skincare products">
SHOP</a>
</div>
<div class="hero-banner-productList">
<a href="https://www.kindlife.in/dark-spot-correcting-glow-cream-50ml-en/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-hb1007-Axis-y-pid1.webp"
alt="No Stress Physical Sunscreen SPF50 PA" width="200" height="250" loading="lazy" />
</a>
<a href="https://www.kindlife.in/panthenol-10-skin-smoothing-shield-cream-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-hb-pids-02-axis.webp"
alt="Panthenol 10 Skin Smoothing Shield Cream" width="200" height="250"
loading="lazy" />
</a>
<a href="https://www.kindlife.in/vegan-collagen-eye-serum-10ml-en/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-hb-pids-03b-axis.webp"
alt="Mugwort Pore Clarifying Wash Off Pack" width="200" height="250" loading="lazy" />
</a>
</div>
</div>
<div class="hero-banner-logo">
<a href="https://www.kindlife.in/axis-y/">
<img style="height: 20px;"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1706-hb-logo-axisy.png" alt=""></a>
</div>
<div class="hero-banner-right">
<a href="https://www.kindlife.in/axis-y/" aria-label="Explore AXIS-Y skincare">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-hb1007-Axis-y-banner.webp"
alt="AXIS-Y climate smart skincare products" loading="lazy" />
</a>
</div>
</div>
</article>
<!-- SLIDE 3(biore) -->
<article class="swiper-slide">
<div class="hero-banner-slide">
<div class="hero-banner-left">
<div class="hero-banner-content">
<a href="https://www.kindlife.in/vt-cosmetics/">
<h4 class="hero-banner-title">Advanced <span>microneedling</span></h4>
<p class="hero-banner-subtitle">Up to 40% off </p>
</a>
<a href="https://www.kindlife.in/vt-cosmetics/" class="hero-banner-cta"
aria-label="SHOP Biore sunscreen products">
SHOP
</a>
</div>
<div class="hero-banner-productList">
<a href="https://www.kindlife.in/product-69361/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-vt-pid011.webp"
alt="Biore UV Aqua Rich Watery Essence SPF50 sunscreen" width="200" height="250"
loading="lazy" />
</a>
<a href="https://www.kindlife.in/retinal-peptide-capsule-cream-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-vt-pid021.webp"
alt="Biore Makeup Remover Cleansing Oil" width="200" height="250" loading="lazy" />
</a>
<a href="https://www.kindlife.in/matcha-cica-layer-serum-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-vt-pid031.webp"
alt="Biore sunscreen travel size SPF50" width="200" height="250" loading="lazy" />
</a>
</div>
</div>
<div class="hero-banner-logo">
<a href="https://www.kindlife.in/vt-cosmetics/">
<img style="width: 25%;"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0806-brands-vt-logo.webp"
alt=""></a>
</div>
<div class="hero-banner-right">
<a href="https://www.kindlife.in/vt-cosmetics/" aria-label="Explore Biore sunscreen range">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-hb-drip-vt.webp"
alt="Biore UV Aqua Rich sunscreen products" loading="lazy" />
</a>
</div>
</div>
</article>
<!-- SLIDE 5(numbuzin) -->
<article class="swiper-slide">
<div class="hero-banner-slide">
<div class="hero-banner-left">
<div class="hero-banner-content">
<a href="https://www.kindlife.in/numbuz-n/">
<h4 class="hero-banner-title">Korea's <span>numbered</span>
skincare</h4>
<p class="hero-banner-subtitle">35% off</p>
</a>
<a href="https://www.kindlife.in/numbuz-n/" class="hero-banner-cta"
aria-label="SHOP targeted skincare products">
SHOP
</a>
</div>
<div class="hero-banner-productList">
<a href="https://www.kindlife.in/no.9-nad-bio-lifting-sil-essence-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0402-hb-numbuzin-pid-new2.webp"
alt="Skin Softening Serum 50ml" width="200" height="250" loading="lazy" />
</a>
<a href="https://www.kindlife.in/no.5-vitamin-glutathione-concentrated-toner-pad-180ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-hb-pids-02b-numbuzin2.webp"
alt="Deep Sleep Mask Serum" width="200" height="250" loading="lazy" />
</a>
<a href="https://www.kindlife.in/no.1-pantothenic-b5-active-soothing-serum-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-hb-pids-03b-numbuzin.webp"
alt="Night repair skincare serum" width="200" height="250" loading="lazy" />
</a>
</div>
</div>
<div class="hero-banner-logo">
<a href="https://www.kindlife.in/numbuz-n/">
<img style="height: 20px;"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1706-hb-logo-numbuzin.png"
alt=""></a>
</div>
<div class="hero-banner-right">
<a href="https://www.kindlife.in/numbuz-n/" aria-label="Explore targeted skincare solutions">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-hb-drip-numbuzin.webp"
alt="Personalized Korean skincare products" loading="lazy" />
</a>
</div>
</div>
</article>
<!-- SLIDE 4(skin1004) -->
<article class="swiper-slide">
<div class="hero-banner-slide">
<div class="hero-banner-left">
<div class="hero-banner-content">
<a href="https://www.kindlife.in/skin1004/">
<h4 class="hero-banner-title">Home of madagascar
<span>centella</span>
</h4>
<p class="hero-banner-subtitle">35% off</p>
</a>
<a href="https://www.kindlife.in/skin1004/" class="hero-banner-cta"
aria-label="SHOP Madagascar Centella skincare range">
SHOP
</a>
</div>
<div class="hero-banner-productList">
<a href="https://www.kindlife.in/madagascar-centella-tone-brightening-capsule-ampoule-100ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-skin1004-pid01.webp"
alt="Madagascar Centella Light Cleansing Oil 200ml" width="200" height="250"
loading="lazy" decoding="async" />
</a>
<a
href="https://www.kindlife.in/skin1004-madagascar-centella-hyalu-cica-water-fit-sun-serum-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-skin1004-pid02.webp"
alt="Centella Ampoule Foam Cleanser 125ml" width="200" height="250" loading="lazy"
decoding="async" />
</a>
<a href="https://www.kindlife.in/centella-probio-cica-enrich-cream-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-drip-skin1004-pid03.webp"
alt="Centella Poremizing Fresh Ampoule 100ml" width="200" height="250" loading="lazy"
decoding="async" />
</a>
</div>
</div>
<div class="hero-banner-logo">
<a href="https://www.kindlife.in/skin1004/">
<img style="height: 17px;"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1706-hb-logo-skin1004.png"
alt=""></a>
</div>
<div class="hero-banner-right">
<a href="https://www.kindlife.in/skin1004/" aria-label="Explore Centella skincare products">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-hb-drip-skin1004.webp"
alt="Madagascar Centella skincare range for sensitive skin" loading="lazy"
decoding="async" />
</a>
</div>
</div>
</article>
<!-- SLIDE 3(biore) -->
<article class="swiper-slide">
<div class="hero-banner-slide">
<div class="hero-banner-left">
<div class="hero-banner-content">
<a href="https://www.kindlife.in/biore/">
<h4 class="hero-banner-title">Japan’s <span>#1</span> sunscreen
obsession</h4>
<p class="hero-banner-subtitle">25% off </p>
<!-- <p class="hero-banner-subtitle">Save 40% </p> -->
</a>
<a href="https://www.kindlife.in/biore/" class="hero-banner-cta"
aria-label="SHOP Biore sunscreen products">
SHOP
</a>
</div>
<div class="hero-banner-productList">
<a href="https://www.kindlife.in/uv-aqua-rich-watery-essence-sunscreen-spf-50-pa-50gm/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-hb-pids-01-biore.webp"
alt="Biore UV Aqua Rich Watery Essence SPF50 sunscreen" width="200" height="250"
loading="lazy" />
</a>
<a href="https://www.kindlife.in/makeup-remover-cleansing-oil-150ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-hb-pids-02-biore.webp"
alt="Biore Makeup Remover Cleansing Oil" width="200" height="250" loading="lazy" />
</a>
<a href="https://www.kindlife.in/uv-aqua-rich-aqua-protect-mist-spf50-pa-60ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-hb-pids-03b-biore.webp"
alt="Biore sunscreen travel size SPF50" width="200" height="250" loading="lazy" />
</a>
</div>
</div>
<div class="hero-banner-logo">
<a href="https://www.kindlife.in/biore/">
<img style="width: 25%;"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1706-hb-logo-biore.png" alt=""></a>
</div>
<div class="hero-banner-right">
<a href="https://www.kindlife.in/biore/" aria-label="Explore Biore sunscreen range">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-hb-drip-biore.webp"
alt="Biore UV Aqua Rich sunscreen products" loading="lazy" />
</a>
</div>
</div>
</article>
<!-- SLIDE 1(cosrx) -->
<article class="swiper-slide">
<div class="hero-banner-slide">
<div class="hero-banner-left">
<div class="hero-banner-content">
<a href="https://www.kindlife.in/cosrx/?sort_by=bestsellers&sort_order=desc">
<h4 class="hero-banner-title ">Korea's <span>snail</span> mucin
icon
</h4>
<p class="hero-banner-subtitle">35% off </p>
</a>
<a href="https://www.kindlife.in/cosrx/?sort_by=bestsellers&sort_order=desc"
class="hero-banner-cta" aria-label="SHOP Biore sunscreen products">
SHOP
</a>
</div>
<div class="hero-banner-productList">
<a
href="https://www.kindlife.in/advanced-snail-92-all-in-one-cream-50g-healthy-glow-anti-aging-rejuvenation-and-maintenance/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0106-hb-cosrx-pid01.webp"
alt="Biore UV Aqua Rich Watery Essence SPF50 sunscreen" width="200" height="250"
loading="lazy" />
</a>
<a href="https://www.kindlife.in/the-6-peptide-skin-booster-serum-150ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0207-hb-cosrx-pid02.webp"
alt="Biore Makeup Remover Cleansing Oil" width="200" height="250" loading="lazy" />
</a>
<a href="https://www.kindlife.in/centella-water-alcohol-free-toner-150ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0106-hb-cosrx-pid01a.webp"
alt="Biore sunscreen travel size SPF50" width="200" height="250" loading="lazy" />
</a>
</div>
</div>
<div class="hero-banner-logo">
<a href="https://www.kindlife.in/cosrx/?sort_by=bestsellers&sort_order=desc">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1706-hb-logo-cosrx.png"
alt=""></a>
</div>
<div class="hero-banner-right">
<a href="https://www.kindlife.in/cosrx/?sort_by=bestsellers&sort_order=desc"
aria-label="Explore Biore sunscreen range">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0607-hb-drip-cosrx.webp"
alt="Biore UV Aqua Rich sunscreen products" loading="lazy" />
</a>
</div>
</div>
</article>
</div>
<div class="swiper-pagination" aria-label="Banner navigation"></div>
</section>
<script>
new Swiper(".hero-banners", {
slidesPerView: 1,
spaceBetween:10,
loop: true,
// autoplay: {
// delay: 4000,
// disableOnInteraction: false,
// },
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: {
// Tablets
480: {
slidesPerView: 2,
},
768: {
slidesPerView: 2.5,
},
991: {
slidesPerView: 3,
},
}
});
</script>";} |
0 |
|
|
10080 |
|
|
7 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"100";} |
0 |
1 |
en |
HP hero banners - new design |
| 7057 |
3304 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:35:"68909,68912,68913,68910,68911,68908";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13017 |
|
bk_toggle_pids pid_carousal_3 |
7 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP Dear Darling Lip tint pids |
| 7443 |
3631 |
a:1:{s:7:"content";s:2243:"<style>
.bk_new_grid-lg.scroll.next-wrap {
grid-template-columns: repeat(4, max(170px, 22%));
justify-content: space-between;
}
@media (max-width: 600px) {
.bk_new_grid-lg.scroll.next-wrap {
grid-template-columns: repeat(2, 48.5%);
}
}
</style>
<div class="bk_block_heading">
<h2>NEXT GEN SKIN STAPLES</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll next-wrap">
<li><a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=cica+infused+cream&filter_country_of_origin=korea">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-next-gen-iunik.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Cica Infused Creams</p>
</div>
</li>
<li> <a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=sheet+masks&filter_country_of_origin=korea&sort=relevance&page=1">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-next-gen-biodance.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Sheet Masks</p>
</div>
</li>
<li><a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=double+cleanse&filter_country_of_origin=korea">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-next-gen-round-lab.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Double Cleanse</p>
</div>
</li>
<li><a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=textures&sort=popularity&filter_country_of_origin=korea">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-next-gen-skinfood-desk.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Sensorial textures </p>
</div>
</li>
</ul>";} |
0 |
|
|
12626 |
|
hidden-phone hidden-app |
7 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP NEXT GEN SKIN STAPLES desk |
| 7118 |
4030 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:47:"14284,14282,14258,14286,67646,14296,67628,14279";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13628 |
|
bk_toggle_pids pid_carousal_4 |
7 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP derma fixderma pids |
| 7370 |
4108 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:41:"14825,32132,33776,65282,65279,65278,33775";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13883 |
|
bk_toggle_pids pid_carousal_7 |
7 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"200";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Holiday sale - 50% off kbeauty toggle pids - isntree |
| 7389 |
4237 |
a:1:{s:7:"content";s:8067:"<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<style>
.new-brands-wrap {
width: 100%;
}
.new-brands-wrap a {
text-decoration: none;
color: inherit;
display: block;
height: 100%;
}
.new-brands-box {
overflow: hidden;
background: #E8DFD4;
min-height: 320px;
}
.new-brands-inner {
display: grid;
grid-template-columns: 65% 35%;
align-items: stretch;
min-height: 320px;
}
.jl-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.jl-content p {
font-size: 30px;
font-weight: 300;
margin: 0;
line-height: 1.3;
}
.jl-btn {
padding: 2px 10px;
background: #000;
color: #fff;
font-size: 15px;
letter-spacing: 2px;
display: inline-block;
margin-top: 20px;
}
.jl-image {
height: 100%;
}
.jl-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.jl-logo {
width: 18%;
margin-bottom: 6px;
}
.jl-swiper .swiper-pagination {
position: static;
margin-top: 0;
}
.jl-swiper .swiper-pagination-bullet-active {
background: #000;
}
.hero-discount {
min-height: 24px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
}
@media(max-width: 768px) {
.new-brands-box {
min-height: auto;
}
.new-brands-inner {
grid-template-columns: 1fr;
min-height: auto;
}
.jl-image {
order: -1;
}
/* FIX ONLY */
.jl-image.jl-mobile-balance {
height: auto;
flex-shrink: 0;
}
.jl-image.jl-mobile-balance img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
.jl-content.jl-mobile-balance-content {
padding: 14px 12px;
min-height: 190px;
justify-content: center;
gap: 8px;
}
.jl-logo {
width: 70px;
margin: 0 auto;
display: block;
}
.jl-logo.new-l {
width: 70px;
}
.jl-content p {
font-size: 20px;
margin: 0;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.hero-discount {
min-height: 24px;
margin-top: 0;
}
.jl-btn {
font-size: 13px;
margin-top: 0;
}
}
</style>
<div class="bk_block_heading">
<h2>JUST LAUNCHED</h2>
</div>
<div class="new-brands-wrap">
<div class="swiper jl-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="new-brands-box">
<a href="https://www.kindlife.in/curiously-ive">
<div class="new-brands-inner">
<div class="jl-content jl-mobile-balance-content">
<img class="jl-logo"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-2305-new-and-next-iver-logo.png">
<p>Better you. Better us. Better planet.</p>
<div class="hero-discount">Save 30%</div>
<span class="jl-btn">SHOP</span>
</div>
<div class="jl-image jl-mobile-balance">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2305-new-and-next-iver-img.webp">
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="new-brands-box">
<a href="https://www.kindlife.in/nutriburst/?sort_by=bestsellers&sort_order=desc">
<div class="new-brands-inner">
<div class="jl-content jl-mobile-balance-content">
<img class="jl-logo"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1505-nutri-logo.png">
<p>Science-led wellness nutrition you can trust</p>
<div class="hero-discount">Save up to 40%</div>
<span class="jl-btn">SHOP</span>
</div>
<div class="jl-image jl-mobile-balance">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1505-nutri-img.webp">
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="new-brands-box">
<a href="https://www.kindlife.in/the-whole-truth/">
<div class="new-brands-inner">
<div class="jl-content jl-mobile-balance-content">
<img class="jl-logo"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0805-logos-whole-truth.png">
<p>No lies. No half-truths. Just real food.</p>
<div class="hero-discount">Save up to 12%</div>
<span class="jl-btn">SHOP</span>
</div>
<div class="jl-image jl-mobile-balance">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0505-strip-whole-truth1.webp">
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="new-brands-box">
<a href="https://www.kindlife.in/hichkie/">
<div class="new-brands-inner">
<div class="jl-content jl-mobile-balance-content">
<img class="jl-logo new-l"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1405-hichkiw-logo2.png">
<p>Authentic A2 goodness in every spoon</p>
<div class="hero-discount">Save 40%</div>
<span class="jl-btn">SHOP</span>
</div>
<div class="jl-image jl-mobile-balance">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1405-ghee-strip-desk1.webp">
</div>
</div>
</a>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
new Swiper(".jl-swiper", {
slidesPerView: 1,
loop: true,
autoplay: {
delay: 3000,
disableOnInteraction: false
},
pagination: {
el: ".jl-swiper .swiper-pagination",
clickable: true
}
});
</script>";} |
0 |
|
|
14014 |
|
|
7 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP NEW & NEXT IN K BEAUTY |
| 2528 |
4271 |
a:1:{s:7:"content";s:1496:"<style>
.floating-box {
position: fixed;
bottom: 75px;
right: 0;
width: auto;
transition: all 0.3s ease;
z-index: 999;
display: flex;
align-items: center;
}
.floating-box img {
width: 100%;
max-width: 100px;
display: block;
}
.floating-toggle-btn {
background: #333;
color: #fff;
border: none;
padding: 8px 10px;
cursor: pointer;
border-radius: 5px 0 0 5px;
display: none;
}
/* Hidden state */
.collapsed a {
display: none;
}
.collapsed .floating-toggle-btn {
display: block;
}
</style>
<div class="luxe-floating-box hidden-tablet hidden-desktop">
<div class="floating-box" id="floatingBox">
<button class="floating-toggle-btn" id="floatingToggleBtn">❮</button>
<a href="/luxe"><img src="https://cdn.kindlife.in/images/banners/kindluxe/kindluxe-floating-icon1.png" alt="Floating Image"></a>
</div>
</div>
<script>
const box = document.getElementById("floatingBox");
const btn = document.getElementById("floatingToggleBtn");
let lastScrollY = window.scrollY;
// Detect scroll direction
window.addEventListener("scroll", () => {
if (window.scrollY > lastScrollY) {
// scrolling DOWN → hide
box.classList.add("collapsed");
} else {
// scrolling UP → show
box.classList.remove("collapsed");
}
lastScrollY = window.scrollY;
});
// manual toggle
btn.addEventListener("click", () => {
box.classList.toggle("collapsed");
});
</script>";} |
0 |
|
|
14064 |
|
|
7 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
kindluxe - floating icon |
| 2538 |
4 |
|
0 |
|
|
3877 |
|
top-my-account bk_topMyAccount |
8 |
D |
my_account |
a:1:{s:8:"template";s:21:"blocks/my_account.tpl";} |
0 |
1 |
en |
My Account |
| 2528 |
2509 |
a:1:{s:7:"content";s:3059:"<style>
.askMe-floating-box {
position: fixed;
bottom: 75px;
right: 12px;
width: auto;
transition: all 0.3s ease;
z-index: 99;
}
.askMe-floatingBox-wrap {
display: flex;
align-items: center;
gap: 6px;
background: #02A2B0;
border-radius: 14px;
padding: 8px 10px;
cursor: pointer;
}
.askMe-floatingImg {
border: 0;
background: transparent;
padding: 0;
}
.askMe-floatingContent h4 {
margin: 0;
color: #fff;
font-size: 14px;
}
.askMe-floatingContent p {
color: #fff;
padding: 0;
font-size: 13px;
}
.askMe-floatingImg img {
width: 36px;
}
.askMe-floating-closeBtn {
background: #00000080;
border-radius: 50px;
cursor: pointer;
position: absolute;
right: -10px;
top: -10px;
width: 26px;
height: 26px;
border: 0;
display: inline-block;
}
.askMe-floating-closeBtn span:before,
.askMe-floating-closeBtn span:after {
content: '';
width: 2px;
height: 55%;
background: #FFFFFF;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.askMe-floating-closeBtn span:after {
width: 55%;
height: 2px;
}
/* Hidden state */
.askMe-floatingBox-wrap.collapsed .askMe-floatingContent {
display: none;
}
</style>
<div class="askMe-floating-box" style="display: none;">
<button class="askMe-floating-closeBtn"><span></span></button>
<a href="/ask-me-anything" id="askMeLink">
<div class="askMe-floatingBox-wrap askMeAnything-openChatBtn">
<button class="askMe-floatingImg">
<img src="https://cdn.kindlife.in/images/ui_icon/footer-option-askMe-icon1.png" alt="askMe-floating-icon" loading="lazy">
</button>
<div class="askMe-floatingContent">
<h4>Ask kiki</h4>
<p>here to help you</p>
</div>
</div>
</a>
</div>
<script>
const floatingAskMeBox = document.querySelector(".askMe-floatingBox-wrap");
const floatingAskMeBlock = document.querySelector(".askMe-floating-box");
window.addEventListener('load', function () {
floatingAskMeBlock.style.display = 'block';
});
document.getElementById("askMeLink").addEventListener("click", function (e) {
if (window.ReactNativeWebView) {
e.preventDefault();
window.ReactNativeWebView.postMessage(
JSON.stringify({
screen_name: "KikiAi"
})
);
}
});
// function to close askMe floating block
$(".askMe-floating-closeBtn").click(function(){
$(".askMe-floating-box").hide();
})
let askMelastScrollY = window.scrollY;
// Detect scroll direction
window.addEventListener("scroll", () => {
if (window.scrollY > askMelastScrollY) {
// scrolling DOWN → hide
floatingAskMeBox.classList.add("collapsed");
} else {
// scrolling UP → show
floatingAskMeBox.classList.remove("collapsed");
}
askMelastScrollY = window.scrollY;
});
if (window.ReactNativeWebView) {
floatingAskMeBlock.style.bottom = "25px";
}
</script>";} |
0 |
|
|
9898 |
|
|
8 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP kiki-ai floating button |
| 7359 |
3968 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:53:"37830,69490,30146,69097,69195,35984,37558,64313,19007";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13540 |
|
|
8 |
A |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP - WORTH ALL THE HYPE - pids |
| 7118 |
4035 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:41:"66427,66428,66417,66420,66415,66424,66425";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13637 |
|
bk_toggle_pids pid_carousal_8 |
8 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP derma dr-g |
| 7370 |
4110 |
a:1:{s:7:"content";s:728:"<div class="bk_category_link bk_cat-toggle_more-block">
<a href="https://www.kindlife.in/biodance/" class="bk_cat-toggle_more-link pid_carousal_1 active"> View More<span>❯</span></a>
<a href="https://www.kindlife.in/round-lab/" class="bk_cat-toggle_more-link pid_carousal_2">View More<span>❯</span> </a>
<a href="https://www.kindlife.in/rovectin/" class="bk_cat-toggle_more-link pid_carousal_3">View More <span>❯</span></a>
<a href="https://www.kindlife.in/frudia/" class="bk_cat-toggle_more-link pid_carousal_4">View More<span>❯</span> </a>
<a href="https://www.kindlife.in/secret-key/" class="bk_cat-toggle_more-link pid_carousal_5">View More<span>❯</span> </a>
</div>
";} |
0 |
|
|
13887 |
|
|
8 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Holiday sale - 50% off kbeauty toggle - view more links |
| 7389 |
4121 |
a:1:{s:7:"content";s:7102:"<style>
/* ===== SECTION ===== */
.brand-section {
padding: 0px;
text-align: center;
}
/* ===== TITLE ===== */
.brand-title {
font-size: 22px;
margin-bottom: 20px;
}
/* ===== MARQUEE WRAPPER ===== */
.brand-marquee {
overflow: hidden;
position: relative;
width: 100%;
}
/* ===== TRACK (MOVING PART) ===== */
.brand-track {
display: flex;
width: max-content;
animation: scrollLeft 25s linear infinite;
}
/* ===== EACH LOGO ===== */
.brand-item {
flex: 0 0 auto;
width: 140px;
display: flex;
align-items: center;
justify-content: center;
padding: 0px 20px;
}
.brand-item img {
width: 100%;
height: 60px;
object-fit: contain;
transition: 0.3s ease;
}
.brand-marquee:hover .brand-track {
animation-play-state: paused;
}
@keyframes scrollLeft {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
</style>
<div class="brand-section strip_banner">
<div class="brand-marquee">
<div class="brand-track">
<!-- ===== ORIGINAL SET ===== -->
<a href="https://www.kindlife.in/essenpick/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-essenpick.webp"></a>
<a href="https://www.kindlife.in/novology/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-3003-brands-novology.webp"></a>
<a href="https://www.kindlife.in/cotril/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-cotril.webp"></a>
<a href="https://www.kindlife.in/shrumei/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-shrumei.webp"></a>
<a href="https://www.kindlife.in/la-roche-posay/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-3003-brands-la-roche.webp"></a>
<a href="https://www.kindlife.in/bioart/" class="brand-item"><img style="height: 40px;" src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-bioart.webp"></a>
<a href="https://www.kindlife.in/torriden/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-toridden.webp"></a>
<a href="https://www.kindlife.in/ample-n/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-amplen.webp"></a>
<a href="https://www.kindlife.in/arencia/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-arencia.webp"></a>
<a href="https://www.kindlife.in/dyson/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-dyson.webp"></a>
<a href="https://www.kindlife.in/jumiso/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-jumiso.webp"></a>
<a href="https://www.kindlife.in/k-secret/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-k-secret.webp"></a>
<a href="https://www.kindlife.in/skinvest/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-skininvest.webp"></a>
<a href="https://www.kindlife.in/embryolisse/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-embrolyisse.webp"></a>
<a href="https://www.kindlife.in/elizavecca/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-elizza.webp"></a>
<a href="https://www.kindlife.in/ferragamo/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-feragammo.webp"></a>
<a href="https://www.kindlife.in/arabian-oud/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-arabian-oud.webp"></a>
<a href="https://www.kindlife.in/chopard/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-chopard.webp"></a>
<!-- <a href="https://www.kindlife.in/beauty-of-majesty/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-BOM.webp"></a> -->
<a href="https://www.kindlife.in/diesel/" class="brand-item"><img style="height: 40px;" src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-diesel.webp"></a>
<a href="https://www.kindlife.in/jaguar/" class="brand-item"><img style="height: 40px;" src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-jaguar.webp"></a>
<a href="https://www.kindlife.in/nautica/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-nautica.webp"></a>
<a href="https://www.kindlife.in/arks/" class="brand-item"><img style="height: 40px;" src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-arks.webp"></a>
<a href="https://www.kindlife.in/guy-laroche/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-toridden.webp"></a>
<a href="https://www.kindlife.in/beyond-beyond/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-beyond.webp"></a>
<!-- ===== DUPLICATE SET (for seamless loop) ===== -->
<a href="https://www.kindlife.in/essenpick/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-essenpick.webp"></a>
<a href="https://www.kindlife.in/cotril/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-cotril.webp"></a>
<a href="https://www.kindlife.in/shrumei/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-shrumei.webp"></a>
<a href="https://www.kindlife.in/bioart/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-bioart.webp"></a>
<a href="https://www.kindlife.in/torriden/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-toridden.webp"></a>
<a href="https://www.kindlife.in/ample-n/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-amplen.webp"></a>
<a href="https://www.kindlife.in/arencia/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-arencia.webp"></a>
<a href="https://www.kindlife.in/dyson/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-dyson.webp"></a>
<a href="https://www.kindlife.in/jumiso/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-jumiso.webp"></a>
<a href="https://www.kindlife.in/k-secret/" class="brand-item"><img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2103-brand-logos-k-secret.webp"></a>
</div>
</div>
</div>";} |
0 |
|
|
13824 |
|
|
8 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP discover brands strips |
| 7063 |
4151 |
a:1:{s:7:"content";s:5509:"<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<style>
/* ===== JUST LAUNCHED SWIPER ===== */
.jl-swiper-wrap {
width: 100%;
}
.jl-swiper-wrap a {
text-decoration: none;
color: inherit;
display: block;
}
.jl-slide-box {
overflow: hidden;
background: #E8DFD4;
min-height: 320px;
}
.jl-slide-inner {
display: grid;
grid-template-columns: 65% 35%;
align-items: stretch;
min-height: 320px;
}
.jl-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.jl-content p {
font-size: 30px;
font-weight: 300;
margin: 0;
line-height: 1.3;
}
.jl-btn {
padding: 2px 10px;
background: #000;
color: #fff;
font-size: 15px;
letter-spacing: 2px;
display: inline-block;
margin-top: 20px;
}
.jl-image {
position: relative;
min-height: 100%;
}
.jl-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.jl-logo {
width: 18%;
margin-bottom: 6px;
}
.jl-corner-logo {
position: absolute;
bottom: 12px;
left: 12px;
width: 70px !important;
height: auto !important;
z-index: 2;
}
.just-launched-pagination {
text-align: center;
}
.just-launched-pagination .swiper-pagination-bullet-active {
background: #000;
}
.hero-discount {
min-height: 24px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
/* color: #d6000a; */
}
/* ===== MOBILE ===== */
@media(max-width: 768px) {
.jl-slide-box {
min-height: auto;
}
.jl-slide-inner {
grid-template-columns: 1fr;
min-height: auto;
}
.jl-image {
order: -1;
}
.jl-image img {
width: 100%;
height: 100%;
object-fit: fill;
display: block;
}
.jl-content {
padding: 10px 0;
min-height: 170px;
justify-content: center;
gap: 8px;
}
.jl-logo {
width: 70px;
margin: 0 auto;
display: block;
}
.jl-logo.new-l {
width: 70px;
margin: 0 auto;
}
.jl-content p {
font-size: 20px;
padding: 0;
margin: 0;
min-height: 22px;
display: flex;
align-items: center;
justify-content: center;
}
.hero-discount {
min-height: 24px;
margin-top: 0;
}
.jl-btn {
font-size: 13px;
margin-top: 0;
}
}
@media(max-width:600px) {
.jl-corner-logo {
width: 50px !important;
bottom: 0px;
top: 12px;
left: 12px;
}
}
</style>
<div class="bk_block_heading">
<h2>LATEST ON OUR RADAR</h2>
</div>
<div class="jl-swiper-wrap">
<div class="swiper just-launched-swiper">
<div class="swiper-wrapper">
<!-- Arencia -->
<!-- Arencia -->
<div class="swiper-slide">
<div class="jl-slide-box">
<a href="https://www.kindlife.in/arencia/">
<div class="jl-slide-inner">
<div class="jl-content">
<img class="jl-logo"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-2406-arencia-logo.webp"
alt="Arencia">
<p>Home of whipped skincare rituals</p>
<div class="hero-discount" style="color: #d6000a;;">Save 20%</div>
<span class="jl-btn">SHOP</span>
</div>
<div class="jl-image">
<img src="https://cdn.kindlife.in/images/banners/hp-images/Dev-0107-testing-arcenia.webp"
alt="">
</div>
</div>
</a>
</div>
</div>
<!-- clayco
<div class="swiper-slide">
<div class="jl-slide-box">
<a href="https://www.kindlife.in/clayco./">
<div class="jl-slide-inner">
<div class="jl-content">
<img class="jl-logo"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-0606-strip-clayco-logo.webp"
alt="clayco">
<p>Clean beauty begins here</p>
<div class="hero-discount">Save 10%</div>
<span class="jl-btn">SHOP</span>
</div>
<div class="jl-image">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0606-strip-clayco-img.webp"
alt="">
</div>
</div>
</a>
</div>
</div> -->
<!-- blithe -->
<!-- <div class="swiper-slide">
<div class="jl-slide-box">
<a href="https://www.kindlife.in/blithe/">
<div class="jl-slide-inner">
<div class="jl-content">
<img class="jl-logo" style="width:13%;"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-2805-new-on-kl-52-blithe-logo.png"
alt="blithe">
<p>Korean skincare for urban lives</p>
<div class="hero-discount">Save 20%</div>
<span class="jl-btn">SHOP</span>
</div>
<div class="jl-image">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2805-new-on-kl-52-blithe.webp"
alt="">
</div>
</div>
</a>
</div>
</div> -->
</div>
<div class="just-launched-pagination"></div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
new Swiper(".just-launched-swiper", {
slidesPerView: 1,
loop: true,
autoplay: {
delay: 6000,
disableOnInteraction: false
},
pagination: {
el: ".just-launched-pagination",
clickable: true
}
});
</script>";} |
0 |
|
|
13901 |
|
|
8 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP latest on radar |
| 7443 |
4278 |
a:1:{s:7:"content";s:2367:"<div class="hot-now-section bk_block_heading">
<h2>NEXT GEN SKIN STAPLES</h2>
<div class="zigzag-grid">
<div class="item item1">
<a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=cica+infused+cream&filter_country_of_origin=korea">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-next-gen-iunik-mob.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</div>
<div class="item item2">
<a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=sheet+masks&filter_country_of_origin=korea&sort=relevance&page=1">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-next-gen-biodance-mob.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</div>
<div class="item item3">
<a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=snail+mucin&filter_country_of_origin=korea">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-next-gen-cosrx-mob.webp" alt="img"
width="400" height="120" loading="lazy"></a>
</div>
<div class="item item4">
<a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=textures&sort=popularity&filter_country_of_origin=korea">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2104-next-gen-skinfood-mob.webp"
alt="img" width="400" height="120" loading="lazy"></a>
</div>
</div>
</div>
<style>
.zigzag-grid {
display: grid;
grid-template-columns: 1fr 1fr;
/* grid-auto-rows: 180px; */
gap: 10px;
}
/* Images */
.item img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Row 1 */
.item1 {
grid-column: 1;
grid-row: 1 / span 2;
}
.item2 {
grid-column: 2;
grid-row: 1;
/* SMALL RIGHT TOP */
}
/* Row 2 */
.item3 {
grid-column: 1;
grid-row: 3;
/* SMALL LEFT */
}
.item4 {
grid-column: 2;
grid-row: 2 / span 2;
/* BIG RIGHT */
}
</style>";} |
0 |
|
|
14073 |
|
hidden-tablet hidden-desktop |
8 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP NEXT GEN SKIN STAPLES mob |
| 2538 |
334 |
a:1:{s:7:"content";s:1361:"<style>
.bk_top_Btns_wrap {
display: flex;
align-items: center;
column-gap: 12px;
height: 60px;
}
.bk_top_Btns_wrap a,
.bk_top_Btns_wrap button {
display: flex;
align-items: center;
column-gap: 5px;
color: #000000;
line-height: 32px;
padding: 0 10px;
border-radius: 50px;
margin: 0;
font-size: 14px;
background: #FFFFFF99;
border: 1px solid #EAE9EC;
}
.bk_top_Btns_wrap a:hover,
.bk_top_Btns_wrap button:hover {
border: 1px solid #1C2B2D;
}
.bk_top_Btns_wrap img {
width: 16px;
}
@media (max-width:900px){
.bk_kikiAi-tab {
display: none;
}
}
</style>
<div class="bk_top_Btns_wrap">
<div class="bk_kikiAi-tab">
<!-- <button class="discover-with-ai-btn askMeAnything-openChatBtns"> -->
<a class="discover-with-ai-btn" href="/ask-me-anything">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-sparkle-icon.svg" alt="kiki-ai icon">
<span class="kiki-btnText">Discover with Ai</span>
</a>
</div>
<div class="bk_community-tab">
<a href="https://www.kindlife.in/community" title="Watch">
<img src="https://cdn.kindlife.in/images/ui_icon/bk-watchPlay-icon.svg" alt="watch icon">
<span>Watch</span>
</a>
</div>
</div>";} |
0 |
|
|
3878 |
|
hidden-phone bk_communityBtn |
9 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Community / watch tabs |
| 7063 |
3674 |
a:1:{s:7:"content";s:7809:"<style>
.dealText-marquee {
overflow: hidden;
position: relative;
width: 100%;
}
.dealText-track {
display: flex;
width: max-content;
animation: dealTextScroll 5s linear infinite;
}
.protein-desc .deal-text {
background: #d6000a;
color: #fff;
padding: 4px 10px;
text-transform: uppercase;
font-size: 14px;
white-space: nowrap;
}
.dealText-marquee:hover .dealText-track {
animation-play-state: paused;
}
@keyframes dealTextScroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.protein-desc .secret-key-deal {
text-transform: uppercase;
}
</style>
<ul class="bk_grid_block bk_new_grid-lg scroll kbw-category" style="margin-top: 50px;">
<li><a href="https://www.kindlife.in/sunscreen101/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-catg-secret-key-2906b.png"
alt="Sunscreens Save up to 50%" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<div class="dealText-marquee">
<div class="dealText-track">
<p class="deal-text">Daily Drops</p>
<p class="deal-text">Daily Drops</p>
<p class="deal-text">Daily Drops</p>
<p class="deal-text">Daily Drops</p>
</div>
</div>
<span class="deal-discount">Save 50%</span>
</div>
</li>
<li><a href="https://www.kindlife.in/sunscreen101/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-sale-sunscreen2.png"
alt="Sunscreens Save up to 50%" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<p>Sunscreens</p>
<span>Save up to 88%</span>
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/cleansers/?sort_by=bestsellers&sort_order=desc&aff_id=105475"
data-category-id="2686">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-sale-clansers1.webp"
alt="CleansersSave up to 50% " width="160" height="160" loading="lazy"> -->
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0406-top-ctrgy-cleansers.webp"
alt="CleansersSave up to 50% " width="160" height="160" loading="lazy">
</a>
<div class="protein-desc">
<p>Cleansers</p>
<span>Save up to 60%</span>
</div>
</li>
<li><a href=" https://www.kindlife.in/skincare-l/toners/?sort_by=bestsellers&sort_order=desc"
data-category-id="2710">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-sale-toners.png"
alt="TonersSave up to 70%" width="160" height="160" loading="lazy"> -->
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0406-top-ctrgy-toners.webp"
alt="TonersSave up to 70%" width="160" height="160" loading="lazy">
</a>
<div class="protein-desc">
<p>Toners</p>
<span>Save up to 80%</span>
</div>
</li>
<li><a href=" https://www.kindlife.in/skincare-l/serums/?sort_by=bestsellers&sort_order=desc"
data-category-id="2827">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-sale-serums.png"
alt="SerumsSave up to 50%" width="160" height="160" loading="lazy"> -->
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0406-top-ctrgy-serums.webp"
alt="SerumsSave up to 50%" width="160" height="160" loading="lazy">
</a>
<div class="protein-desc">
<p>Serums</p>
<span>Save up to 60%</span>
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/moisturisers/?sort_by=bestsellers&sort_order=desc"
data-category-id="2705">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-sale-moisturisers.png"
alt="MoisturisersSave up to 45% " width="160" height="160" loading="lazy"> -->
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0406-top-ctrgy-moisturisers.webp"
alt="MoisturisersSave up to 45% " width="160" height="160" loading="lazy">
</a>
<div class="protein-desc">
<p>Moisturisers</p>
<span>Save up to 60%</span>
</div>
</li>
<li><a href="https://www.kindlife.in/makeup-marvel/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-sale-makeup.png"
alt="Makeup Save up to 60%" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<p>Makeup</p>
<span>Save up to 52%</span>
</div>
</li>
</ul>
<ul class="bk_grid_block bk_new_grid-lg scroll kbw-category" style="margin-top: 50px;">
<!-- <li><a href="https://www.kindlife.in/sunscreen101/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-catg-secret-key-2906c.png"
alt="Sunscreens Save up to 50%" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<p class="secret-key-deal">Biore</p>
<span class="deal-discount">Save 50%</span>
</div>
</li> -->
<li><a href="https://www.kindlife.in/sunscreen101/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-Deal-testing1.gif"
alt="Sunscreens Save up to 50%" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<p class="secret-key-deal">Biore</p>
<span class="deal-discount">Save 50%</span>
</div>
</li>
<li><a href="https://www.kindlife.in/sunscreen101/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-Deal-testing2.gif"
alt="Sunscreens Save up to 50%" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<p class="secret-key-deal">Biore</p>
<span class="deal-discount">Save 50%</span>
</div>
</li>
<li><a href="https://www.kindlife.in/sunscreen101/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-Deal-testing3.gif"
alt="Sunscreens Save up to 50%" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<p class="secret-key-deal">Biore</p>
<span class="deal-discount">Save 50%</span>
</div>
</li>
<li><a href=" https://www.kindlife.in/skincare-l/serums/?sort_by=bestsellers&sort_order=desc"
data-category-id="2827">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-sale-serums.png"
alt="SerumsSave up to 50%" width="160" height="160" loading="lazy"> -->
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0406-top-ctrgy-serums.webp"
alt="SerumsSave up to 50%" width="160" height="160" loading="lazy">
</a>
<div class="protein-desc">
<p>Serums</p>
<span>Save up to 60%</span>
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/moisturisers/?sort_by=bestsellers&sort_order=desc"
data-category-id="2705">
<!-- <img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-sale-moisturisers.png"
alt="MoisturisersSave up to 45% " width="160" height="160" loading="lazy"> -->
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0406-top-ctrgy-moisturisers.webp"
alt="MoisturisersSave up to 45% " width="160" height="160" loading="lazy">
</a>
<div class="protein-desc">
<p>Moisturisers</p>
<span>Save up to 60%</span>
</div>
</li>
<li><a href="https://www.kindlife.in/makeup-marvel/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-sale-makeup.png"
alt="Makeup Save up to 60%" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<p>Makeup</p>
<span>Save up to 52%</span>
</div>
</li>
<li><a href="https://www.kindlife.in/makeup-marvel/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-sale-makeup.png"
alt="Makeup Save up to 60%" width="160" height="160" loading="lazy"></a>
<div class="protein-desc">
<p>Makeup</p>
<span>Save up to 52%</span>
</div>
</li>
</ul>";} |
0 |
|
|
13188 |
|
|
9 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP sub categories testing |
| 7118 |
3905 |
a:1:{s:7:"content";s:983:"<div class="bk_category_link hfm_more_link bk_cat-toggle_more-block">
<a href="https://www.kindlife.in/round-lab/" class="bk_cat-toggle_more-link pid_carousal_1 active"> View More
<span>❯</span> </a>
<a href="https://www.kindlife.in/minimalist/" class="bk_cat-toggle_more-link pid_carousal_2">View More
<span>❯</span> </a>
<a href=" https://www.kindlife.in/cerave/" class="bk_cat-toggle_more-link pid_carousal_3">View More
<span>❯</span>
</a>
<a href="https://www.kindlife.in/abbott/" class="bk_cat-toggle_more-link pid_carousal_4">View More
<span>❯</span> </a>
<a href="https://www.kindlife.in/bioderma/" class="bk_cat-toggle_more-link pid_carousal_5">View More
<span>❯</span> </a>
<a href="https://www.kindlife.in/ethiglo/" class="bk_cat-toggle_more-link pid_carousal_6">View More
<span>❯</span> </a>
<a href="https://www.kindlife.in/sesderma/" class="bk_cat-toggle_more-link pid_carousal_7">View More
<span>❯</span> </a>
</div>";} |
0 |
|
|
13350 |
|
|
9 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP derma more links |
| 7359 |
4058 |
a:1:{s:7:"content";s:1142:"<div class="bk_block_heading">
<h2> Check this out </h2>
</div>
<div class="seoul_banner shadow">
<a href="https://www.kindlife.in/community" class="seoul-watch-link">
<picture>
<source media="(max-width: 767px)"
srcset="https://cdn.kindlife.in/images/banners/hp-images/HP-1612-seoul-searching-mob.webp">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1612-seoul-searching-desk.webp"
alt="watch-community-banner" width="1200" height="150" style="cursor: pointer;" />
</picture>
</a>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const link = document.querySelector('.seoul-watch-link');
if (!link) return;
link.addEventListener('click', function (e) {
if (window.ReactNativeWebView) {
e.preventDefault();
window.ReactNativeWebView.postMessage(
JSON.stringify({
screen_name: 'Watch'
})
);
}
});
});
</script>";} |
0 |
|
|
13681 |
|
|
9 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP seoul searching strip |
| 7443 |
4182 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:35:"70213,70215,65226,18401,36065,70226";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13945 |
blocks/wrappers/mainbox_simple.tpl |
|
9 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
THE VIRAL K-EDIT |
| 7389 |
4266 |
a:1:{s:7:"content";s:10347:"<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<style>
.exclusive-card {
text-decoration: none;
color: #000;
display: block;
}
.exclusive-media img {
width: 100%;
display: block;
}
.hero-discount {
font-size: 35px;
font-weight: 300;
margin-top: 12px;
}
.exclusive-content {
background: #E8DFD4;
min-height: 240px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 10px 0;
}
.brand-logo {
width: 120px;
}
.ap-wid {
width: 90px;
}
.exclusive-content p {
font-size: 22px;
font-weight: 300;
margin: 0;
/* min-height: 55px; */
}
.hero-discount {
min-height: 24px;
}
.exclusive-media {
overflow: hidden;
}
.exclusive-media img {
width: 100%;
height: 300px;
object-fit: cover;
display: block;
}
.hero-btns span {
display: inline-block;
background: #000;
color: #fff;
padding: 3px 10px;
margin-top: 15px;
letter-spacing: 1px;
}
.hero-video-slider .swiper-pagination {
position: relative !important;
bottom: 0 !important;
margin-top: 6px;
}
.swiper-pagination {
position: relative;
margin-top: 15px;
}
.swiper-pagination-bullet-active {
background: #000;
}
@media(max-width:768px) {
.exclusive-content {
min-height: 120px;
}
.exclusive-content p {
font-size: 20px;
min-height: auto;
}
.brand-logo {
width: 100px;
}
.ap-wid {
width: 80px;
}
.hero-discount {
font-size: 25px;
margin-top: 5px;
}
}
</style>
<div class="bk_block_heading">
<h2>THE KINDLIFE EXCLUSIVES</h2>
</div>
<div class="swiper hero-video-slider">
<div class="swiper-wrapper">
<!--Dewdap -->
<div class="swiper-slide">
<a href="https://www.kindlife.in/dewdap/" class="exclusive-card">
<div class="exclusive-media">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2606-excluisve-dewdap.gif"
alt="">
</div>
<div class="exclusive-content">
<img class="brand-logo"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-2606-exclusive-dewdap.png">
<p>Mindful skincare, backed by science</p>
<div class="hero-discount">Save 25%</div>
<span class="jl-btn">SHOP</span>
</div>
</a>
</div>
<!--Dewdap -->
<div class="swiper-slide">
<a href="https://www.kindlife.in/brtc/" class="exclusive-card">
<div class="exclusive-media">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2606-excluisve-brtc.gif"
alt="">
</div>
<div class="exclusive-content">
<img class="brand-logo"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-2606-exclusive-brtc.png">
<p>Korean derm care for stressed skin</p>
<div class="hero-discount">Save 25%</div>
<span class="jl-btn">SHOP</span>
</div>
</a>
</div>
<!-- CARD 1 -->
<div class="swiper-slide">
<a href="https://www.kindlife.in/apieu-launch/" class="exclusive-card">
<div class="exclusive-media">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2606-excluisve-apieu.gif"
alt="">
</div>
<div class="exclusive-content">
<img class="brand-logo ap-wid"
src="https://cdn.kindlife.in/images/banners/landing-page/apieu-lp/Apieu-2206-hp-strip-logo.png">
<p>Witty K-Beauty charm</p>
<div class="hero-discount">Save up to 50%</div>
<span class="jl-btn">SHOP</span>
</div>
</a>
</div>
<!-- CARD 2 -->
<div class="swiper-slide">
<a href="https://www.kindlife.in/frankly-launch/" class="exclusive-card">
<div class="exclusive-media">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2606-excluisve-frankly.gif"
alt="">
</div>
<div class="exclusive-content">
<img class="brand-logo"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-1206-frankly-logo.png">
<p>Glow booster salmon PDRN serum</p>
<div class="hero-discount">Save 20%</div>
<span class="jl-btn">SHOP</span>
</div>
</a>
</div>
<!-- CARD 3 -->
<div class="swiper-slide">
<a href="https://www.kindlife.in/seapuri-launch/" class="exclusive-card">
<div class="exclusive-media">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2606-excluisve-seapuri.gif"
alt="">
</div>
<div class="exclusive-content">
<img class="brand-logo"
src="https://cdn.kindlife.in/images/banners/hp-images/Seapuri-launch-top-logo.png">
<p>Korea’s #1 scalp serum is here</p>
<div class="hero-discount">Save 25%</div>
<span class="jl-btn">SHOP</span>
</div>
</a>
</div>
<!-- CARD 5 -->
<div class="swiper-slide">
<a href="" class="exclusive-card">
<div class="exclusive-media">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2606-excluisve-aplb.gif"
alt="">
</div>
<div class="exclusive-content">
<img class="brand-logo"
src="https://cdn.kindlife.in/images/banners/hp-images/HP-2606-latest-aplb-logo.webp">
<p>Science-driven care for sensitive skin</p>
<div class="hero-discount">Save 25%</div>
<span class="jl-btn">SHOP</span>
</div>
</a>
</div>
<!-- CARD 6 -->
<!-- <div class="swiper-slide">
</div> -->
</div>
<div class="swiper-pagination"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
new Swiper('.hero-video-slider', {
loop: true,
speed: 600,
autoplay: {
delay: 5000,
disableOnInteraction: false
},
pagination: {
el: '.swiper-pagination',
clickable: true
},
breakpoints: {
0: {
slidesPerView: 1,
spaceBetween: 0
},
769: {
slidesPerView: 3,
spaceBetween: 20
}
}
});
</script>";} |
0 |
|
|
14058 |
|
|
9 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP exclusive swiper |
| 7389 |
4057 |
a:3:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:52:"38433,68302,65146,36783,69733,4702,64500,66994,35341";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
13679 |
|
|
10 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"Y";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
HP GIFT HE'LL ACTUALLY LOVE pids |
| 7443 |
4238 |
a:1:{s:7:"content";s:5119:"<style>
.bk_new_grid-lg.scroll.ingre-wrap {
grid-template-columns: repeat(8, max(170px, 20%));
list-style: none;
margin: 0px;
justify-content: space-between;
}
/* ================= DESKTOP AUTO SCROLL ================= */
@media (min-width: 768px) {
.ingre-wrap {
display: flex !important;
overflow: hidden;
}
.ingre-track {
display: flex;
gap: 10px;
animation: scrollLoop 30s linear infinite;
}
/* Pause on hover */
.ingre-wrap:hover .ingre-track {
animation-play-state: paused;
}
.ingre-wrap li {
flex: 0 0 auto;
width: 220px;
}
@keyframes scrollLoop {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
}
/* ================= MOBILE (UNCHANGED) ================= */
@media (max-width: 767px) {
.bk_new_grid-lg.scroll.ingre-wrap {
grid-template-columns: repeat(4, 37%);
}
.ingre-track {
display: contents;
}
}
</style>
<div class="bk_block_heading">
<h2>INGREDIENT EXPLORER</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll ingre-wrap">
<div class="ingre-track">
<!-- ORIGINAL ITEMS -->
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=Vitamin%20C%20Face%20serums">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-vitaminc.gif">
</a>
<div class="bk_prod_desc">Vitamin C</div>
</li>
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=Niacinamide">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-niacinamide.gif">
</a>
<div class="bk_prod_desc">Niacinamide</div>
</li>
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=collagen">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-collagen.gif">
</a>
<div class="bk_prod_desc">Collagen</div>
</li>
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=Tea%20tree">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-tea-tree.gif">
</a>
<div class="bk_prod_desc">Tea tree</div>
</li>
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=Hyaluronic%20Acid">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-hylaronic.gif">
</a>
<div class="bk_prod_desc">Hyaluronic Acid</div>
</li>
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=Salicylic%20acid">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-salyclic-acid.gif">
</a>
<div class="bk_prod_desc">Salicylic acid</div>
</li>
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=retinol">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-retinol.gif">
</a>
<div class="bk_prod_desc">Retinol</div>
</li>
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=Propolis">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-propolis.gif">
</a>
<div class="bk_prod_desc">Propolis</div>
</li>
<!-- DUPLICATE ITEMS FOR LOOP -->
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=Vitamin%20C%20Face%20serums"><img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-vitaminc.gif"></a>
<div class="bk_prod_desc">Vitamin C</div>
</li>
<li>
<a href="#"><img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-niacinamide.gif"></a>
<div class="bk_prod_desc">Niacinamide</div>
</li>
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=collagen"><img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-collagen.gif"></a>
<div class="bk_prod_desc">Collagen</div>
</li>
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=Tea%20tree"><img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-tea-tree.gif"></a>
<div class="bk_prod_desc">Tea tree</div>
</li>
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=Hyaluronic%20Acid"><img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-hylaronic.gif"></a>
<div class="bk_prod_desc">Hyaluronic Acid</div>
</li>
<li>
<a href="#"><img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-salyclic-acid.gif"></a>
<div class="bk_prod_desc">Salicylic acid</div>
</li>
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=retinol"><img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-retinol.gif"></a>
<div class="bk_prod_desc">Retinol</div>
</li>
<li>
<a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&q=Propolis"><img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-propolis.gif"></a>
<div class="bk_prod_desc">Propolis</div>
</li>
</div>
</ul>";} |
0 |
|
|
14016 |
|
hidden-app hidden-phone |
10 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP INGREDIENT EXPLORER desk |
| 7063 |
4275 |
a:1:{s:7:"content";s:2909:"<style>
.protein-desc {
text-align: center;
}
.bk_new_grid-lg.scroll.new-ctgry {
grid-template-columns: repeat(7, max(160px, 13%));
justify-content: space-between;
}
ul.bk_grid_block.bk_new_grid-lg.scroll.new-ctgry li {
padding: 0 10px;
}
@media (max-width: 480px) {
.bk_new_grid-lg.scroll.new-ctgry {
grid-template-columns: repeat(7, 33%) !important;
}
}
</style>
<div class="strip_banner">
<ul class="bk_grid_block bk_new_grid-lg scroll new-ctgry">
<li><a href="https://www.kindlife.in/hair/haircare/oils/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2503-catrgory-handoil1.png" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Hair oils</p>
<span>Up to 40% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/bath-and-body/fragrance/perfumes/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2503-catrgory-perfume1.png" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Perfumes</p>
<span>Up to 55% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/lip-care/lip-balm/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2503-catrgory-lipbalm1.png" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Lip balms</p>
<span> Up to 30% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/bath-and-body/bath/body-wash/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2503-catrgory-body-wash1.png" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Bodywash</p>
<span>Up to 45% off </span>
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/eye-care/eye-cream/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2503-catrgory-eyecream1.png" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Eye creams</p>
<span>Up to 30% off </span>
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/moisturisers/night-creams/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2503-catrgory-night1.png" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Night creams</p>
<span> Up to 25% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/bath-and-body/body-care/hand-creams/?sort_by=bestsellers&sort_order=desc">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2503-catrgory-handcream2.png" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Hand creams</p>
<span> Up to 15% off</span>
</div>
</li>
</ul>
</div>";} |
0 |
|
|
14070 |
|
|
10 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP more categories |
| 2538 |
1050 |
a:1:{s:7:"content";s:33:"<div style="color:white">hi</div>";} |
0 |
|
|
6048 |
|
|
11 |
D |
smarty_block |
a:1:{s:8:"template";s:23:"blocks/smarty_block.tpl";} |
0 |
1 |
en |
loading text |
| 7443 |
3154 |
a:1:{s:7:"content";s:4362:"<style>
.bk_new_grid-lg.scroll.ingre-wrap {
grid-template-columns: repeat(8, max(170px, 20%));
list-style: none;
margin: 0px;
justify-content: space-between;
}
@media (max-width: 600px) {
.bk_new_grid-lg.scroll.ingre-wrap {
grid-template-columns: repeat(4, 37%);
}
}
</style>
<div class="bk_block_heading">
<h2>INGREDIENT EXPLORER</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll ingre-wrap">
<li><a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=Vitamin%20C%20Face%20serums">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-vitaminc.gif" alt="img" width="400"
height="120" loading="lazy"></a>
<div class="bk_prod_desc" style="color: #d6000a;">
Vitamin C
</div>
</li>
<li> <a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=Niacinamide">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-niacinamide.gif" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="bk_prod_desc" style="color: #d6000a;">
Niacinamide
</div>
</li>
<li><a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=collagen%20mask%20cream%20serum">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-collagen.gif" alt="img" width="400"
height="120" loading="lazy"></a>
<div class="bk_prod_desc" style="color: #d6000a;">
Collagen
</div>
</li>
<li class="mobile"><a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=Tea%20tree">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-tea-tree.gif" alt="img" width="400"
height="120" loading="lazy"></a>
<div class="bk_prod_desc" style="color: #d6000a;">
Tea tree
</div>
</li>
<li><a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=Hyaluronic%20Acid%20serum%20cream%20mask%20spf%20cleanser">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-hylaronic.gif" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="bk_prod_desc" style="color: #d6000a;">
Hyaluronic Acid
</div>
</li>
<li><a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=Salicylic%20acid">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-salyclic-acid.gif" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="bk_prod_desc" style="color: #d6000a;">
Salicylic acid
</div>
</li>
<li><a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=retinal">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-retinol.gif" alt="img" width="400"
height="120" loading="lazy"></a>
<div class="bk_prod_desc" style="color: #d6000a;">
Retinol
</div>
</li>
<li class="desktop"><a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=Tea%20tree">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-tea-tree.gif" alt="img" width="400"
height="120" loading="lazy"></a>
<div class="bk_prod_desc" style="color: #d6000a;">
Tea tree
</div>
</li>
<li><a
href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=Propolis">
<img src="https://cdn.kindlife.in/images/banners/hp-images/hp-0804-ingre-propolis.gif" alt="img" width="400"
height="120" loading="lazy"></a>
<div class="bk_prod_desc" style="color: #d6000a;">
Propolis
</div>
</li>
</ul>";} |
0 |
|
|
11144 |
|
hidden-tablet hidden-desktop |
11 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP INGREDIENT EXPLORER |
| 7063 |
3428 |
a:1:{s:7:"content";s:5314:"<div class="bk_block_heading">
<h2>Your “Chok Chok” Era</h2>
<p>Hydration in hyperdrive</p>
</div>
<div class="swiper summer-chok">
<div class="swiper-wrapper chok-chok-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/holy-hyssop-serum-12-hydrating-soothing-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/P-0704-summer-chok-01-new-021.webp">
</a>
<p>Deep drench</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/pdrn-100-essence-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-02-new1.webp">
</a>
<p>Plump, glassy glow</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/skin-glow-essence-cream-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-032.webp">
</a>
<p>Hydration locked</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/dive-in-cream-80ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-041.webp">
</a>
<p>Weightless hydration</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/rice-toner-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-051.webp">
</a>
<p>Rice magic</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/carrot-carotene-relief-cream/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-061.webp">
</a>
<p>Barrier Calm</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/maple-energy-infusing-serum-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-07a.webp">
</a>
<p>Radiant plumpness</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/birch-juice-moisturizing-serum50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-083.webp">
</a>
<p>Dewy hydration</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/ultra-hyaluronic-cream-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-091.webp">
</a>
<p>Supple bounce</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/hyaluron-shot-hydration-ampoule-30ml">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-101.webp">
</a>
<p>Glass skin shot</p>
</div>
</div>
</div>
<!-- Navigation -->
<!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
<div class="summer-chok-pagination"></div>
</div>
<style>
.summer-chok {
margin: 0 auto;
max-width: 1200px;
overflow: hidden;
padding: 0 30px !important;
}
.summer-chok-item {
display: flex;
flex-flow: column;
align-items: center;
transform: scale(0.7);
opacity: 0.5;
filter: grayscale(100%);
transition: all 0.3s ease;
}
.summer-chok-item img {
display: block;
}
.summer-chok-item p {
font-size: 16px;
margin: 6px 0 0;
}
.swiper-slide-active .summer-chok-item {
transform: scale(1);
opacity: 1;
filter: grayscale(0%);
}
.swiper-slide-active .summer-chok-item p {
color: #000;
font-weight: 600;
padding:0px;
}
.swiper-slide-prev .summer-chok-item,
.swiper-slide-next .summer-chok-item {
transform: scale(0.85);
opacity: 0.8;
filter: grayscale(60%);
}
.summer-chok-pagination {
text-align: center;
}
.summer-chok-pagination .swiper-pagination-bullet-active {
background: #000;
}
@media (max-width: 767px) {
/* .swiper-slide-active .summer-chok-item {
transform: scale(0.85);
}
.swiper-slide-prev .summer-chok-item,
.swiper-slide-next .summer-chok-item {
transform: scale(0.7);
}
.swiper-wrapper.chok-chok-wrapper {
margin-top: -25px;
margin-bottom: -25px;
}*/
.summer-chok-item p {
font-size: 14px;
}
}
</style>
<script>
const summerChokSwiper = new Swiper(".summer-chok", {
slidesPerView: 4.5,
spaceBetween: 0,
centeredSlides: true,
loop: true,
grabCursor: true,
autoplay: {
delay: 3000,
disableOnInteraction: false,
pauseOnMouseEnter: true,
},
// navigation: {
// nextEl: ".swiper-button-next",
// prevEl: ".swiper-button-prev",
// },
breakpoints: {
0: {
slidesPerView: 2
},
480: {
slidesPerView: 3
},
768: {
slidesPerView: 4
},
991: {
slidesPerView: 4.5
}
},
pagination: {
el: ".summer-chok-pagination",
clickable: true,
},
// observer: true,
// observeParents: true,
// watchSlidesProgress: true,
// loopAdditionalSlides: 5,
// loopFillGroupWithBlank: true,
});
</script>
";} |
0 |
|
|
12360 |
|
|
11 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP chok sample 2 |
| 7359 |
3958 |
a:1:{s:7:"content";s:729:"<style>
.span16.jumiso-bg {
background: #fae588;
padding: 20px 10px;
border-radius: 5px;
}
</style>
<div class="bk_block_heading">
<h2 style="margin: 10px 0 20px"> SKIN MUST-HAVES</h2>
</div>
<div class="strip_banner shadow" style="margin:0 0 12px;">
<a href="https://www.kindlife.in/jumiso-launch/">
<picture>
<source media="(max-width: 767px)" srcset="https://cdn.kindlife.in/images/banners/hp-images/HP-1912-jumiso-strip-mob3-republic1.webp">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1912-jumiso-strip-desk3-republic1.webp"
alt="jumiso Banner" loading="lazy" width="1200" height="300">
</picture>
</a>
</div>";} |
0 |
|
|
13502 |
|
|
11 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP - SKIN MUST-HAVES jumiso strip |
| 7063 |
4157 |
a:1:{s:7:"content";s:5314:"<div class="bk_block_heading">
<h2>Your “Chok Chok” Era</h2>
<p>Hydration in hyperdrive</p>
</div>
<div class="swiper summer-chok">
<div class="swiper-wrapper chok-chok-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/holy-hyssop-serum-12-hydrating-soothing-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/P-0704-summer-chok-01-new-021.webp">
</a>
<p>Deep drench</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/pdrn-100-essence-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-02-new1.webp">
</a>
<p>Plump, glassy glow</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/skin-glow-essence-cream-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-032.webp">
</a>
<p>Hydration locked</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/dive-in-cream-80ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-041.webp">
</a>
<p>Weightless hydration</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/rice-toner-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-051.webp">
</a>
<p>Rice magic</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/carrot-carotene-relief-cream/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-061.webp">
</a>
<p>Barrier Calm</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/maple-energy-infusing-serum-30ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-07a.webp">
</a>
<p>Radiant plumpness</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/birch-juice-moisturizing-serum50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-083.webp">
</a>
<p>Dewy hydration</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/ultra-hyaluronic-cream-50ml/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-091.webp">
</a>
<p>Supple bounce</p>
</div>
</div>
<div class="swiper-slide">
<div class="summer-chok-item">
<a href="https://www.kindlife.in/hyaluron-shot-hydration-ampoule-30ml">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0704-summer-chok-101.webp">
</a>
<p>Glass skin shot</p>
</div>
</div>
</div>
<!-- Navigation -->
<!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
<div class="summer-chok-pagination"></div>
</div>
<style>
.summer-chok {
margin: 0 auto;
max-width: 1200px;
overflow: hidden;
padding: 0 30px !important;
}
.summer-chok-item {
display: flex;
flex-flow: column;
align-items: center;
transform: scale(0.7);
opacity: 0.5;
filter: grayscale(100%);
transition: all 0.3s ease;
}
.summer-chok-item img {
display: block;
}
.summer-chok-item p {
font-size: 16px;
margin: 6px 0 0;
}
.swiper-slide-active .summer-chok-item {
transform: scale(1);
opacity: 1;
filter: grayscale(0%);
}
.swiper-slide-active .summer-chok-item p {
color: #000;
font-weight: 600;
padding:0px;
}
.swiper-slide-prev .summer-chok-item,
.swiper-slide-next .summer-chok-item {
transform: scale(0.85);
opacity: 0.8;
filter: grayscale(60%);
}
.summer-chok-pagination {
text-align: center;
}
.summer-chok-pagination .swiper-pagination-bullet-active {
background: #000;
}
@media (max-width: 767px) {
/* .swiper-slide-active .summer-chok-item {
transform: scale(0.85);
}
.swiper-slide-prev .summer-chok-item,
.swiper-slide-next .summer-chok-item {
transform: scale(0.7);
}
.swiper-wrapper.chok-chok-wrapper {
margin-top: -25px;
margin-bottom: -25px;
}*/
.summer-chok-item p {
font-size: 14px;
}
}
</style>
<script>
const summerChokSwiper = new Swiper(".summer-chok", {
slidesPerView: 4.5,
spaceBetween: 0,
centeredSlides: true,
loop: true,
grabCursor: true,
autoplay: {
delay: 3000,
disableOnInteraction: false,
pauseOnMouseEnter: true,
},
// navigation: {
// nextEl: ".swiper-button-next",
// prevEl: ".swiper-button-prev",
// },
breakpoints: {
0: {
slidesPerView: 2
},
480: {
slidesPerView: 3
},
768: {
slidesPerView: 4
},
991: {
slidesPerView: 4.5
}
},
pagination: {
el: ".summer-chok-pagination",
clickable: true,
},
// observer: true,
// observeParents: true,
// watchSlidesProgress: true,
// loopAdditionalSlides: 5,
// loopFillGroupWithBlank: true,
});
</script>
";} |
0 |
|
|
13913 |
|
|
12 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP chok smaple 3 |
| 7443 |
4280 |
a:1:{s:7:"content";s:2539:"<style>
.bk_new_grid-lg.scroll.global-wrap {
grid-template-columns: repeat(6, max(192px, 13%));
list-style: none;
margin: 0px;
justify-content: space-between;
}
@media (max-width: 600px) {
.bk_new_grid-lg.scroll.global-wrap {
grid-template-columns: repeat(2, 48.5%);
}
}
</style>
<div class="bk_block_heading">
<h2>EXPLORE GLOBAL BEAUTY</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll global-wrap">
<li><a href="https://www.kindlife.in/skincare-l/?features_hash=19-62084-62949&aff_id=105475">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-flags-french.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="bk_prod_desc kbeauty-wrapper">
French Pharmacy
</div>
</li>
<li> <a href="https://www.kindlife.in/skincare-l/?features_hash=19-53620-35675&aff_id=105475">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-flags-japanese.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="bk_prod_desc kbeauty-wrapper">
Japanese Beauty
</div>
</li>
<li><a href="https://www.kindlife.in/cotril/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-flags-italian.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="bk_prod_desc kbeauty-wrapper">
Italian Haircare
</div>
</li>
<li><a href="https://www.kindlife.in/bath-and-body/fragrance/?features_hash=19-62464-61725-62458-62459-62460-62461-62462-62463-62171&sort_by=timestamp&sort_order=desc">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-flags-global-luxuary.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="bk_prod_desc kbeauty-wrapper">
Global Luxury Fragrances
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/?features_hash=19-60345-59970-60342&sort_by=bestsellers&sort_order=desc&aff_id=105475">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-flags-usfda.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="bk_prod_desc kbeauty-wrapper">
USFDA Approved
</div>
</li>
<li><a href="https://www.kindlife.in/skincare-l/?features_hash=19-42823-59971&aff_id=105475">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0804-flags-european1.webp" alt="img"
width="400" height="120" loading="lazy">
</a>
<div class="bk_prod_desc kbeauty-wrapper">
European Beauty
</div>
</li>
</ul>";} |
0 |
|
|
14076 |
|
|
12 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP EXPLORE GLOBAL BEAUTY |
| 7063 |
3060 |
a:3:{s:5:"items";a:5:{s:7:"filling";s:6:"newest";s:6:"period";s:1:"A";s:9:"last_days";s:1:"1";s:5:"limit";s:2:"10";s:3:"cid";s:0:"";}s:10:"show_block";s:2:"AW";s:11:"enable_ajax";s:1:"N";} |
0 |
|
|
10891 |
blocks/wrappers/mainbox_simple.tpl |
|
13 |
D |
products |
a:20:{s:8:"template";s:37:"blocks/products/products_scroller.tpl";s:10:"show_price";s:1:"Y";s:8:"hide_tag";s:1:"N";s:19:"hide_certifications";s:1:"N";s:17:"enable_quick_view";s:1:"N";s:11:"show_rating";s:1:"N";s:15:"show_brand_name";s:1:"Y";s:17:"show_share_button";s:1:"N";s:15:"show_short_desc";s:1:"N";s:24:"not_scroll_automatically";s:1:"Y";s:15:"scroll_per_page";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:15:"thumbnail_width";s:3:"400";s:18:"outside_navigation";s:1:"Y";s:10:"promo_text";s:1:"N";s:16:"key_product_info";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";s:10:"block_type";s:6:"slider";} |
0 |
1 |
en |
Exclusively available |
| 7359 |
3456 |
a:1:{s:7:"content";s:3459:"<style>
.bk_ticker_block.fullmoon {
background-color: #f77f00;
display: flex;
margin: 40px 0 0;
align-items: center;
white-space: nowrap;
overflow: hidden;
}
.bk_homepage-ticker {
padding: 0.3rem 1rem;
overflow: hidden;
white-space: nowrap;
position: relative;
}
.bk_homepage-ticker__content {
display: inline-flex;
white-space: nowrap;
animation: marquee 30s linear infinite;
will-change: transform;
}
.bk_homepage-ticker__list {
display: inline-flex;
margin: 0 !important;
padding: 0;
}
.bk_homepage-ticker__item {
display: inline-flex;
align-items: center;
}
.bk_homepage-ticker__item span {
display: inline-block;
/* color: #fff; */
color: #1a1a2e;
font-weight: 500;
margin: 0 10px;
font-size: 16px;
}
.bk_homepage-ticker__item .code {
background-color: #fff;
border-radius: 5px;
color: #fff;
padding: 0 5px;
margin: 0 4px 0 0;
}
#bk_homepage-ticker__content_1-0:hover {
animation-play-state: paused;
}
/* .bk_homepage-ticker__item:after {
display: inline-block;
content: "✦";
margin: 0 1rem;
color: #fff;
} */
.bk_homepage-ticker__item a {
color: #fff;
border-radius: 22px;
line-height: 28px;
display: inline-block;
padding: 0 10px;
margin: 0;
}
.bk_homepage-ticker__item a:hover {
text-decoration: underline !important;
}
/* Seamless marquee animation */
@keyframes marquee {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
/* move by half, since content is duplicated */
}
}
/* Mobile adjustments */
@media (max-width: 767px) {
.bk_ticker_block.fullmoon {
margin-top: 20px;
}
.bk_homepage-ticker__item:after {
margin: 0 0.7rem;
}
.bk_homepage-ticker__item span {
font-size: 14px;
}
.bk_homepage-ticker__item a {
line-height: 26px;
padding: 0 8px;
margin: 0 0.4rem;
font-size: 12px;
}
}
</style>
<div class="bk_ticker_block fullmoon" style="display:none;">
<div class="bk_homepage-ticker">
<div id="bk_homepage-ticker__content_1-0" class="bk_homepage-ticker__content">
<ul class="bk_homepage-ticker__list">
<li class="bk_homepage-ticker__item ">
<span class="bk_link__wrapper"> Use KIND10 for 10% off on ₹1,799+ </span>
</li>
<li class="heart heart-green"></li>
<li class="bk_homepage-ticker__item">
<span>Valid on selected brands </span>
</li>
<li class="heart heart-blue"></li>
<li class="bk_homepage-ticker__item">
<span>Use KIND10 for 10% off on ₹1,799+</span>
</li>
</ul>
<ul class="bk_homepage-ticker__list">
<li class="heart heart-green"></li>
<li class="bk_homepage-ticker__item">
<span>Valid on selected brands </span>
</li>
<li class="heart heart-blue"></li>
<li class="bk_homepage-ticker__item">
<span>Use KIND10 for 10% off on ₹1,799+</span>
</li>
</ul>
<ul class="bk_homepage-ticker__list">
<li class="heart heart-green"></li>
<li class="bk_homepage-ticker__item">
<span>Valid on selected brands </span>
</li>
<li class="heart heart-blue"></li>
<li class="bk_homepage-ticker__item">
<span>Use KIND10 for 10% off on ₹1,799+</span>
</li>
</ul>
</div>
</div>
</div>";} |
0 |
|
|
13912 |
|
|
13 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
Full moon - Glow10 ticker |
| 7443 |
4142 |
a:1:{s:7:"content";s:470:"<div class="strip_banner shadow">
<a href="https://www.kindlife.in/the-it-lists/">
<picture>
<source media="(max-width: 767px)" srcset="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-seoul-strip-mob.webp">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-seoul-strip-desk.webp"
alt="Summer Sale: Up to 66% off plus free gift with every K-beauty order" fetchpriority="high" width="1200" height="300">
</picture>
</a>
</div>";} |
0 |
|
|
13889 |
|
|
14 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP seaoul strip |
| 7063 |
4279 |
a:5:{s:11:"card_design";s:7:"default";s:20:"video_prod_both_show";s:15:"video_prod_both";s:24:"comm_profile_data_source";s:8:"video_id";s:11:"no_of_items";s:0:"";s:15:"default_user_id";s:0:"";} |
0 |
|
|
14075 |
|
|
14 |
D |
comm_video_tagged_product |
a:15:{s:8:"template";s:56:"addons/kl_community/views/video/display_video_slider.tpl";s:10:"block_type";s:6:"slider";s:24:"not_scroll_automatically";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:3:"2.5";s:24:"comm_profile_data_source";a:1:{s:8:"video_id";a:1:{s:30:"comm_profile_data_source_prams";s:24:"2372,2366,2367,2371,2368";}}s:25:"heading_section_alignemnt";s:6:"center";s:13:"section_title";s:28:"DISCOVER YOUR NEW FAVOURITES";s:17:"section_sub_title";s:0:"";s:19:"title_section_color";s:0:"";s:13:"primary_color";s:0:"";s:16:"secondary_colors";s:0:"";s:10:"main_class";s:0:"";s:17:"more_content_link";s:0:"";} |
0 |
1 |
en |
HP new on kindlife videos |
| 7063 |
4170 |
a:1:{s:7:"content";s:2243:"<style>
.qc_header h2 {
text-align: left;
font-size: 48px;
margin: 0 20px 30px 40px;
}
.qc_brands-block {
display: flex;
overflow: auto;
gap: 30px;
text-align: center;
list-style: none;
}
.qc_brands-block li {
/* flex-shrink: 0; */
flex: 0 0 45%;
padding: 0;
}
/* .qc_brands-block a {
display: block;
width: 350px;
height: 400px;
} */
.qc_brands-block img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.qc_brand-name p {
font-size: 36px;
color: #000;
padding: 0;
}
</style>
<div class="qc_header">
<h2>Trending brands</h2>
</div>
<ul class="qc_brands-block">
<li><a href="https://www.kindlife.in/round-lab/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-seaoul-glow-roundlab.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="qc_brand-name">
<p>Round lab</p>
</div>
</li>
<li> <a href="https://www.kindlife.in/cosrx/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-seaoul-glow-cosrx1.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="qc_brand-name">
<p>Cosrx</p>
</div>
</li>
<li><a href="https://www.kindlife.in/coxir/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-seaoul-glow-coxir.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="qc_brand-name">
<p>Coxir</p>
</div>
</li>
<li><a href="https://www.kindlife.in/ample-n/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-seaoul-glow-amplen.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="qc_brand-name">
<p>Ample:N</p>
</div>
</li>
<li><a href="https://www.kindlife.in/jumiso/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-seaoul-glow-jumiso.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="qc_brand-name">
<p>Jumiso</p>
</div>
</li>
</ul>";} |
0 |
|
|
13932 |
|
|
15 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"260";} |
0 |
1 |
en |
Trending brands |
| 7443 |
4276 |
a:1:{s:7:"content";s:1932:"<style>
.bk_new_grid-lg.scroll.collagen-wrap {
grid-template-columns: repeat(5, max(228px, 18%));
justify-content: space-between;
}
@media (max-width: 600px) {
.bk_new_grid-lg.scroll.collagen-wrap {
grid-template-columns: repeat(5, 45%);
}
}
</style>
<div class="bk_block_heading">
<h2>COLLAGEN, YOUR WAY</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll collagen-wrap">
<li>
<a href="https://www.kindlife.in/hyalu-ginseng-beauty-jelly-280gm/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2403-collagen-bite-your-glow3.gif" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=collagen%20powder">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2403-collagen-mix3.gif" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li> <a href="https://www.kindlife.in/elizavecca/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2403-collagen-glossy-way3.gif" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=collagen%20masks">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2403-collagen-sleep4.gif" alt="img"
width="400" height="120" loading="lazy">
</a>
</li>
<li><a href="https://www.kindlife.in/?dispatch=kl_products.kl_search&match=all&subcats=Y&pcode_from_q=Y&pshort=Y&pfull=Y&pname=Y&pkeywords=Y&search_performed=Y&q=Collagen%20Serums">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2403-collagen-plump3.gif" alt="img"
width="400" height="120" loading="lazy"></a>
</li>
</ul>";} |
0 |
|
|
14071 |
|
|
15 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP COLLAGEN, YOUR WAY |
| 7063 |
3127 |
a:1:{s:7:"content";s:2004:"<style>
ul.bk_grid_block.bk_1x3_grid.coupons-hp {
justify-content: space-evenly;
}
ul.bk_grid_block.bk_1x3_grid.coupons-hp li {
list-style: none;
}
.bk_1x3_grid.coupons-hp {
grid-template-columns: repeat(3, minmax(250px, 28%));
column-gap: 20px;
}
@media (max-width: 480px) {
.bk_1x3_grid.coupons-hp {
grid-template-columns: repeat(3, minmax(250px, 80%));
column-gap: 10px;
}
}
</style>
<div class="strip_banner">
<ul class="bk_grid_block bk_1x3_grid coupons-hp">
<!-- <li><a href="https://www.kindlife.in/half-price-days/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2810-halfprice-coupon.png"
alt="img" width="400" height="120" loading="lazy"></a>
</li> -->
<li><a href="https://www.kindlife.in/kbeauty/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0311-coupons-klove.png"
alt="KLOVE coupon" width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/skincare-l/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2210coupon-01111.png"
alt="GLOW10 coupon" width="400" height="120" loading="lazy"></a>
</li>
<li><a href="https://www.kindlife.in/cokodive/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2210coupon-0333.png"
alt="COKO5 coupon" width="400" height="120" loading="lazy"></a>
</li>
</ul>
</div>";} |
0 |
|
|
11045 |
|
|
16 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP coupons discounts |
| 7443 |
4174 |
a:1:{s:7:"content";s:3386:"<style>
ul.bk_grid_block.bk_1x10_grid {
grid-template-columns: repeat(4, 24.3%);
justify-content: space-between;
}
@media (max-width: 768px) {
ul.bk_grid_block.bk_1x10_grid {
grid-template-columns: repeat(2, 55%);
}
}
.bk_price {
font-size: 16px;
display: block;
text-align: center;
}
.bk_price .old {
text-decoration: line-through;
color: #888;
margin-right: 6px;
}
.bk_price .new {
color: #000;
font-weight: 600;
margin-top: 4px;
}
.bk_price .off-below {
color: #f6a6bb;
font-weight: 600;
font-size: 14px;
display: block;
margin-top: 0px;
line-height: 1;
}
@media(max-width:600px) {
.bk_price {
font-size: 13px;
}
}
</style>
<div class="bk_block_container">
<div class="bk_block_heading">
<h2>READY TO BOARD COMBOS</h2>
</div>
<ul class="bk_grid_block bk_1x10_grid">
<li>
<a href="https://www.kindlife.in/index.php?dispatch=products.deactive&product_id=70544">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-combos-dry.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="bk_prod_desc">
For Dry Skin
</div>
<div class="bk_price">
<span class="old">₹4,850</span>
<span class="new"> ₹2,104</span>
</div>
</li>
<li>
<a href="https://www.kindlife.in/index.php?dispatch=products.deactive&product_id=70545">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-combos-oily.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="bk_prod_desc">
For Oily Skin
</div>
<div class="bk_price">
<span class="old">₹5,275 </span>
<span class="new"> ₹ 2,425 </span>
</div>
</li>
<li>
<a href="https://www.kindlife.in/index.php?dispatch=products.deactive&product_id=70546">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-combos-sensitive.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="bk_prod_desc">
For Sensitive Skin
</div>
<div class="bk_price">
<span class="old">₹4,650</span>
<span class="new">₹1,970 </span>
</div>
</li>
<li>
<a href="https://www.kindlife.in/index.php?dispatch=products.deactive&product_id=70547">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0705-combos-combination.webp"
alt="img" width="400" height="120" loading="lazy"></a>
<div class="bk_prod_desc">
For Combination Skin
</div>
<div class="bk_price">
<span class="old">₹6,250 </span>
<span class="new">₹2,500 </span>
</div>
</li>
</ul>
</div>";} |
0 |
|
|
13937 |
|
|
17 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP SUMMER READY SKIN COMBOS |
| 7443 |
4163 |
a:1:{s:7:"content";s:1327:"<style>
.bk_new_grid-lg.scroll.idol {
grid-template-columns: repeat(3, max(170px, 25%));
list-style: none;
margin: 0px;
justify-content: space-between;
}
@media (max-width: 600px) {
.bk_new_grid-lg.scroll.idol {
grid-template-columns: repeat(3, 45%);
}
}
</style>
<div class="bk_block_heading">
<h2>K-POP IDOL 101</h2>
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll idol">
<li><a href="https://www.kindlife.in/etude/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-kpop-etude.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Etude</p>
<span>Up to 30% off</span>
</div>
</li>
<li> <a href="https://www.kindlife.in/tfit/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-kpop-tfit.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Tfit</p>
<span>20% off</span>
</div>
</li>
<li><a href="https://www.kindlife.in/beauty-of-majesty/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-1004-kpop-bom.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Beauty of Majesty</p>
<span>15% off</span>
</div>
</li>
</ul>";} |
0 |
|
|
13922 |
|
|
18 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP K-POP IDOL 101 |
| 7443 |
3661 |
a:5:{s:11:"card_design";s:7:"default";s:20:"video_prod_both_show";s:15:"video_prod_both";s:24:"comm_profile_data_source";s:8:"video_id";s:11:"no_of_items";s:0:"";s:15:"default_user_id";s:0:"";} |
0 |
|
|
12755 |
|
|
19 |
A |
comm_video_tagged_product |
a:15:{s:8:"template";s:56:"addons/kl_community/views/video/display_video_slider.tpl";s:10:"block_type";s:6:"slider";s:24:"not_scroll_automatically";s:1:"N";s:5:"speed";s:3:"400";s:11:"pause_delay";s:1:"3";s:13:"item_quantity";s:3:"2.5";s:24:"comm_profile_data_source";a:1:{s:8:"video_id";a:1:{s:30:"comm_profile_data_source_prams";s:136:"2415, 2414, 2413, 2318, 2248, 2252, 2311, 2304, 2163, 2162, 2161, 2155, 2131, 2130, 2129, 2128, 2082, 2081, 2080, 2079, 2078, 2077, 2076";}}s:25:"heading_section_alignemnt";s:6:"center";s:13:"section_title";s:28:"TRIED AND TESTED BY KINDCREW";s:17:"section_sub_title";s:0:"";s:19:"title_section_color";s:0:"";s:13:"primary_color";s:11:"transparent";s:16:"secondary_colors";s:0:"";s:10:"main_class";s:0:"";s:17:"more_content_link";s:0:"";} |
0 |
1 |
en |
kindcrew #TBH videos |
| 7443 |
3421 |
a:1:{s:7:"content";s:2958:"<style>
.bk_new_grid-lg.scroll.cant-miss {
grid-template-columns: repeat(4, max(170px, 23%));
justify-content: space-between;
}
@media (max-width: 600px) {
.bk_new_grid-lg.scroll.cant-miss {
grid-template-columns: repeat(4, 45%);
}
}
</style>
<div class="bk_block_heading">
<h2>CROWD FAVS</h2>
<!-- <h2>STAMPED MUST HAVES</h2> -->
</div>
<ul class="bk_grid_block bk_new_grid-lg scroll cant-miss">
<li><a
href="https://www.kindlife.in/mirabelle/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-cant-miss-mirabelle.webp" alt="img" width="400"
height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Mirabelle</p>
<span>Save 15% </span>
</div>
</li>
<li> <a
href="https://www.kindlife.in/missha/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-cant-miss-missha.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Missha</p>
<span>Save 15% </span>
</div>
</li>
<li><a
href="https://www.kindlife.in/fae-beauty/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-cant-miss-fae.webp" alt="img" width="400"
height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Fae Beauty</p>
<span>Save 10%</span>
</div>
</li>
<li><a
href="https://www.kindlife.in/bake-cosmetics/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-cant-miss-bake.webp" alt="img"
width="400" height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Bake Cosmetics</p>
<span>Save up to 20%</span>
</div>
</li>
<li><a
href="https://www.kindlife.in/renee-cosmetics/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2004-crowd-fave-renee.webp" alt="img" width="400"
height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Renee</p>
<span>Save up to 32%</span>
</div>
</li>
<li><a
href="https://www.kindlife.in/elitty-beauty/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-cant-miss-elitty.webp" alt="img" width="400"
height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Elitty Beauty</p>
<span>Save 10%</span>
</div>
</li>
<li><a
href="https://www.kindlife.in/brillare/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-cant-miss-brillare.webp" alt="img" width="400"
height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Brillare</p>
<span>Save 10%</span>
</div>
</li>
<li><a
href="https://www.kindlife.in/love-earth/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-cant-miss-love-earth.webp" alt="img" width="400"
height="120" loading="lazy"></a>
<div class="protein-desc">
<p>Love Earth</p>
<span>Save up to 55%</span>
</div>
</li>
</ul>";} |
0 |
|
|
12350 |
|
|
20 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP CROWD FAVS revised |
| 7443 |
4053 |
a:1:{s:7:"content";s:981:"<div class="bk_block_heading">
<h2>WELLNESS FROM WITHIN</h2>
</div>
<ul class="bk_grid_block bk_1x3_grid scroll shadow">
<li><a href="https://www.kindlife.in/protein-guide/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-wellness-power-protein.webp" alt="img"
width="400" height="200" loading="lazy"></a>
<div class="bk_prod_desc text-xl"> Power protein</div>
</li>
<li><a href="https://www.kindlife.in/pantry-picks/ ">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-wellness-nutritiion.webp" alt="img"
width="400" height="200" loading="lazy"></a>
<div class="bk_prod_desc text-xl"> Everyday nutrition</div>
</li>
<li><a href="https://www.kindlife.in/the-glow-code/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-0904-wellness-glow.webp" alt="img" width="400"
height="200" loading="lazy"></a>
<div class="bk_prod_desc text-xl"> Glow boost supplements</div>
</li>
</ul>";} |
0 |
|
|
13671 |
|
|
21 |
A |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP WELLNESS FROM WITHIN |
| 7443 |
3232 |
a:1:{s:7:"content";s:6103:"<style>
.hp-strip-final {
width: 100%;
}
/* ===== COMMON ===== */
.hp-inner {
max-width: 1200px;
margin: auto;
position: relative; /* added for overlay */
}
.hp-btn {
padding: 3px 8px 3px 10px;
border-radius: 0px;
font-weight: 400;
background: #000;
color: #fff;
text-decoration: none;
font-size: 15px;
margin-top: 20px;
letter-spacing: 2px;
}
.hp-btn:hover {
color: #fff;
}
/* ===== FULL LINK (NEW) ===== */
.hp-desktop .full-link {
position: absolute;
inset: 0;
z-index: 1;
display: block;
}
/* keep content above overlay */
.hp-content,
.hp-img {
position: relative;
z-index: 2;
}
/* ================= DESKTOP ================= */
.hp-desktop {
display: block;
background: #e6dbcf;
}
.hp-desktop .hp-inner {
display: grid;
grid-template-columns: 60% 40%;
align-items: center;
}
.hp-content {
text-align: center;
}
.hp-content h2 {
font-size: 34px;
font-family: "Cormorant Garamond", serif;
font-weight: 600;
margin-bottom: 0px;
}
.hp-content p {
font-size: 30px;
padding: 0px;
font-weight: 300;
margin-bottom: 50px;
}
.hp-img img {
width: 100%;
display: block;
}
/* SECOND STRIP REVERSE */
.hp-desktop.reverse .hp-content {
order: 2;
}
.hp-desktop.reverse .hp-img {
order: 1;
}
/* ================= MOBILE ================= */
.hp-mobile {
display: none;
position: relative;
}
.hp-mobile img {
width: 100%;
display: block;
}
.hp-mobile .hp-overlay {
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
color: #000;
text-align: center;
}
.bk-passport-deal-block_half {
display: none;
margin-top: 30px;
}
.bk_deal_bannerTimer {
font-size: 14px;
font-weight: 500;
background: #E8DFD4;
padding: 6px 10px;
border-radius: 6px 6px 0 0;
display: inline-block;
color: #000;
}
.hp-mobile .hp-overlay h2 {
font-size: 24px;
margin-bottom: 5px;
font-family: "Cormorant Garamond", serif;
font-weight: 600;
margin-bottom: 0px;
}
.hp-mobile .hp-overlay p {
font-size: 20px;
line-height: 1.1;
margin-bottom: 30px;
font-weight: 300;
}
/* ================= RESPONSIVE ================= */
@media(max-width: 600px) {
.hp-desktop {
display: none;
}
.hp-btn {
margin-top: 8px;
font-size: 13px;
}
.hp-mobile {
display: block;
}
.bk_deal_bannerTimer {
font-size: 12px;
}
.bk-passport-deal-block_half {
margin-top: 20px;
}
}
</style>
<div class="hp-strip-final bk-passport-deal-block_half">
<div class="bk_deal_bannerTimer">
Deal ends in <span class="bk_dealTime">00:00:00</span>
</div>
<!-- ===== DESKTOP STRIP ===== -->
<div class="hp-desktop">
<div class="hp-inner">
<!-- FULL CLICKABLE LINK (NEW) -->
<a href="https://www.kindlife.in/half-price-days/" class="full-link"></a>
<div class="hp-content">
<h2>One day only</h2>
<p>Save up to 75%</p>
<a href="https://www.kindlife.in/half-price-days/" class="hp-btn">SHOP</a>
</div>
<div class="hp-img">
<a href="https://www.kindlife.in/half-price-days/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2804-halfprice-logo-desk.png">
</a>
</div>
</div>
</div>
<!-- ===== MOBILE STRIP (UNCHANGED) ===== -->
<div class="hp-mobile">
<a href="https://www.kindlife.in/half-price-days/">
<img src="https://cdn.kindlife.in/images/banners/hp-images/HP-2804-halfprice-logo-mob.png">
</a>
<div class="hp-overlay">
<a href="https://www.kindlife.in/half-price-days/">
<h2>One day only</h2>
<p>Save up to 75%</p>
</a>
<a href="https://www.kindlife.in/half-price-days/?it" class="hp-btn">SHOP</a>
</div>
</div>
</div>
<script type="module">
let halfBannerDealDate = new Date("May 06, 2026 11:59:00").getTime();
let countDown = setInterval(function () {
let now = new Date().getTime();
let distance = halfBannerDealDate - now;
if (distance <= 0) {
clearInterval(countDown);
return;
}
let hours = Math.floor(distance / (1000 * 60 * 60));
let mins = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
let secs = Math.floor((distance % (1000 * 60)) / 1000);
let formattedTime =
(hours < 10 ? "0" : "") + hours + ":" +
(mins < 10 ? "0" : "") + mins + ":" +
(secs < 10 ? "0" : "") + secs;
document.querySelector(".bk_dealTime").textContent = formattedTime;
}, 1000);
</script>
<script>
function showDeal() {
var today = new Date();
var start = new Date("May 05, 2026 12:00:00");
var stop = new Date("May 06, 2026 11:59:00");
if (today > start && today < stop) {
$(".bk-passport-deal-block_half").show();
} else {
$(".bk-passport-deal-block_half").hide();
}
}
showDeal();
setInterval(showDeal, 1000);
</script>";} |
0 |
|
|
11740 |
|
|
22 |
D |
smarty_block |
a:2:{s:8:"template";s:23:"blocks/smarty_block.tpl";s:21:"kl_app_webview_height";s:3:"300";} |
0 |
1 |
en |
HP half price banner |