Son Lì Silkygirl Siêu Mịn 15 Candy Màu Cam Candy 3.5g

Silkygirl

Son Lì Silkygirl Siêu Mịn 15 Candy Màu Cam Candy 3.5g

(0)

Số CBMP: 129327/20/CBMP-QLD

SKU: 659add43d5f98f9bf20dcad4

55,000đ

Tìm mua

Nhận Lica Point cho mỗi lần mua

Miễn phí giao hàng, tối đa 44k

Cam kết 100% chính hãng

Đổi/trả hàng trong 7 ngày

Giới thiệu

Son Lì SILKYGIRL Siêu Mịn OMG! Powder Matte 3.5g là dòng son lì đến từ thương hiệu mỹ phẩm SILKYGIRL của Malaysia, với hiệu ứng "Power-light" độc đáo, thỏi son dễ dàng lướt nhẹ trên môi giúp lên màu chuẩn lì hơn bao giờ hết, mà không gây khô môi hay lộ rãnh môi. Đặc biệt hơn hết, với thiết kế cực chất, phần vỏ ngoài có nút bấm mở chắc chắn và gương soi mini.

Hiện sản phẩm Son Lì Siêu Mịn SILKYGIRL OMG! Powder Matte đã có mặt tại với các tông màu:

02 Mocha - Cam Đất
03 Mulberry - Hồng Dâu Tằm
04 Maroon - Đỏ Đất
06 Ruby - Đỏ Ruby
09 Anko - Nâu Đất
10 Mauve - Đỏ Tulip
14 Daisy - Đỏ Daisy (Màu Mới)
15 Candy - Cam Candy (Màu Mới)
16 Chilli - Đỏ Chili (Màu Mới)

Ưu thế nổi bật:

Chứa tinh dầu bơ, hoa cúc và chiết xuất lô hội nhằm bảo vệ, làm dịu và giữ ẩm đôi môi bạn trở nên mềm mại, mịn màng.
Công nghệ các hạt phấn li ti cực mịn giúp son lên màu nhanh chóng và chuẩn mịn hơn ngay từ lần swatch đầu tiên.
Tone màu dễ thương cho bạn gái năng động, phù hợp đi làm, đi học hay đi chơi.
Thiết kế ấn tượng chỉ với thao tác Click Click trên đầu thỏi son bạn đã dễ dàng lấy được thỏi son một cách nhanh chóng.
Chất son mịn, nhẹ môi, không gây cảm giác nặng môi, khó chịu, mất tự nhiên.
Mỏng nhẹ, lên màu chuẩn, không gây khô hay bột cho môi.

Độ an toàn:

Không paraben
Không carmine
Không hương liệu gây hại cho môi

</p> </div> <p><span style="color: #000000; font-family: arial, helvetica, sans-serif; "><br/></span></p> <div style="text-align: center;"><span style="color: #000000; font-family: arial, helvetica, sans-serif; "><iframe src="https://www.youtube.com/embed/Q1kzUiKOw34" frameborder="0" width="425" height="350"/><br/></span></div> <div><span style="color: #000000; font-family: arial, helvetica, sans-serif; "><br/></span></div> <p><strong><span><span style="color: #000000; font-family: arial, helvetica, sans-serif; ">Bảo quản:</span></span></strong></p> <ul> <li> <p><span><span style="color: #000000; font-family: arial, helvetica, sans-serif; ">Nơi khô ráo thoáng mát. </span></span></p> </li> <li> <p><span><span style="color: #000000; font-family: arial, helvetica, sans-serif; ">Tránh ánh nắng trực tiếp, nơi có nhiệt độ cao hoặc ẩm ướt.</span></span></p> </li> <li> <p><span><span style="color: #000000; font-family: arial, helvetica, sans-serif; ">Đậy nắp kín sau khi sử dụng. </span></span></p> </li> </ul> <p><span><span style="color: #000000; font-family: arial, helvetica, sans-serif; "><strong>Dung tích:</strong> 3.5g </span></span></p> <p><span><span style="color: #000000; font-family: arial, helvetica, sans-serif; "><strong>Thương hiệu:</strong> SILKYGIRL </span></span></p> <p><span><span style="color: #000000; font-family: arial, helvetica, sans-serif; "><strong>Xuất xứ:</strong> Malaysia</span></span></p></div> </div> <div class="tt_box_detail block_note_tt_sp space_bottom_10"> *Lưu ý: Tác dụng có thể khác nhau tuỳ cơ địa của người dùng </div> <div class="block_expand_detail"> <a href="javascript:;" class="txt_color_1 btn_toggle_description"> </a> </div> </body></html><html><head></head><body><div class="tt_box_detail width_common">Hướng dẫn sử dụng</div> <div class="ct_box_detail width_common"> <div style="font-size: 13px!important; font-family: arial, helvetica, sans-serif;color: black!important;"><p><span>Dậm phấn, kem lót trước khi thoa son để lên màu chuẩn , tránh tạo vằn trên môi. Định hình khung môi bằng cách vẽ dấu x ở môi trên và viền môi dưới. Thoa một lớp son dưỡng trước khi thoa son lì để giữ môi luôn căng mượt.</span></p> <p><span>Bấm vào nút tròn trên phần đầu son để thỏi son mở ra. Từ từ rút thân son ra khỏi vỏ. Thoa son lì Silkygirl OMG! Powder Matte trực tiếp lên môi. Có thể dùng để đánh lòng môi hoặc đánh cả môi để tạo ra phong cách trang điểm yêu thích.</span></p></div> </div> </body></html> </div> <div class="bg-cover"></div> </div> <div class="text-center"> <button type="button" class="btn_viewmore" data-show="false">Xem thêm nội dung</button> </div> </div> </div> <div class="mt-5 row mb-5"> <div class="col-12 col-md-4"> <div class="fw-bold fs-24">Đánh giá thành phần</div> </div> <div class="col-12 col-md-8"> <div class="rate-ingredient"> <p class="fs-18 fw-600">1 Thành phần chính</p> <div class="ingredients-volumn"> <div class="ingredients-amount good-impact" style="width:0%"></div> <div class="ingredients-amount mid-impact" style="width:0%"></div> <div class="ingredients-amount bad-impact" style="width:0%"></div> <div class="ingredients-amount no-impact" style="width:100%"></div> </div> <p>Mức độ rủi ro</p> <div class="impacts-rates"> <div class="capsule"> <div class="point good-impact"> <div class="caption2-semiBold">0</div> </div> <div class="point-title caption2-regular"> Rủi ro thấp </div> </div> <div class="capsule"> <div class="point mid-impact"> <div class="caption2-semiBold">0</div> </div> <div class="point-title caption2-regular"> Rủi ro trung bình </div> </div> <div class="capsule"> <div class="point bad-impact"> <div class="caption2-semiBold">0</div> </div> <div class="point-title caption2-regular"> Rủi ro cao </div> </div> <div class="capsule"> <div class="point no-impact"> <div class="caption2-semiBold">1</div> </div> <div class="point-title caption2-regular"> Chưa xác định </div> </div> </div> </div><div class="detail-content ingredient"> Thành phần sản phẩm Nội dung đang được cập nhật</div> <div class="update-product-ingredients"> <button class="btn explain-ingredients-btn" data-ingredientele="">Phân tích nhanh thành phần</button> <button class="btn update-product-ingredients-btn" data-id="8695">Cập nhật thành phần</button> </div> </div> </div> <div class="divider-horizontal"></div> <div class="rating-product row mt-5 mb-5" id="ratingProduct"> <div class="col-12 col-md-4 pe-3 pe-md-5"> <div class="align-center space-between"> <div class="fs-24 fw-bold">0 đánh giá</div> <button class="btn btn_write_review text-uppercase fs-14 fw-bold pe-0 ps-0" type="button" data-bs-toggle="modal" data-bs-target="#myRating">Viết đánh giá</button> </div> <div class="list-star mt-3 mb-1 fs-26"> <ul class='list-rate'><li class="icon-star"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"></path></svg></li><li class="icon-star"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"></path></svg></li><li class="icon-star"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"></path></svg></li><li class="icon-star"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"></path></svg></li><li class="icon-star"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"></path></svg></li></ul> </div> <div class="align-center space-between mb-1"> <div class="me-3 fs-18">5</div> <div class="progress-outer "></div> <div class="ms-3 fs-16">(0)</div> </div> <div class="align-center space-between mb-1"> <div class="me-3 fs-18">4</div> <div class="progress-outer "></div> <div class="ms-3 fs-16">(0)</div> </div> <div class="align-center space-between mb-1"> <div class="me-3 fs-18">3</div> <div class="progress-outer "></div> <div class="ms-3 fs-16">(0)</div> </div> <div class="align-center space-between mb-1"> <div class="me-3 fs-18">2</div> <div class="progress-outer "></div> <div class="ms-3 fs-16">(0)</div> </div> <div class="align-center space-between mb-1"> <div class="me-3 fs-18">1</div> <div class="progress-outer "></div> <div class="ms-3 fs-16">(0)</div> </div> </div> <div class="col-12 col-md-8"> <div class="list-rate"> <div class="box-empty"><img src="/public/website/images/icon_nodata.PNG" alt="icon"><p>No Data</p></div> </div> </div> </div> <div class="divider-horizontal"></div> <div class="row mt-5 mb-5"> <div class="col-12 col-md-4 mb-3 mb-md-0"> <div class="fw-bold fs-24">Hỏi đáp</div> <p>Vui lòng <a type="button" class="fw-bold btn_write_review" data-bs-toggle="modal" data-bs-target="#myLogin">Đăng nhập</a> để được giải đáp thắc mắc về sản phẩm</p> </div> <div class="col-12 col-md-8"> <div class="form-group input_question"> <span><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.29496 18.5899C4.17485 18.5899 0 14.4151 0 9.29496C0 4.17485 4.17485 0 9.29496 0C14.4151 0 18.5899 4.17485 18.5899 9.29496C18.5899 14.4151 14.4151 18.5899 9.29496 18.5899ZM9.29496 1.10279C4.77351 1.10279 1.10279 4.77351 1.10279 9.29496C1.10279 13.8164 4.77351 17.4871 9.29496 17.4871C13.8164 17.4871 17.4871 13.8164 17.4871 9.29496C17.4871 4.77351 13.8164 1.10279 9.29496 1.10279Z" fill="black"></path><path d="M16.3409 15.2585L15.5612 16.0383L21.2202 21.6973L21.9999 20.9175L16.3409 15.2585Z" fill="black"></path></svg></span> <input class="form-control select_question" placeholder="Có câu hỏi? Tìm lời giải đáp nhanh chóng" readonly data-bs-toggle="modal" data-bs-target="#myLogin"> </div> <script> $('.select_question').change(function(){ var text = $(this).val(); $('.formQa textarea').val(text); }); $(".formQa").on("submit", function (e) { e.preventDefault(); $.ajax({ type: 'post', url: 'https://lica.vn/account/post-question', data: $('.formQa').serialize(), beforeSend: function () { $('.formQa button').html('<span class="spinner-border"></span>'); $('.formQa button').prop('disabled',true); }, success: function (res) { $('.formQa button').html('Gửi đi'); $('.formQa button').prop('disabled',false); if(res.status == 'success'){ $('.formQa .box-alert').html('<div class="alert alert-success mt-2" role="alert"><i class="fa fa-check" aria-hidden="true"></i> '+res.message+'</div>'); setTimeout(function () { $('.formQa .box-alert').html(''); },3000); $('.formQa')[0].reset(); }else{ var errTxt = ''; if(res.errors !== undefined) { Object.keys(res.errors).forEach(key => { errTxt += '<li>'+res.errors[key][0]+'</li>'; }); } else { errTxt = res.message; } $('.formQa .box-alert').html('<div class="alert alert-danger mt-2" role="alert"><ul>'+errTxt+'</ul></div>'); } },error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); } }) }); $('.btn_loadmore').click(function(){ var page = $(this).attr('data-page'); $.ajax({ type: 'post', url: 'https://lica.vn/ajax/load-question', data: {page:page,id:'8695'}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, beforeSend: function () { $('.btn_loadmore').html('<span class="spinner-border" style="color:#000"></span>'); $('.btn_loadmore').prop('disabled',true); }, success: function (res) { $('.btn_loadmore').html('Tải thêm hỏi đáp'); $('.btn_loadmore').prop('disabled',false); if(res.status == 'success'){ $('.list_qa').append(res.html); var totalpage = $('.totalpage').val(); if(parseInt(totalpage) > res.page){ $('.btn_loadmore').attr('data-page',res.page); }else{ $('.btn_loadmore').hide(); } } },error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); } }) }) </script> <style> .formQa{ margin-top:15px; } .formQa .form-textarea{ width:calc(100% - 110px); } .formQa .form-textarea textarea{ background-color:rgb(246, 246, 246); font-size:14px; } .formQa button{ width:100px; height:30px; background-color:#000; color:#fff; line-height:30px; border-radius:5px; text-align:center; bottom:0px; position: absolute; right:0px; font-size:14px; } .select_question{ height:45px; background-color:rgb(246, 246, 246); font-size:14px; opacity: 0.7; } .input_question{ position:relative; } .input_question input{ padding-left:35px; } .input_question span{ top: 12px; position: absolute; left: 12px; } .input_question span svg{ width:14px; } .item_qa{ margin-top:25px; } .item_reply{ margin-top:15px; } .item_qa p{ margin-bottom:5px; } .box_reply{ border:1px solid rgb(223, 223, 223); padding:20px; border-radius:5px; position: relative; margin-top:15px; } .box_reply p strong{ background: linear-gradient(90deg, rgb(198, 72, 37) 0%, rgb(199, 49, 48) 50.52%, rgb(192, 49, 55) 99.61%) text; -webkit-text-fill-color: transparent; } .box_reply:before{ content: ""; position: absolute; width: 0px; height: 0px; bottom: 100%; left: 1.5em; border-right: 0.75rem solid transparent; border-bottom: 0.75rem solid rgb(255, 255, 255); border-left: 0.75rem solid transparent; border-image: initial; border-top: none; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px -0.0625rem 0.0625rem); } .time_qa{ color: rgb(0, 0, 0); opacity: 0.5; font-size:14px; } .btn_loadmore{ background-color:#fff; margin-top:30px; text-decoration: underline; } </style> </div> </div> <div class="divider-horizontal"></div> <div class="product-related row mt-5 mb-5"> <div class="col-12 col-md-4 mb-3 mb-md-0"> <div class="fw-bold fs-24">Sản phẩm liên quan</div> </div> <div class="col-12 col-md-8"> </div> </div> <div class="divider-horizontal"></div> <div class="watched mt-5 mb-5"> <h3 class="text-center text-uppercase fw-bold fs-25">Các mẫu bạn đã xem</h3> <div class="list-watch mt-3"> <div class="item-product text-center"> <div class="card-cover"> <a href="https://lica.vn/son-li-silkygirl-sieu-min-15-candy-mau-cam-candy-3.5g"> <img src="/uploads/images/image/hasaki/facebook-dynamic-249400251-1695368806_img_358x358_843626_fit_center.jpg" alt="Son Lì Silkygirl Siêu Mịn 15 Candy Màu Cam Candy 3.5g" width="212" height="212"> </a> <div class="group-wishlist-8695 group-wishlist"> <button class="btn_login_wishlist" type="button" data-bs-toggle="modal" data-bs-target="#myLogin"><svg width="20" height="20" viewBox="0 0 30 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7858 26C14.2619 26 13.738 25.8422 13.2869 25.5124C11.5696 24.2648 8.26609 21.7408 5.3846 18.7579C1.81912 15.0436 0 11.7739 0 9.03475C0 4.04413 3.85654 0 8.58626 0C10.9438 0 13.1704 1.00386 14.7858 2.79647C16.4158 1.00386 18.6424 0 20.9999 0C25.7297 0 29.5862 4.04413 29.5862 9.03475C29.5862 11.7739 27.7671 15.0436 24.1871 18.7579C21.3201 21.7408 18.002 24.2791 16.2848 25.5124C15.8482 25.8422 15.3097 26 14.7858 26ZM8.58626 1.00386C4.40955 1.00386 1.01871 4.60342 1.01871 9.03475C1.01871 14.9288 10.8711 22.5295 13.8981 24.7093C14.4366 25.0965 15.1497 25.0965 15.6881 24.7093C18.7151 22.5295 28.5675 14.9288 28.5675 9.03475C28.5675 4.60342 25.1767 1.00386 20.9999 1.00386C18.7588 1.00386 16.6341 2.05074 15.1933 3.88638L14.7858 4.38831L14.3783 3.88638C12.9522 2.05074 10.8274 1.00386 8.58626 1.00386Z" fill="black"></path></svg></button> </div>  <div class="status-product"> </div> </div> <div class="card-content mt-2"> <div class="brand-btn"> <a href="https://lica.vn/thuong-hieu/silkygirl">Silkygirl</a> </div> <div class="product-name"> <a href="https://lica.vn/son-li-silkygirl-sieu-min-15-candy-mau-cam-candy-3.5g">Son Lì Silkygirl Siêu Mịn 15 Candy Màu Cam Candy 3.5g</a> </div> <div class="price"> <p>55,000đ</p> </div> <div class="rating"> <ul class='list-rate'><li class="icon-star"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"></path></svg></li><li class="icon-star"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"></path></svg></li><li class="icon-star"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"></path></svg></li><li class="icon-star"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"></path></svg></li><li class="icon-star"><svg viewBox="64 64 896 896" focusable="false" data-icon="star" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"></path></svg></li></ul> <div class="count-rate">(0)</div> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="updateIngredientsModal" tabindex="-1" role="dialog" aria-labelledby="combinedModalLabel" aria-hidden="true"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cropperjs/dist/cropper.min.css" /> <script src="https://cdn.jsdelivr.net/npm/cropperjs/dist/cropper.min.js"></script> <div class="modal-dialog modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="image-tab" data-toggle="tab" href="#image" role="tab" aria-controls="image" aria-selected="true">Crop Image</a> </li> <li class="nav-item"> <a class="nav-link" id="text-tab" data-toggle="tab" href="#text" role="tab" aria-controls="text" aria-selected="false">Edit Text</a> </li> </ul> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body tab-content"> <div class="tab-pane fade show active" id="image" role="tabpanel" aria-labelledby="image-tab"> <input type="file" id="imageInput" accept="image/*" class="mb-2"> <div class="img-container"> <img id="imageToEdit" src="" alt="Image for editing"> </div> <button type="button" class="btn btn-outline-secondary rotate-button"><i class="fa fa-rotate-right"></i> Rotate</button> </div> <div class="tab-pane fade" id="text" role="tabpanel" aria-labelledby="text-tab"> <textarea class="form-control" id="textAreaInput" rows="10"></textarea> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" id="saveImage"><i class="fa fa-save"></i> <div class="loader"></div>Extract Ingredients </button> </div> </div> <form id="updateIngredientsForm" action="/cap-nhat-thanh-phan" method="POST" style="display: none;"> <input type="hidden" name="_token" value="710cS84S5KISARDYykTRN3S5i2ty5mYPOrvwXY49"> <input type="hidden" name="ingredients" id="processedIngredientsInput"> <input type="hidden" name="product_id" id="productIdInput" value="8695"> </form> </div> </div> <style> #updateIngredientsModal .modal-dialog { display: flex; align-items: center; justify-content: center; max-width: 100vh; width: auto; margin: 30px auto; } @media screen and (max-width: 600px) { #updateIngredientsModal .modal-dialog { width: 90vw !important; margin: 0 auto; } } #updateIngredientsModal .modal-content { height: auto; min-height: 75vh; display: flex; flex-direction: column; } #updateIngredientsModal .modal-header, #updateIngredientsModal .modal-footer { background-color: #f8f9fa; border-bottom: 1px solid #dee2e6; border-top: 1px solid #dee2e6; display: flex; justify-content: space-between; align-items: center; } #updateIngredientsModal .modal-title { color: #495057; flex-grow: 1; } #updateIngredientsModal .close { color: #495057; opacity: 1; } #updateIngredientsModal .btn-primary { background-color: #6c5b7b; border-color: #6c5b7b; display: flex; align-items: center; justify-content: center; } #updateIngredientsModal .btn-primary:hover { background-color: #5a4a6e; border-color: #5a4a6e; } #updateIngredientsModal .img-container { height: 65vh; width: 100%; display: flex; justify-content: center; align-items: center; } #imageToEdit { max-height: 100%; max-width: 100%; } #textAreaInput { height: 100%; width: 100%; border: 1px solid #ced4da; border-radius: 4px; } .rotate-button { margin-top: 1em; margin-left: 10px; } #updateIngredientsModal .btn .fa { margin-right: 5px; } #updateIngredientsModal .loader { display: inline-block; border: 2px solid #f3f3f3; border-top: 2px solid orange; border-radius: 50%; width: 1em; height: 1em; vertical-align: text-bottom; animation: spin 1s linear infinite; visibility: hidden; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #updateIngredientsModal .btn-loading .loader { visibility: visible; margin-right: 5px; } #updateIngredientsModal .btn-loading .fa-save { display: none; } #updateIngredientsModal .nav-tabs { border-bottom: 1px solid #dee2e6; } #updateIngredientsModal .nav-item { margin-bottom: -1px; } #updateIngredientsModal .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; } #updateIngredientsModal .nav-link.active, #updateIngredientsModal.nav-link:hover { border-color: #dee2e6 #dee2e6 #f8f9fa; color: #495057; } #updateIngredientsModal .loader { display: inline-block; border: 2px solid #f3f3f3; border-top: 2px solid orange; border-radius: 50%; width: 1em; height: 1em; vertical-align: text-bottom; animation: spin 1s linear infinite; visibility: hidden; } #updateIngredientsModal .btn-loading .loader { visibility: visible; margin-right: 5px; } .cropper-point { width: 15px; height: 15px; margin-top: -10px; margin-left: -10px; } .cropper-point.point-nw, .cropper-point.point-ne, .cropper-point.point-sw, .cropper-point.point-se { width: 15px; height: 15px; margin-top: -15px; margin-left: -15px; } </style> <script> window.openaiApiKey = "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"; let cropper; var productId = localStorage.getItem('selectedProductId'); localStorage.removeItem('selectedProductId'); $('.update-product-ingredients-btn').click(function() { var productId = $(this).attr('data-id'); localStorage.setItem('selectedProductId', productId); $('#updateIngredientsModal').modal('show'); }); $('#updateIngredientsModal').on('shown.bs.modal', function() { var productId = localStorage.getItem('selectedProductId'); localStorage.removeItem('selectedProductId'); $('#productIdInput').val(productId); }); $(document).ready(function() { $('a[data-toggle="tab"]').on('click', function(e) { e.preventDefault(); $(this).tab('show'); }); $('a[data-toggle="tab"]').on('shown.bs.tab', function(e) { var activeTab = $(e.target).attr('id'); if (activeTab === 'image-tab') { $('#saveImage').html( '<i class="fa fa-save"></i><div class="loader"></div>Extract Ingredients'); } else if (activeTab === 'text-tab') { $('#saveImage').html( '<i class="fa fa-save"></i><div class="loader"></div>Save Changes'); } }); }); $('#imageInput').change(function(e) { var files = e.target.files; var done = function(url) { $('#imageInput').val(''); $('#imageToEdit').attr('src', url).on('load', function() { if (cropper) { cropper.destroy(); } cropper = new Cropper(this, { aspectRatio: NaN, viewMode: 1, zoomable: true, touchDragZoom: true, dragMode: 'move', }); }); }; if (files && files.length > 0) { var reader = new FileReader(); reader.onload = function(e) { done(reader.result); }; reader.readAsDataURL(files[0]); } }); $('.rotate-button').click(function() { if (cropper) { cropper.rotate(90); } }); $('#updateIngredientsForm').submit(function(event) { event.preventDefault(); var formData = $(this).serialize(); $.ajax({ url: $(this).attr('action'), type: 'POST', data: formData, beforeSend: function() { $('#saveImage .loader').show(); }, success: function(response) { console.log('Data has been processed'); }, error: function(xhr, status, error) { console.error('Error:', error); }, complete: function() { $('#saveImage .loader').hide(); $('#updateIngredientsModal').modal('hide'); } }); }); function extractIngredients(base64Image, maxTokens) { const apiKey = window.openaiApiKey; const headers = new Headers({ "Content-Type": "application/json", "Authorization": `Bearer ${apiKey}` }); const payload = { model: "gpt-4-vision-preview", messages: [{ role: "user", content: [{ type: "text", text: "Extract all ingredient names from the image, separated by commas. Each ingredient should be listed clearly. If the ingredients are presented in a table format, each row should correspond to a separate ingredient. The output should only contain the ingredient names, and no additional text or numbers." }, { type: "image_url", image_url: { url: `data:image/jpeg;base64,${base64Image}` } } ] }], max_tokens: maxTokens }; fetch("https://api.openai.com/v1/chat/completions", { method: "POST", headers: headers, body: JSON.stringify(payload) }) .then(response => response.json()) .then(data => { if (data && data.choices && data.choices.length > 0) { var ingredients = data.choices[0].message.content; $('#textAreaInput').val(ingredients); $('#text-tab').tab('show'); } $saveButton.removeClass('btn-loading'); $('#updateIngredientsModal').modal('hide'); }) .catch(error => { console.error('Error:', error); $saveButton.removeClass('btn-loading'); }); } $('#saveImage').click(function() { var $saveButton = $(this); if ($('#image').hasClass('active')) { $saveButton.addClass('btn-loading'); if (cropper) { cropper.getCroppedCanvas().toBlob(function(blob) { var reader = new FileReader(); reader.onloadend = function() { var base64data = reader.result.split(',')[1]; extractIngredients(base64data, 500); $saveButton.removeClass('btn-loading'); }; reader.readAsDataURL(blob); }, 'image/jpeg'); } } else if ($('#text').hasClass('active')) { var textAreaContent = $('#textAreaInput').val(); textAreaContent = textAreaContent.trim(); $('#processedIngredientsInput').val(textAreaContent); $('#updateIngredientsForm').trigger('submit'); } }); $('.close').click(function() { // if (cropper) { // cropper.destroy(); // cropper = null; // } $('#updateIngredientsModal').modal('hide'); }); </script> ; <div class="modal fade" id="quickExplainIngredientsModal" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="combinedModalLabel" aria-hidden="true"> <div class="modal-dialog modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Ingredients</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body d-flex justify-content-center align-items-center"> </div> </div> </div> </div> <style> #quickExplainIngredientsModal .modal-dialog-centered { display: flex; align-items: center; justify-content: center; max-width: 100vh; width: auto; margin: 30px auto; } @media screen and (max-width: 600px) { #quickExplainIngredientsModal .modal-dialog-centered { width: 90vw !important; margin: 0 auto; } } #quickExplainIngredientsModal .modal-content { height: auto; min-height: 85vh; display: flex; flex-direction: column; } #quickExplainIngredientsModal .modal-header { background-color: #f8f9fa; border-bottom: 1px solid #dee2e6; display: flex; justify-content: space-between; align-items: center; } #quickExplainIngredientsModal .modal-body { text-align: center; } #quickExplainIngredientsModal .modal-footer { background-color: #f8f9fa; border-top: 1px solid #dee2e6; display: flex; justify-content: flex-start; } #quickExplainIngredientsModal .modal-title { color: #495057; flex-grow: 1; } #quickExplainIngredientsModal .close { color: #495057; opacity: 1; } #quickExplainIngredientsModal .ingredient-display { text-align: start; overflow-y: auto; } </style> <script> window.openaiApiKey = "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"; $('.explain-ingredients-btn').click(function() { let ingredientElement = $(this).attr('data-ingredientele'); // Hiển thị spinner $('#quickExplainIngredientsModal .modal-body').html( '<div class="spinner-border text-primary" role="status"><span class="sr-only">Loading...</span></div>' ); var ingredients = ingredientElement.split(', '); var prompt = "Giải thích công dụng, độ an toàn (EWG), cách sử dụng từng thành phần trong bảng. Phần kết luận hãy đưa ra nhận xét hiệu quả của bảng thành phần mỹ phẩm đã phân tích và nên kết hợp với sử dụng với sản phẩm có tác dụng gì:"; ingredients.forEach(function(ingredient, index) { if (index > 0) prompt += "\n"; prompt += ingredient.trim() + ":"; }); $.ajax({ url: 'https://api.openai.com/v1/chat/completions', type: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + window.openaiApiKey }, data: JSON.stringify({ model: "gpt-3.5-turbo", messages: [{ role: "system", content: "You are a helpful assistant." }, { role: "user", content: prompt } ] }), success: function(response) { var explanation = "<div style='text-align: left;'>"; var messages = response.choices[0].message.content.trim().split('\n'); messages.forEach(function(message) { if (message.trim().length > 0) { var parts = message.split(':'); if (parts.length > 1) { explanation += '<b>' + parts[0].trim() + ':</b> ' + parts.slice( 1).join(':').trim() + '<br><br>'; } } }); explanation += "</div>"; $('#quickExplainIngredientsModal .modal-body').html(explanation); $.ajax({ type: 'post', url: '/ajax/update-ingredients', data: {explanation: explanation,id:'8695'}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { }, error: function(xhr, status, error){ } }); }, error: function(error) { // Xóa spinner và hiển thị lỗi $('#quickExplainIngredientsModal .modal-body').html( '<p>Error retrieving information. Please try again.</p>'); } }); }); </script> <script> $('.close').click(function() { $('#quickExplainIngredientsModal').modal('hide'); }); </script>; </section> </main> <section class="subcribe"> <div class="container-lg"> <div class="box_subcribe"> <div class="row"> <div class="col-12 col-md-6"> <div><strong>NHẬN BẢN TIN LÀM ĐẸP</strong></div> <div>Đừng bỏ lỡ hàng ngàn sản phẩm và chương trình siêu hấp dẫn</div> </div> <div class="col-12 col-md-6 text-end"> <form class="form-subcribe" method="post"> <input type="hidden" name="_token" value="710cS84S5KISARDYykTRN3S5i2ty5mYPOrvwXY49"> <input type="email" placeholder="Nhập email của bạn" name="email" required=""> <span> <button class="btn_send" type="submit">Theo dõi</button> </span> </form> <div class="box-alert"></div> </div> </div> </div> </div> </section> <footer class="pt-5 pb-5"> <div class="container-lg"> <div class="row"> <div class="col-md-5"> <div class="row"> <div class="col-12 col-md-6"> <div class="box-footer"> <a href="/" class="logo_footer"> <img src="/uploads/images/image/LOGO-WAL.png" alt="CÔNG TY TNHH LICA"> </a> <ul class="list_social"> <a href="#" target="_blank" rel="nofollow"><img src="/public/image/icon-facebook.webp" alt="Facebook" width="24" height="24"></a> <a href="#" target="_blank" rel="nofollow"><img src="/public/image/icon-instagram.webp" alt="Facebook" width="24" height="24"></a> <a href="#" target="_blank" rel="nofollow"><img src="/public/image/icon-tiktok.webp" alt="Facebook" width="24" height="24"></a> </ul> <a href="#" class="bocongthuong"> <img src="/public/image/verified.png" alt="Bộ công thương" width="122" height="46"> </a> </div> </div> <div class="col-12 col-md-6"> <div class="info_footer"> <h5>THÔNG TIN LIÊN HỆ</h5> <p>CÔNG TY TNHH LICA</p> <p>MST: 0110731404</p> <p>Địa chỉ: 121 đường Tây Mỗ, Phường Tây Mỗ, Quận Nam Từ Liêm, Thành phố Hà Nội, Việt Nam</p> <p>Hỗ trợ mua hàng: 0971.352.045</p> <p>Trợ giúp: help@lica.vn</p> </div> </div> </div> </div> <div class="col-md-7"> <div class="row"> <div class="col-12 col-md-4 mt-3 mt-md-0"> <div class="menu_footer"> <div class="item-nav"> <p class="title_nav">HỖ TRỢ KHÁCH HÀNG</p> <ul> <li><a href="https://lica.vn/phan-tich-thanh-phan">Phân tích thành phần</a></li> <li><a href="https://lica.vn/ingredient-dictionary">Từ điển thành phần</a></li> <li><a href="#">Thanh toán thuận tiện</a></li> <li><a href="#">Hàng chính hãng giá tốt</a></li> <li><a href="#">Tiết kiệm chi phí đi lại</a></li> <li><a href="https://lica.vn/tra-cuu-thanh-phan">Tra cứu thành phần</a></li> <li><a href="https://walcos.vn/theo-doi-don-hang">Theo dõi đơn hàng</a></li> </ul> </div> </div> </div> <div class="col-12 col-md-4 mt-3 mt-md-0"> <div class="menu_footer"> <div class="item-nav"> <p class="title_nav">CHÍNH SÁCH BÁN HÀNG</p> <ul> <li><a href="https://lica.vn/chinh-sach-va-quy-dinh-chung">Điều khoản sử dụng</a></li> <li><a href="#">Chính sách bảo hành</a></li> <li><a href="#">Hướng dẫn mua hàng</a></li> <li><a href="#">Hướng dẫn thanh toán</a></li> <li><a href="#">Phương thức vận chuyển</a></li> </ul> </div> </div> </div> <div class="col-12 col-md-4 mt-3 mt-md-0"> <div class="menu_footer"> <div class="item-nav"> <p class="title_nav">ĐỐI TÁC - LIÊN KẾT</p> <ul> <li><a href="https://dionel.vn/">Dionel</a></li> <li><a href="https://maputi.com.vn">Maputi Việt Nam</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </footer> <div class="copyright"> <div class="container-lg text-center border-top pt-3 pb-1"> <p>© 2009-2023 -  All rights reserved - Lica 2024</p> </div> </div> <script src="https://accounts.google.com/gsi/client" async defer></script> <div id="g_id_onload" data-client_id="754007389708-s8asi19c88k1sv80t1qesajtl5cobvm8.apps.googleusercontent.com" data-ux_mode="popup" data-callback="handleCredentialResponse" data-close_on_tap_outside="false"></div>  <script> function handleCredentialResponse(response) { $.ajax({ type: "post", url: "https://lica.vn/loginGoogle", data: { access_token: response.credential, _token: "710cS84S5KISARDYykTRN3S5i2ty5mYPOrvwXY49", }, success: function(res) { if (res.status == 200) { window.location.href = res.url; } }, }); } </script> <nav id="menu-mobile" class="hidden-pc"> <div class="mn-mb-header"> <a href="/"> <img src="/uploads/images/LOGO-WAL.png" width="" height="" alt=""> </a> </div> <button id="close-handle" class="close-handle" aria-label="Đóng" title="Đóng"> <span class="mb-menu-cls" aria-hidden="true"><span class="bar animate"></span></span>Đóng </button> <ul class="mb-menu"> <li class="active"> <a href="/"> Trang chủ </a> </li> <li class=""> <a href="https://lica.vn/"> Khuyến mại hot </a> </li> <li class=""> <a href="https://lica.vn/thuong-hieu"> Thương hiệu </a> <button type="button" class="plus-menu lv-1-open cl-open " data-id="74">Open</button> <ul class="menu-mb-lv2 menu-childrent submenu-74" > <li class=""> <a href="https://lica.vn/thuong-hieu/maputi" title="Maputi"> Maputi </a> </li> <li class=""> <a href="https://lica.vn/thuong-hieu/nacific" title="Nacific"> Nacific </a> </li> <li class=""> <a href="https://lica.vn/thuong-hieu/paulas-choice" title="Paula's Choice"> Paula's Choice </a> </li> <li class=""> <a href="https://lica.vn/thuong-hieu/ahc" title="AHC"> AHC </a> </li> </ul> </li> <li class=""> <a href="#"> Sản phẩm mới </a> <button type="button" class="plus-menu lv-1-open cl-open " data-id="3">Open</button> <ul class="menu-mb-lv2 menu-childrent submenu-3" > <li class=""> <a href="https://lica.vn/san-pham-ban-chay" title="Sản phẩm bán chạy"> Sản phẩm bán chạy </a> </li> <li class=""> <a href="https://lica.vn/san-pham-khuyen-mai" title="Sản phẩm khuyến mại"> Sản phẩm khuyến mại </a> </li> </ul> </li> <li class=""> <a href="#"> Chăm sóc da mặt </a> <button type="button" class="plus-menu lv-1-open cl-open " data-id="5">Open</button> <ul class="menu-mb-lv2 menu-childrent submenu-5" > <li class=""> <a href="https://lica.vn/kem-chong-nang" title="Kem chống nắng"> Kem chống nắng </a> <button class="plus-menu lv-2-open cl-open " type="button" data-id="22">Open</button> <ul class="menu-mb-lv3 menu-childrent submenu-22" > <li> <a href="https://lica.vn/kem-chong-nang-da-mat">Chống nắng Face</a> </li> <li> <a href="https://lica.vn/chong-nang-co-the">Chống nắng Body</a> </li> </ul> </li> <li class=""> <a href="#" title="Làm sạch"> Làm sạch </a> <button class="plus-menu lv-2-open cl-open " type="button" data-id="41">Open</button> <ul class="menu-mb-lv3 menu-childrent submenu-41" > <li> <a href="https://lica.vn/tim-kiem?s=n%C6%B0%E1%BB%9Bc+t%E1%BA%A9y+trang">Nước tẩy trang</a> </li> <li> <a href="https://lica.vn/sua-rua-mat">Sữa rửa mặt</a> </li> <li> <a href="https://lica.vn/bong-tay-trang">Bông tẩy trang</a> </li> <li> <a href="https://lica.vn/tay-trang">Tẩy trang</a> </li> </ul> </li> <li class=""> <a href="https://lica.vn/mat-na" title="Mặt nạ"> Mặt nạ </a> <button class="plus-menu lv-2-open cl-open " type="button" data-id="24">Open</button> <ul class="menu-mb-lv3 menu-childrent submenu-24" > <li> <a href="https://lica.vn/tim-kiem?s=mặt+nạ+giấy">Mặt Nạ Giấy</a> </li> <li> <a href="https://lica.vn/tim-kiem?s=mặt+nạ+rửa">Mặt Nạ Rửa</a> </li> <li> <a href="https://lica.vn/tim-kiem?s=mặt+nạ+lột">Mặt Nạ Lột</a> </li> <li> <a href="https://lica.vn/tim-kiem?s=mặt+nạ+ngủ">Mặt Nạ Ngủ</a> </li> </ul> </li> <li class=""> <a href="https://lica.vn/tinh-chat-duong" title="Tinh chất dưỡng"> Tinh chất dưỡng </a> </li> <li class=""> <a href="#" title="Dưỡng mắt"> Dưỡng mắt </a> <button class="plus-menu lv-2-open cl-open " type="button" data-id="48">Open</button> <ul class="menu-mb-lv3 menu-childrent submenu-48" > <li> <a href="https://lica.vn/tim-kiem?s=kem+d%C6%B0%E1%BB%A1ng+m%E1%BA%AFt">Serum / Kem Dưỡng Mắt</a> </li> <li> <a href="https://lica.vn/tim-kiem?s=m%E1%BA%B7t+n%E1%BA%A1+m%E1%BA%AFt">Mặt Nạ Mắt</a> </li> </ul> </li> <li class=""> <a href="https://lica.vn/ho-tro-tri-mun" title="Hỗ trợ trị mụn"> Hỗ trợ trị mụn </a> </li> <li class=""> <a href="#" title="Dưỡng ẩm"> Dưỡng ẩm </a> <button class="plus-menu lv-2-open cl-open " type="button" data-id="47">Open</button> <ul class="menu-mb-lv3 menu-childrent submenu-47" > <li> <a href="https://lica.vn/xit-khoang">Xịt khoáng</a> </li> <li> <a href="#">Lotion / Sữa Dưỡng</a> </li> <li> <a href="#">Kem / Gel / Dầu Dưỡng</a> </li> </ul> </li> <li class=""> <a href="#" title="Dưỡng môi"> Dưỡng môi </a> <button class="plus-menu lv-2-open cl-open " type="button" data-id="49">Open</button> <ul class="menu-mb-lv3 menu-childrent submenu-49" > <li> <a href="https://lica.vn/tim-kiem?s=tẩy+tế+bào+chết+môi">Tẩy Tế Bào Chết Môi</a> </li> <li> <a href="https://lica.vn/tim-kiem?s=mặt+nạ+môi">Mặt Nạ Môi</a> </li> </ul> </li> <li class=""> <a href="https://lica.vn/tim-kiem?s=máy+rửa+mặt" title="Máy rửa mặt"> Máy rửa mặt </a> </li> <li class=""> <a href="#" title="Vấn đề về da"> Vấn đề về da </a> </li> </ul> </li> <li class=""> <a href="#"> Chăm sóc cá nhân </a> <button type="button" class="plus-menu lv-1-open cl-open " data-id="4">Open</button> <ul class="menu-mb-lv2 menu-childrent submenu-4" > <li class=""> <a href="https://lica.vn/dau-goi" title="Dầu gội đầu"> Dầu gội đầu </a> </li> <li class=""> <a href="https://lica.vn/tim-kiem?s=s%E1%BB%AFa+t%E1%BA%AFm" title="Sữa tắm"> Sữa tắm </a> </li> <li class=""> <a href="https://lica.vn/tim-kiem?s=dưỡng+thể" title="Sữa / Kem dưỡng thể"> Sữa / Kem dưỡng thể </a> </li> <li class=""> <a href="https://lica.vn/xa-phong" title="Xà phòng tắm"> Xà phòng tắm </a> </li> <li class=""> <a href="https://lica.vn/duong-da-tay-chan" title="Dưỡng da Tay/Chân"> Dưỡng da Tay/Chân </a> </li> <li class=""> <a href="https://lica.vn/tay-te-bao-chet" title="Tẩy tế bào chết"> Tẩy tế bào chết </a> </li> <li class=""> <a href="https://lica.vn/kem-giam-tham-vung-kin-maputi-white-cream" title="Trị thâm vùng kín"> Trị thâm vùng kín </a> </li> <li class=""> <a href="https://lica.vn/nuoc-hoa-vung-kin" title="Nước hoa vùng kín"> Nước hoa vùng kín </a> <button class="plus-menu lv-2-open cl-open " type="button" data-id="30">Open</button> <ul class="menu-mb-lv3 menu-childrent submenu-30" > <li> <a href="https://lica.vn/thuong-hieu/dionel">Dionel</a> </li> <li> <a href="https://lica.vn/thuong-hieu/foellie">Foellie</a> </li> </ul> </li> <li class=""> <a href="#" title="Khử mùi"> Khử mùi </a> <button class="plus-menu lv-2-open cl-open " type="button" data-id="68">Open</button> <ul class="menu-mb-lv3 menu-childrent submenu-68" > <li> <a href="https://lica.vn/lan-khu-mui">Lăn khử mùi</a> </li> <li> <a href="https://lica.vn/xit-khu-mui">Xịt khử mùi</a> </li> <li> <a href="https://lica.vn/sap-khu-mui">Sáp khử mùi</a> </li> </ul> </li> </ul> </li> <li class=""> <a href="#"> Chăm sóc cá nhân </a> </li> <li class=""> <a href="https://lica.vn/ma-giam-gia"> Nhận ưu đãi </a> </li> </ul> <button class="btn user-btn btn-login mt-3 ps-2" type="button" data-bs-toggle="modal" data-bs-target="#myLogin"> <span role="img" class="icon"><svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 0C6.50896 0 0 6.50896 0 14.5C0 22.491 6.50896 29 14.5 29C22.491 29 29 22.491 29 14.5C29 6.50896 22.5063 0 14.5 0ZM14.5 1.06955C21.9104 1.06955 27.9305 7.08957 27.9305 14.5C27.9305 17.7392 26.7845 20.7034 24.8746 23.0258C24.3093 21.1006 23.148 19.3588 21.4979 18.0448C20.2908 17.0669 18.8699 16.3641 17.3419 15.9821C19.2366 14.9737 20.52 12.9721 20.52 10.6802C20.52 7.36459 17.8156 4.66017 14.5 4.66017C11.1844 4.66017 8.47998 7.33404 8.47998 10.6649C8.47998 12.9568 9.76344 14.9584 11.6581 15.9668C10.1301 16.3488 8.70917 17.0516 7.50211 18.0295C5.86723 19.3435 4.69073 21.0854 4.12539 23.0105C2.21549 20.6881 1.06955 17.7239 1.06955 14.4847C1.08483 7.08957 7.10485 1.06955 14.5 1.06955ZM14.5 15.6154C11.765 15.6154 9.54952 13.3999 9.54952 10.6649C9.54952 7.92993 11.765 5.71444 14.5 5.71444C17.235 5.71444 19.4505 7.92993 19.4505 10.6649C19.4505 13.3999 17.235 15.6154 14.5 15.6154ZM14.5 27.9152C10.7871 27.9152 7.42571 26.4025 4.99631 23.9578C5.40885 21.9868 6.52423 20.1839 8.17439 18.8546C9.9315 17.4489 12.1776 16.6697 14.5 16.6697C16.8224 16.6697 19.0685 17.4489 20.8256 18.8546C22.4758 20.1839 23.5911 21.9868 24.0037 23.9578C21.5743 26.4025 18.2129 27.9152 14.5 27.9152Z" fill="black"></path></svg></span> <span class="title-btn fs-14"> Đăng nhập </span> </button> </nav> <div id="site-overlay" class="site-overlay active"></div> <div class="modal-backdrop fade"></div> <div class="modal fade" id="addCartModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="false"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title " id=""> <i class="fa fa-check-square-o" aria-hidden="true"></i> Thêm vào giỏ thành công </h4> <button type="button" class="close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="row"> <div class="hidden col-sm-4 col-xs-5 imgCartItem"> </div> <div class="col-sm-8 col-xs-7 imgCartDetail"> <h3 class="itemCartTile"></h3> <div class="itemCartPrice"></div> <span class="itemCartQty"></span> </div> </div> </div> <div class="modal-footer"> <button type="button" class="close continueShopping" data-bs-dismiss="modal">Tiếp tục mua sắm</button> <button type="button" class="close viewCartPage" onclick="window.location = '/cart/gio-hang'">Xem giỏ hàng</button> </div> </div> </div> </div> <div class="side-right"> <div class="backdrop fade"></div> <div class="content-right"></div> </div> <script src="/public/js/jquery.validate.min.js"></script> <div class="product-fix"> <div class="container-lg"> <div class="box-product d-flex align-center space-between"> <div class="align-center product-info"> <div class="thumb"> <img src="/uploads/images/image/hasaki/facebook-dynamic-249400251-1695368806_img_358x358_843626_fit_center.jpg" width="72" height="72" alt="Son Lì Silkygirl Siêu Mịn 15 Candy Màu Cam Candy 3.5g"> </div> <div class="description ms-2"> <div class="fs-16 fw-bold">Son Lì Silkygirl Siêu Mịn 15 Candy Màu Cam Candy 3.5g</div> <div class="price-fix"><p>55,000đ</p></div> </div> </div> <div class="product-action align-center"> <div class="item-action"> <button type="button" class="addCartDetail"> <span role="img" class="icon"><svg width="22" height="19" viewBox="0 0 22 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 6.99953H16.21L11.83 0.439531C11.64 0.159531 11.32 0.0195312 11 0.0195312C10.68 0.0195312 10.36 0.159531 10.17 0.449531L5.79 6.99953H1C0.45 6.99953 0 7.44953 0 7.99953C0 8.08953 0.00999996 8.17953 0.04 8.26953L2.58 17.5395C2.81 18.3795 3.58 18.9995 4.5 18.9995H17.5C18.42 18.9995 19.19 18.3795 19.43 17.5395L21.97 8.26953L22 7.99953C22 7.44953 21.55 6.99953 21 6.99953ZM11 2.79953L13.8 6.99953H8.2L11 2.79953ZM17.5 16.9995L4.51 17.0095L2.31 8.99953H19.7L17.5 16.9995ZM11 10.9995C9.9 10.9995 9 11.8995 9 12.9995C9 14.0995 9.9 14.9995 11 14.9995C12.1 14.9995 13 14.0995 13 12.9995C13 11.8995 12.1 10.9995 11 10.9995Z" fill="white"></path></svg></span> <span>Thêm vào giỏ hàng</span> </button> </div> <div class="item-action"> <button class="buyNowDetail" type="button">Mua ngay</button> </div> <div class="item-action btnWishlist group-wishlist-8695"> <button class="btn_login_wishlist" type="button" data-bs-toggle="modal" data-bs-target="#myLogin"><svg width="20" height="20" viewBox="0 0 30 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7858 26C14.2619 26 13.738 25.8422 13.2869 25.5124C11.5696 24.2648 8.26609 21.7408 5.3846 18.7579C1.81912 15.0436 0 11.7739 0 9.03475C0 4.04413 3.85654 0 8.58626 0C10.9438 0 13.1704 1.00386 14.7858 2.79647C16.4158 1.00386 18.6424 0 20.9999 0C25.7297 0 29.5862 4.04413 29.5862 9.03475C29.5862 11.7739 27.7671 15.0436 24.1871 18.7579C21.3201 21.7408 18.002 24.2791 16.2848 25.5124C15.8482 25.8422 15.3097 26 14.7858 26ZM8.58626 1.00386C4.40955 1.00386 1.01871 4.60342 1.01871 9.03475C1.01871 14.9288 10.8711 22.5295 13.8981 24.7093C14.4366 25.0965 15.1497 25.0965 15.6881 24.7093C18.7151 22.5295 28.5675 14.9288 28.5675 9.03475C28.5675 4.60342 25.1767 1.00386 20.9999 1.00386C18.7588 1.00386 16.6341 2.05074 15.1933 3.88638L14.7858 4.38831L14.3783 3.88638C12.9522 2.05074 10.8274 1.00386 8.58626 1.00386Z" fill="black"></path></svg></button> </div> </div> </div> </div> </div> <div class="modal" tabindex="-1" id="myRating"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <button data-bs-dismiss="modal" aria-label="Close" class="btn btnClose" type="button"> <span class="icon"> <svg width="1em" height="1em" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2453 9L17.5302 2.71516C17.8285 2.41741 17.9962 2.01336 17.9966 1.59191C17.997 1.17045 17.8299 0.76611 17.5322 0.467833C17.2344 0.169555 16.8304 0.00177586 16.4089 0.00140366C15.9875 0.00103146 15.5831 0.168097 15.2848 0.465848L9 6.75069L2.71516 0.465848C2.41688 0.167571 2.01233 0 1.5905 0C1.16868 0 0.764125 0.167571 0.465848 0.465848C0.167571 0.764125 0 1.16868 0 1.5905C0 2.01233 0.167571 2.41688 0.465848 2.71516L6.75069 9L0.465848 15.2848C0.167571 15.5831 0 15.9877 0 16.4095C0 16.8313 0.167571 17.2359 0.465848 17.5342C0.764125 17.8324 1.16868 18 1.5905 18C2.01233 18 2.41688 17.8324 2.71516 17.5342L9 11.2493L15.2848 17.5342C15.5831 17.8324 15.9877 18 16.4095 18C16.8313 18 17.2359 17.8324 17.5342 17.5342C17.8324 17.2359 18 16.8313 18 16.4095C18 15.9877 17.8324 15.5831 17.5342 15.2848L11.2453 9Z" fill="currentColor"></path></svg> </span> </button> <div class="fw-bold fs-24 text-center mb-3 mt-2">Viết đánh giá</div> <div class="align-center bg-gray br-10 pe-3 ps-3 pt-3 pb-3 mb-3"> <div class="thumb-pro"> <img src="/uploads/images/image/hasaki/facebook-dynamic-249400251-1695368806_img_358x358_843626_fit_center.jpg" width="65" height="65" alt="Son Lì Silkygirl Siêu Mịn 15 Candy Màu Cam Candy 3.5g"> </div> <div class="des-pro ps-3"> <div class="fs-14 fw-600">Silkygirl</div> <a class="d-block fs-16" href="https://lica.vn/son-li-silkygirl-sieu-min-15-candy-mau-cam-candy-3.5g">Son Lì Silkygirl Siêu Mịn 15 Candy Màu Cam Candy 3.5g</a> </div> </div> <form class="formRating mb-3" method="post" enctype="multipart/form-data"> <input type="hidden" name="_token" value="710cS84S5KISARDYykTRN3S5i2ty5mYPOrvwXY49"> <input type="hidden" name="product_id" value="8695"> <div class="row mb-3"> <div class="col-12 col-md-6 mb-3 mb-md-0"> <label>Bạn có sẵn sàng giới thiệu sản phẩm này không?</label> <div class="form-check form-check-inline ps-0"> <input class="form-check-input" name="is_aff" type="checkbox" id="inlineCheckbox2" value="1"> </div> </div> <div class="col-12 col-md-6"> <label>Đánh giá chung <span>*</span></label> <div id="rating"></div> </div> </div> <div class="divider-horizontal"></div> <div class="row mb-3"> <div class="col-6"> <label>Biệt danh <span>*</span></label> <input type="text" require class="form-control" name="name" value="" placeholder="Nguyễn Văn An" autocomplete="false"> </div> <div class="col-6"> <label>Email <span>*</span></label> <input type="email" require class="form-control" name="email" value="" placeholder="admin@gmail.com" autocomplete="false"> </div> </div> <div class="divider-horizontal mt-2"></div> <div class="row mb-3"> <div class="col-12"> <label>Tóm tắt đánh giá <span>*</span></label> <input type="text" class="form-control" require name="title" placeholder="Tóm tắt đánh giá của bạn" autocomplete="false"> </div> </div> <div class="row mb-3"> <div class="col-12"> <label>Hình ảnh</label> <div class="input-field"> <div class="input-images" style="padding-top: .5rem;"></div> </div> </div> </div> <div class="row"> <div class="col-12"> <label>Đánh giá chi tiết</label> <textarea name="content" rows="4" class="form-control height-auto" placeholder="Viết đánh giá chi tiết"></textarea> </div> </div> <div class="mt-2 opacity-05">Bạn có thể nói thêm về sản phẩm ở dưới đây, ví dụ như độ hoàn thiện, sự thoải mái</div> <div class="text-center mt-3"> <button class="btn btn-default ps-5 pe-5" type="submit">Gửi cho chúng tôi</button> </div> <div class="box-alert"></div> </form> </div> </div> </div> </div> <div class="modal" tabindex="-1" id="myVerified"> <div class="modal-dialog modal-md"> <div class="modal-content"> <div class="modal-body"> <button data-bs-dismiss="modal" aria-label="Close" class="btn btnClose" type="button"> <span class="icon"> <svg width="1em" height="1em" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2453 9L17.5302 2.71516C17.8285 2.41741 17.9962 2.01336 17.9966 1.59191C17.997 1.17045 17.8299 0.76611 17.5322 0.467833C17.2344 0.169555 16.8304 0.00177586 16.4089 0.00140366C15.9875 0.00103146 15.5831 0.168097 15.2848 0.465848L9 6.75069L2.71516 0.465848C2.41688 0.167571 2.01233 0 1.5905 0C1.16868 0 0.764125 0.167571 0.465848 0.465848C0.167571 0.764125 0 1.16868 0 1.5905C0 2.01233 0.167571 2.41688 0.465848 2.71516L6.75069 9L0.465848 15.2848C0.167571 15.5831 0 15.9877 0 16.4095C0 16.8313 0.167571 17.2359 0.465848 17.5342C0.764125 17.8324 1.16868 18 1.5905 18C2.01233 18 2.41688 17.8324 2.71516 17.5342L9 11.2493L15.2848 17.5342C15.5831 17.8324 15.9877 18 16.4095 18C16.8313 18 17.2359 17.8324 17.5342 17.5342C17.8324 17.2359 18 16.8313 18 16.4095C18 15.9877 17.8324 15.5831 17.5342 15.2848L11.2453 9Z" fill="currentColor"></path></svg> </span> </button> <a href="https://trustqr.com/" target="_bank"><img src="/uploads/images/bnpl_all_desktop.jpg" class="w-100" alt="TRUST QR"></a> </div> </div> </div> </div> <link type="text/css" rel="stylesheet" href="/public/website/upload/image-uploader.min.css"> <link rel="stylesheet" href="/public/website/magnific/magnific-popup.css"> <script type="text/javascript" src="/public/website/upload/image-uploader.min.js"></script> <script type="text/javascript" src="/public/website/magnific/jquery.magnific-popup.min.js"></script> <script src="/public/website/js/rating.js"></script> <script> $(document).ready(function() { $('.update-product-ingredients-btn').click(function() { $('#updateIngredientsModal').modal('show'); }); $('.explain-ingredients-btn').click(function() { $('#quickExplainIngredientsModal').modal('show'); }); }); document.addEventListener('DOMContentLoaded', function() { var ingredientContentElement = document.getElementsByClassName('detail-content ingredient')[0]; if (ingredientContentElement) { var ingredientContent = ingredientContentElement.innerText; var explainButton = document.querySelector('.explain-ingredients-btn'); if (explainButton) { explainButton.setAttribute('data-ingredientele', ingredientContent); } } }); $('.show_verified').click(function(){ var myVerified = new bootstrap.Modal(document.getElementById('myVerified')) myVerified.show(); }); $('.image-link').magnificPopup({ type: 'image', mainClass: 'mfp-with-zoom', gallery:{ enabled:true }, zoom: { enabled: true, duration: 300, // duration of the effect, in milliseconds easing: 'ease-in-out', // CSS transition easing function opener: function(openerElement) { return openerElement.is('img') ? openerElement : openerElement.find('img'); } } }) $('.input-images').imageUploader(); (function ($) { $.switcher = function (filter) { var $haul = $('input[type=checkbox]'); if (filter !== undefined && filter.length) { $haul = $haul.filter(filter); } $haul.each(function () { var $checkbox = $(this).hide(), $switcher = $(document.createElement('div')) .addClass('ui-switcher') .attr('aria-checked', $checkbox.is(':checked')); if ('radio' === $checkbox.attr('type')) { $switcher.attr('data-name', $checkbox.attr('name')); } toggleSwitch = function (e) { if (e.target.type === undefined) { $checkbox.trigger(e.type); } $switcher.attr('aria-checked', $checkbox.is(':checked')); if ('radio' === $checkbox.attr('type')) { $('.ui-switcher[data-name=' + $checkbox.attr('name') + ']') .not($switcher.get(0)) .attr('aria-checked', false); } }; $switcher.on('click', toggleSwitch); $checkbox.on('click', toggleSwitch); $switcher.insertBefore($checkbox); }); }; })(jQuery); $.switcher(); $('body').on('change','#fileUpload',function(){ var src = window.URL.createObjectURL(this.files[0]) console.log(data); }); $(document).ready(function() { rating.create({ 'selector': '#rating', 'outOf': 5, 'defaultRating': 5, }); }); $('.btn_viewmore').click(function(){ var check = $(this).attr('data-show'); if(check == 'false'){ $('.product-content .content').css('height','auto'); $('.bg-cover').hide(); $(this).html('ẨN BỚT NỘI DUNG').attr('data-show','true'); }else{ $('.product-content .content').css('height','200px'); $('.bg-cover').show(); $(this).html('XEM THÊM NỘI DUNG').attr('data-show','false'); } }) $('.selectors').owlCarousel({ navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'], responsiveclass: true, margin: 10, autoplay: false, dots:false, loop:false, responsive: { 0: { items: 4, nav: true }, 768: { items: 5, nav: true }, 1000: { items: 5, nav: true, } } }); $(window).scroll(function() { var topPos = $(this).scrollTop(); if (topPos > 500) { $('.product-fix').addClass("active"); } else { $('.product-fix').removeClass("active"); } }); $('body').on('click','.addCartDetail',function(){ var id = $('input[name="variant_id"]').val(); var qty = $('input.quantity-input').val(); var gift = $('input[name="product_gift"]:checked').val(); var deal = $('input[name="deal_id"]').val(); $.ajax({ type: 'post', url: 'https://lica.vn/cart/add-to-cart', data: {id:id,qty:qty,gift:gift,deal:deal}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, beforeSend: function () { $('.addCartDetail').prop('disabled',true); $('.addCartDetail .icon').html('<span class="spinner-border text-light"></span>') }, success: function (res) { $('.addCartDetail').prop('disabled',false); $('.addCartDetail .icon').html('<svg width="22" height="19" viewBox="0 0 22 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 6.99953H16.21L11.83 0.439531C11.64 0.159531 11.32 0.0195312 11 0.0195312C10.68 0.0195312 10.36 0.159531 10.17 0.449531L5.79 6.99953H1C0.45 6.99953 0 7.44953 0 7.99953C0 8.08953 0.00999996 8.17953 0.04 8.26953L2.58 17.5395C2.81 18.3795 3.58 18.9995 4.5 18.9995H17.5C18.42 18.9995 19.19 18.3795 19.43 17.5395L21.97 8.26953L22 7.99953C22 7.44953 21.55 6.99953 21 6.99953ZM11 2.79953L13.8 6.99953H8.2L11 2.79953ZM17.5 16.9995L4.51 17.0095L2.31 8.99953H19.7L17.5 16.9995ZM11 10.9995C9.9 10.9995 9 11.8995 9 12.9995C9 14.0995 9.9 14.9995 11 14.9995C12.1 14.9995 13 14.0995 13 12.9995C13 11.8995 12.1 10.9995 11 10.9995Z" fill="white"></path></svg>'); if(res.status == 'success'){ $('.count-cart').html(res.total); getCart(); }else{ alert("Có lỗi xảy ra trong quá trình xử lý, xin vui lòng thử lại"); } }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }) }); $('body').on('click','.buyNowDetail',function(){ var id = $('input[name="variant_id"]').val(); var qty = $('input.quantity-input').val(); var gift = $('input[name="product_gift"]:checked').val(); var deal = $('input[name="deal_id"]').val(); $.ajax({ type: 'post', url: 'https://lica.vn/cart/add-to-cart', data: {id:id,qty:qty,gift:gift,deal:deal}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, beforeSend: function () { $('.buyNowDetail').prop('disabled',true); $('.buyNowDetail').html('<span class="spinner-border text-light"></span> Mua ngay') }, success: function (res) { $('.buyNowDetail').prop('disabled',false); $('.buyNowDetail').html('Mua ngay'); if(res.status == 'success'){ window.location = 'https://lica.vn/cart/thanh-toan'; }else{ alert("Có lỗi xảy ra trong quá trình xử lý, xin vui lòng thử lại"); } }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }) }); $(document).on('click','.quantity-selector .entry', function(){ var _qty = parseInt($('.quantity-selector .quantity-input').val()); if($(this).hasClass('btn_minus')){ if(_qty > 1){ $('.quantity-selector .quantity-input').val(_qty - 1); } }else{ $('.quantity-selector .quantity-input').val(_qty + 1); } }) $("#productAttributesReview").on("click", function(){ $("input[for='productAttributesReview']").trigger("click"); }) $('input[for="productAttributesReview"]').change(function(){ }); $('#detailProduct .box-color').on('click','.item-variant',function(){ var id = $(this).attr('data-id'); var text = $(this).attr('data-text'); var product = '8695'; var image = $(this).attr('data-image'); $('.BandecZoom .mz-figure img').attr('src',image); $('#detailProduct .box-color .item-variant').removeClass('active'); $('#detailProduct .box-color .label span').html(text); $('#detailProduct .box-color .label input[name="color_id"]').val(id); $(this).addClass('active'); $.ajax({ type: 'get', url: '/getSize?product='+product+'&color='+id, data: {}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { $('#detailProduct .price-detail').html(res.price); $('#detailProduct .sku-section span').html(res.sku); $('#detailProduct .box-size').html(res.html); $('#detailProduct input[name="variant_id"]').val(res.variant_id); }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }) }) $('#detailProduct .box-size').on('click','.item-variant',function(){ var id = $(this).attr('data-id'); var product = '8695'; var text = $(this).attr('data-text'); var color = $('#detailProduct input[name="color_id"]').val(); $('#detailProduct .box-size .item-variant').removeClass('active'); $('#detailProduct .box-size .label span').html(text); $('#detailProduct .box-size .label input[name="size_id"]').val(id); $(this).addClass('active'); $.ajax({ type: 'get', url: '/getPrice?product='+product+'&color='+color+'&size='+id, data: {}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { $('#detailProduct .price-detail').html(res.price); $('#detailProduct .sku-section span').html(res.sku); $('#detailProduct input[name="variant_id"]').val(res.variant_id); }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }) }); $(".formRating").submit(function (e) { e.preventDefault(); var formData = new FormData(this); $.ajax({ type: "POST", url: "https://lica.vn/review/add-review", data: formData, cache: false, contentType: false, processData: false, dataType: "json", beforeSend: function () { $('.formRating button[type="submit"]').html('<span class="spinner-border text-light"></span>'); $('.formRating button[type="submit"]').prop('disabled', true); }, success: function (res) { $('.formRating button[type="submit"]').html('GỬI CHO CHÚNG TÔI'); $('.formRating button[type="submit"]').prop('disabled', false); if(res.status == true){ $('.formRating .box-alert').html('<div class="alert alert-success" role="alert"><i class="fa fa-check" aria-hidden="true"></i> '+res.message+'</div>'); }else{ $('.formRating .box-alert').html('<div class="alert alert-danger" role="alert"><i class="fa fa-times" aria-hidden="true"></i> '+res.message+'</div>'); } setTimeout(function () { window.location = window.location.href; var myRating = new bootstrap.Modal(document.getElementById('myRating')) myRating.hide(); }, 2000); $('.formRating')[0].reset(); }, error: function (data) { alert(data.responseJSON.errors.files[0]); console.log(data.responseJSON.errors); }, }); }); </script> <script> $(function () { var $allVideos = $("iframe[src*='//player.vimeo.com'], iframe[src*='//www.youtube.com'], object, embed"), $fluidEl = $(".box_video"); $allVideos.each(function () { $(this) // jQuery .data does not work on object/embed elements .attr('data-aspectRatio', this.height / this.width) .removeAttr('height') .removeAttr('width'); }); $(window).resize(function () { var newWidth = $fluidEl.width(); $allVideos.each(function () { var $el = $(this); $el .width(newWidth) .height(newWidth * $el.attr('data-aspectRatio')); }); }).resize(); }); </script> <div class="modal" tabindex="-1" id="myLogin"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> <button data-bs-dismiss="modal" aria-label="Close" class="btn btnClose" type="button"> <span class="icon"> <svg width="1em" height="1em" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2453 9L17.5302 2.71516C17.8285 2.41741 17.9962 2.01336 17.9966 1.59191C17.997 1.17045 17.8299 0.76611 17.5322 0.467833C17.2344 0.169555 16.8304 0.00177586 16.4089 0.00140366C15.9875 0.00103146 15.5831 0.168097 15.2848 0.465848L9 6.75069L2.71516 0.465848C2.41688 0.167571 2.01233 0 1.5905 0C1.16868 0 0.764125 0.167571 0.465848 0.465848C0.167571 0.764125 0 1.16868 0 1.5905C0 2.01233 0.167571 2.41688 0.465848 2.71516L6.75069 9L0.465848 15.2848C0.167571 15.5831 0 15.9877 0 16.4095C0 16.8313 0.167571 17.2359 0.465848 17.5342C0.764125 17.8324 1.16868 18 1.5905 18C2.01233 18 2.41688 17.8324 2.71516 17.5342L9 11.2493L15.2848 17.5342C15.5831 17.8324 15.9877 18 16.4095 18C16.8313 18 17.2359 17.8324 17.5342 17.5342C17.8324 17.2359 18 16.8313 18 16.4095C18 15.9877 17.8324 15.5831 17.5342 15.2848L11.2453 9Z" fill="currentColor"></path></svg> </span> </button> <div class="fw-bold fs-26 text-uppercase text-center mb-3 mt-5">Đăng nhập</div> <form class="formLogin" method="post"> <input type="hidden" name="_token" value="710cS84S5KISARDYykTRN3S5i2ty5mYPOrvwXY49"> <input type="hidden" name="returnUrl" value="https://lica.vn/son-li-silkygirl-sieu-min-15-candy-mau-cam-candy-3.5g"> <div class="mb-3"> <input type="email" class="form-control" name="email" placeholder="Email đăng nhập" autocomplete="false"> </div> <div class="mb-3"> <input type="password" class="form-control" name="password" placeholder="Mật khẩu đăng nhập" autocomplete="false"> </div> <div class="mb-3"> <label class="lab_remember"><input type="checkbox" name="remember" autocomplete="false"> Ghi nhớ đăng nhập</label> <a href="javascript:;" class="btn_forgot">Quên mật khẩu?</a> </div> <div class="text-center"> <button class="btn btn-default w-100" type="submit">Đăng nhập</button> </div> <p class="text-center mt-4 mb-3">--- Hoặc đăng nhập với ---</p> <div class="align-center space-between"> <a href="https://lica.vn/redirect/facebook" class="btn-social"><i class="fa fa-facebook" aria-hidden="true"></i> Facebook</a> <a href="https://lica.vn/redirect/google" class="btn-social"><i class="fa fa-google" aria-hidden="true"></i> Google</a> </div> <div class="box-alert text-center"></div> <div class="mt-3 text-center"> <span>Bạn chưa có tài khoản? <a href="javascript:;" class="btn-register">Đăng ký ngay</a></span> </div> </form> </div> </div> </div> </div> <div class="modal" tabindex="-1" id="myForgot"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> <button data-bs-dismiss="modal" aria-label="Close" class="btn btnClose" type="button"> <span class="icon"> <svg width="1em" height="1em" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2453 9L17.5302 2.71516C17.8285 2.41741 17.9962 2.01336 17.9966 1.59191C17.997 1.17045 17.8299 0.76611 17.5322 0.467833C17.2344 0.169555 16.8304 0.00177586 16.4089 0.00140366C15.9875 0.00103146 15.5831 0.168097 15.2848 0.465848L9 6.75069L2.71516 0.465848C2.41688 0.167571 2.01233 0 1.5905 0C1.16868 0 0.764125 0.167571 0.465848 0.465848C0.167571 0.764125 0 1.16868 0 1.5905C0 2.01233 0.167571 2.41688 0.465848 2.71516L6.75069 9L0.465848 15.2848C0.167571 15.5831 0 15.9877 0 16.4095C0 16.8313 0.167571 17.2359 0.465848 17.5342C0.764125 17.8324 1.16868 18 1.5905 18C2.01233 18 2.41688 17.8324 2.71516 17.5342L9 11.2493L15.2848 17.5342C15.5831 17.8324 15.9877 18 16.4095 18C16.8313 18 17.2359 17.8324 17.5342 17.5342C17.8324 17.2359 18 16.8313 18 16.4095C18 15.9877 17.8324 15.5831 17.5342 15.2848L11.2453 9Z" fill="currentColor"></path></svg> </span> </button> <div class="fw-bold fs-26 text-uppercase text-center mb-3 mt-5">Quên mật khẩu</div> <form class="formForgot" method="post"> <input type="hidden" name="_token" value="710cS84S5KISARDYykTRN3S5i2ty5mYPOrvwXY49"> <div class="mb-3"> <input type="email" class="form-control" name="email" placeholder="Email đăng nhập *" autocomplete="false"> </div> <div class="text-center"> <button class="btn btn-default w-100" type="submit">Gửi</button> </div> <div class="box-alert text-center"></div> <div class="mt-3 text-center"> <span>Quay lại <a href="javascript:;" class="btn-login-forgot">Đăng nhập</a></span> </div> </form> </div> </div> </div> </div> <div class="modal" tabindex="-1" id="myRegister"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> <button data-bs-dismiss="modal" aria-label="Close" class="btn btnClose" type="button"> <span class="icon"> <svg width="1em" height="1em" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2453 9L17.5302 2.71516C17.8285 2.41741 17.9962 2.01336 17.9966 1.59191C17.997 1.17045 17.8299 0.76611 17.5322 0.467833C17.2344 0.169555 16.8304 0.00177586 16.4089 0.00140366C15.9875 0.00103146 15.5831 0.168097 15.2848 0.465848L9 6.75069L2.71516 0.465848C2.41688 0.167571 2.01233 0 1.5905 0C1.16868 0 0.764125 0.167571 0.465848 0.465848C0.167571 0.764125 0 1.16868 0 1.5905C0 2.01233 0.167571 2.41688 0.465848 2.71516L6.75069 9L0.465848 15.2848C0.167571 15.5831 0 15.9877 0 16.4095C0 16.8313 0.167571 17.2359 0.465848 17.5342C0.764125 17.8324 1.16868 18 1.5905 18C2.01233 18 2.41688 17.8324 2.71516 17.5342L9 11.2493L15.2848 17.5342C15.5831 17.8324 15.9877 18 16.4095 18C16.8313 18 17.2359 17.8324 17.5342 17.5342C17.8324 17.2359 18 16.8313 18 16.4095C18 15.9877 17.8324 15.5831 17.5342 15.2848L11.2453 9Z" fill="currentColor"></path></svg> </span> </button> <div class="fw-bold fs-26 text-uppercase text-center mb-3 mt-5">Đăng ký</div> <form class="formRegiter" method="post"> <input type="hidden" name="_token" value="710cS84S5KISARDYykTRN3S5i2ty5mYPOrvwXY49"> <input type="hidden" name="returnUrl" value="https://lica.vn/son-li-silkygirl-sieu-min-15-candy-mau-cam-candy-3.5g"> <div class="mb-3"> <input type="text" class="form-control" name="first_name" placeholder="Họ *" autocomplete="false"> </div> <div class="mb-3"> <input type="text" class="form-control" name="last_name" placeholder="Tên *" autocomplete="false"> </div> <div class="mb-3"> <input type="email" class="form-control" name="email" placeholder="Email đăng nhập *" autocomplete="false"> </div> <div class="mb-3"> <input type="password" class="form-control" name="password" placeholder="Mật khẩu đăng nhập *" autocomplete="false"> </div> <div class="text-center"> <button class="btn btn-default w-100" type="submit">Đăng ký</button> </div> <p class="text-center mt-4 mb-3">--- Hoặc đăng ký với ---</p> <div class="align-center space-between"> <a href="https://lica.vn/redirect/facebook" class="btn-social"><i class="fa fa-facebook" aria-hidden="true"></i> Facebook</a> <a href="https://lica.vn/redirect/google" class="btn-social"><i class="fa fa-google" aria-hidden="true"></i> Google</a> </div> <div class="box-alert text-center"></div> <div class="mt-3 text-center"> <span>Bạn đã có tài khoản? <a href="javascript:;" class="btn-login">Đăng nhập ngay</a></span> </div> </form> </div> </div> </div> </div> <div class="modal" tabindex="-1" id="myQuickview"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> <button data-bs-dismiss="modal" aria-label="Close" class="btn btnClose" type="button"> <span class="icon"> <svg width="1em" height="1em" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2453 9L17.5302 2.71516C17.8285 2.41741 17.9962 2.01336 17.9966 1.59191C17.997 1.17045 17.8299 0.76611 17.5322 0.467833C17.2344 0.169555 16.8304 0.00177586 16.4089 0.00140366C15.9875 0.00103146 15.5831 0.168097 15.2848 0.465848L9 6.75069L2.71516 0.465848C2.41688 0.167571 2.01233 0 1.5905 0C1.16868 0 0.764125 0.167571 0.465848 0.465848C0.167571 0.764125 0 1.16868 0 1.5905C0 2.01233 0.167571 2.41688 0.465848 2.71516L6.75069 9L0.465848 15.2848C0.167571 15.5831 0 15.9877 0 16.4095C0 16.8313 0.167571 17.2359 0.465848 17.5342C0.764125 17.8324 1.16868 18 1.5905 18C2.01233 18 2.41688 17.8324 2.71516 17.5342L9 11.2493L15.2848 17.5342C15.5831 17.8324 15.9877 18 16.4095 18C16.8313 18 17.2359 17.8324 17.5342 17.5342C17.8324 17.2359 18 16.8313 18 16.4095C18 15.9877 17.8324 15.5831 17.5342 15.2848L11.2453 9Z" fill="currentColor"></path></svg> </span> </button> <div class="box-quick-view"></div> </div> </div> </div> </div> <script> $('.show-menu-account').click(function(){ $('.menu_account').toggle(); }); $(".form-subcribe").on("submit", function (e) { e.preventDefault(); $.ajax({ type: 'post', url: '/ajax/post-subcriber', data: $('.form-subcribe').serialize(), beforeSend: function () { $('.form-subcribe button').html('<span class="spinner-border"></span>'); $('.form-subcribe button').prop('disabled',true); }, success: function (res) { $('.form-subcribe button').html('GỬI'); $('.form-subcribe button').prop('disabled',false); if(res.status == 'success'){ $('.box_subcribe .box-alert').html('<div class="alert alert-success mt-2" role="alert"><i class="fa fa-check" aria-hidden="true"></i> '+res.message+'</div>'); setTimeout(function () { $('.box_subcribe .box-alert').html(''); },3000); $('.form-subcribe')[0].reset(); }else{ var errTxt = ''; if(res.errors !== undefined) { Object.keys(res.errors).forEach(key => { errTxt += '<li>'+res.errors[key][0]+'</li>'; }); } else { errTxt = res.message; } $('.box_subcribe .box-alert').html('<div class="alert alert-danger mt-2" role="alert"><ul>'+errTxt+'</ul></div>'); } },error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); } }) }); $(function() { var setInvisible = function(elem) { elem.css('visibility', 'hidden'); }; var setVisible = function(elem) { elem.css('visibility', 'visible'); }; var elem = $("#menutop"); var items = elem.children(); elem.prepend('<div id="right-button" style="visibility: hidden;"><svg width="1em" height="1em" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Arrow-Forward-iOS-1" transform="translate(5.000000, 8.000000) scale(-1, 1) translate(-5.000000, -8.000000) " fill="currentColor"><polygon id="Path" points="0.391846 14.5041 1.80785 15.9201 9.72785 8.00008 1.80785 0.0800781 0.391846 1.49608 6.89585 8.00008"></polygon></g></g></svg></div>'); elem.append(' <div id="left-button"><svg width="1em" height="1em" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.391846 14.504L1.80785 15.92L9.72785 8L1.80785 0.0800047L0.391846 1.496L6.89585 8L0.391846 14.504Z" fill="currentColor"></path></svg></div>'); items.wrapAll('<div id="inner" />'); elem.find('#inner').wrap('<div id="outer"/>'); var outer = $('#outer'); var updateUI = function() { var maxWidth = outer.outerWidth(true); var actualWidth = 0; $.each($('#inner >'), function(i, item) { actualWidth += $(item).outerWidth(true); }); if (actualWidth <= maxWidth) { setVisible($('#left-button')); } }; updateUI(); $('#right-button').click(function() { var leftPos = outer.scrollLeft(); outer.animate({ scrollLeft: leftPos - 200 }, 800, function() { if ($('#outer').scrollLeft() <= 0) { setInvisible($('#right-button')); } }); }); $('#left-button').click(function() { setVisible($('#right-button')); var leftPos = outer.scrollLeft(); outer.animate({ scrollLeft: leftPos + 200 }, 800); }); $(window).resize(function() { updateUI(); }); }); $('body').on('click','.btn-quickview',function(){ var id = $(this).attr('data-id'); $.ajax({ type: 'post', url: 'https://lica.vn/product/quickview', data: {id:id}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { if(res.status){ var quickView = new bootstrap.Modal(document.getElementById('myQuickview')) quickView.show(); $('#myQuickview .box-quick-view').html(res.view); }else{ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }) }); $('.btn-wishlist').click(function(){ $.ajax({ type: 'get', url: 'https://lica.vn/wishlist/get', data: {}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { $('.side-right').addClass('active'); $('body').css({'overflow':'hidden','touch-action':'none','width':'calc(100% - 6px)'}); $('.side-right .content-right').html(res); }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }) }); function getCart(){ $.ajax({ type: 'get', url: 'https://lica.vn/cart/get', data: {}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { $('.side-right').addClass('active'); $('body').css({'overflow':'hidden','touch-action':'none','width':'calc(100% - 6px)'}); $('.side-right .content-right').html(res); }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }) } $('body').on('click','.remove-cart',function(){ var id = $(this).attr('data-id'); var parent = $(this).attr('data-parent'); $.ajax({ type: "post", url: "https://lica.vn/cart/del-item-cart", data: { id: id,parent:parent}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { if(res.status === 'false'){ $('body .list-cart').html('<div class="text-center pt-5 pb-5">Bạn chưa có sản phẩm nào trong giỏ hàng</div>'); }else{ $('body .item-cart-'+id+'').remove(); } $('.count-cart').html(res.total); $('body .total-price').html(res.price+'đ'); loadPromotion(); }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); //window.location = window.location.href; } }); }) function loadPromotion(){ $.ajax({ type: 'get', url: 'https://lica.vn/cart/loadPromotion', data: {}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { $('.list-promotion').html(res); } }) } $(document).on('click','.quantity-quick .entry', function(){ var _qty = parseInt($('.quantity-quick .quantity-input').val()); if($(this).hasClass('btn_minus')){ if(_qty > 1){ $('.quantity-quick .quantity-input').val(_qty - 1); } }else{ $('.quantity-quick .quantity-input').val(_qty + 1); } }) function getFeeShip(){ var ward = $('#ward option:selected').text(),province = $('#province option:selected').text(), district = $('#district option:selected').text(); var address = $('input[name="address"]').val(); $.ajax({ type: 'post', url: 'https://lica.vn/cart/fee-ship', data: {province:province,district:district,ward:ward,address:address}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { let fee = res.feeship; $('.item-ship').html(res.feeship+'đ'); $('.total-order').html(res.amount+'đ'); if(fee != 0){ $('input[name="feeShip"]').val(fee.replace(",","")); }else{ $('input[name="feeShip"]').val(0); } }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); //window.location = window.location.href; } }) } $('body').on('click','.qtyminus',function(e){ e.preventDefault(); var id = $(this).attr('data-id'); var parent = $(this).attr('data-parent'); var input = $('#quantity-'+id+'-'+parent+''); var currentVal = parseInt(input.val()); var qty = 1; if (!isNaN(currentVal) && currentVal > 1) { //input.val(currentVal - 1); qty = currentVal - 1; } //input.val(qty); $.ajax({ type: "post", url: "https://lica.vn/cart/update-cart", data: { id: id, qty: qty ,parent:parent}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { if(res.status == 'error'){ $('.item-cart'+res.parent+' .error-'+res.id+'').html(res.message) }else{ $('.count-cart').html(res.total); $('body .total-price').html(res.price+'đ'); $('#page_checkout .subtotal-cart').html(res.price+'đ'); $('#page_checkout .total-order').html(res.totalPrice+'đ'); input.val(res.amount); if(window.location.href == 'https://lica.vn/cart/thanh-toan'){ loadPromotion(); getFeeShip(); if(res.counpon == 'false'){ $('.box-code-coupon').html(''); $('.sale-promotion').html('0') } } } }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }); }); $('body').on('click','.qtyplus',function(e){ e.preventDefault(); var id = $(this).attr('data-id'); var parent = $(this).attr('data-parent'); var input = $('#quantity-'+id+'-'+parent+''); var currentVal = parseInt(input.val()); var qty = 1; if (!isNaN(currentVal)) { qty = currentVal + 1; } //input.val(qty); $.ajax({ type: "post", url: "https://lica.vn/cart/update-cart", data: { id: id, qty: qty,parent:parent}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { if(res.status == 'error'){ $('.item-cart'+res.parent+' .error-'+res.id+'').html(res.message) }else{ $('.count-cart').html(res.total); $('body .total-price').html(res.price+'đ'); $('#page_checkout .subtotal-cart').html(res.price+'đ'); input.val(res.amount); $('#page_checkout .total-order').html(res.totalPrice+'đ'); if(window.location.href == 'https://lica.vn/cart/thanh-toan'){ loadPromotion(); getFeeShip(); if(res.counpon == 'false'){ $('.box-code-coupon').html(''); $('.sale-promotion').html('0') } } } }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }); }); $('.btn-search-mobile').click(function(){ $('.search_mobile').slideToggle(); }); $('.btn-cart').click(function(){ getCart(); }); $('.side-right .backdrop').click(function(){ $(this).parent().removeClass('active'); $('body').css({'overflow':'inherit','touch-action':'inherit','width':'inherit'}); }) $('body').on('click','.close-cart',function(){ $('.side-right').removeClass('active'); $('body').css({'overflow':'inherit','touch-action':'inherit','width':'inherit'}); }); $('body').on('click','.btn-register',function(){ var myLogin = bootstrap.Modal.getInstance(document.querySelector('#myLogin')); myLogin.hide(); var myRegister = new bootstrap.Modal(document.getElementById('myRegister')) myRegister.show(); }) $('body').on('click','.btn_forgot',function(){ var myLogin = bootstrap.Modal.getInstance(document.querySelector('#myLogin')); myLogin.hide(); var myForgot = new bootstrap.Modal(document.getElementById('myForgot')) myForgot.show(); }) $('body').on('click','.btn-login-forgot',function(){ var myForgot = bootstrap.Modal.getInstance(document.querySelector('#myForgot')); myForgot.hide(); var myLogin = new bootstrap.Modal(document.getElementById('myLogin')) myLogin.show(); }) $('body').on('click','.btn-login',function(){ var myRegister = bootstrap.Modal.getInstance(document.querySelector('#myRegister')); myRegister.hide(); var myLogin = new bootstrap.Modal(document.getElementById('myLogin')) myLogin.show(); }) $('body').on('click','.btn_wishlist',function(){ var id = $(this).attr('data-id'); $.ajax({ type: 'post', url: 'https://lica.vn/wishlist/add', data: {id:id}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { $('.count-wishlist').html(res); $('.group-wishlist-'+id+'').html('<button class="btn_remove_wishlist" type="button" data-id="'+id+'"><svg width="20" height="20" viewBox="0 0 30 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M 21.001 0 C 18.445 0 16.1584 1.24169 14.6403 3.19326 C 13.1198 1.24169 10.8355 0 8.27952 0 C 3.70634 0 0 3.97108 0 8.86991 C 0 15.1815 9.88903 23.0112 13.4126 25.5976 C 14.1436 26.1341 15.1369 26.1341 15.8679 25.5976 C 19.3915 23.0088 29.2805 15.1815 29.2805 8.86991 C 29.2782 3.97108 25.5718 0 21.001 0 Z" fill="black"></path></svg></button>'); }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }) }) $('body').on('click','.btn_remove_wishlist',function(){ var id = $(this).attr('data-id'); $.ajax({ type: 'post', url: 'https://lica.vn/wishlist/remove', data: {id:id}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { $('.count-wishlist').html(res); $('.group-wishlist-'+id+'').html('<button class="btn_wishlist" type="button" data-id="'+id+'"><svg width="20" height="20" viewBox="0 0 30 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7858 26C14.2619 26 13.738 25.8422 13.2869 25.5124C11.5696 24.2648 8.26609 21.7408 5.3846 18.7579C1.81912 15.0436 0 11.7739 0 9.03475C0 4.04413 3.85654 0 8.58626 0C10.9438 0 13.1704 1.00386 14.7858 2.79647C16.4158 1.00386 18.6424 0 20.9999 0C25.7297 0 29.5862 4.04413 29.5862 9.03475C29.5862 11.7739 27.7671 15.0436 24.1871 18.7579C21.3201 21.7408 18.002 24.2791 16.2848 25.5124C15.8482 25.8422 15.3097 26 14.7858 26ZM8.58626 1.00386C4.40955 1.00386 1.01871 4.60342 1.01871 9.03475C1.01871 14.9288 10.8711 22.5295 13.8981 24.7093C14.4366 25.0965 15.1497 25.0965 15.6881 24.7093C18.7151 22.5295 28.5675 14.9288 28.5675 9.03475C28.5675 4.60342 25.1767 1.00386 20.9999 1.00386C18.7588 1.00386 16.6341 2.05074 15.1933 3.88638L14.7858 4.38831L14.3783 3.88638C12.9522 2.05074 10.8274 1.00386 8.58626 1.00386Z" fill="black"></path></svg></button>'); }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }) }) $('body').on('click','.remove-wishlist',function(){ var id = $(this).attr('data-id'); $.ajax({ type: 'post', url: 'https://lica.vn/wishlist/remove', data: {id:id}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { $('.count-wishlist').html(res); $('.group-wishlist-'+id+'').html('<button class="btn_wishlist" type="button" data-id="'+id+'"><svg width="20" height="20" viewBox="0 0 30 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7858 26C14.2619 26 13.738 25.8422 13.2869 25.5124C11.5696 24.2648 8.26609 21.7408 5.3846 18.7579C1.81912 15.0436 0 11.7739 0 9.03475C0 4.04413 3.85654 0 8.58626 0C10.9438 0 13.1704 1.00386 14.7858 2.79647C16.4158 1.00386 18.6424 0 20.9999 0C25.7297 0 29.5862 4.04413 29.5862 9.03475C29.5862 11.7739 27.7671 15.0436 24.1871 18.7579C21.3201 21.7408 18.002 24.2791 16.2848 25.5124C15.8482 25.8422 15.3097 26 14.7858 26ZM8.58626 1.00386C4.40955 1.00386 1.01871 4.60342 1.01871 9.03475C1.01871 14.9288 10.8711 22.5295 13.8981 24.7093C14.4366 25.0965 15.1497 25.0965 15.6881 24.7093C18.7151 22.5295 28.5675 14.9288 28.5675 9.03475C28.5675 4.60342 25.1767 1.00386 20.9999 1.00386C18.7588 1.00386 16.6341 2.05074 15.1933 3.88638L14.7858 4.38831L14.3783 3.88638C12.9522 2.05074 10.8274 1.00386 8.58626 1.00386Z" fill="black"></path></svg></button>'); $.ajax({ type: 'get', url: 'https://lica.vn/wishlist/get', data: {}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { $('.side-right .content-right').html(res); }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }) }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }) }); $('body').on('click','.remove-all-wishlist',function(){ $.ajax({ type: 'get', url: 'https://lica.vn/wishlist/remove-all', data: {}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { $('.count-wishlist').html(0); $('.side-right .content-right').html(res); }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }) }); $('.formRegiter').validate({ rules: { first_name: { required: true, maxlength:60, }, last_name: { required: true, maxlength:60, }, email: { required: true, email: true, }, password:{ required: true, }, }, messages: { first_name: { required: "Bạn chưa nhập họ", maxlength:"Số ký tự không vượt quá 60" }, last_name: { required: "Bạn chưa nhập tên", maxlength:"Số ký tự không vượt quá 60" }, email: { required: "Bạn chưa nhập địa chỉ email", email: "Địa chỉ email không đúng", }, password:{ required: "Bạn chưa nhập mật khẩu", }, }, submitHandler: function (form) { $.ajax({ type: 'post', url: 'https://lica.vn/register', data: $(form).serialize(), beforeSend: function () { $('.formRegiter button[type="submit"]').html('<span class="spinner-border"></span>'); $('.formRegiter button[type="submit"]').prop('disabled',true); }, success: function (res) { if(res.status == 'success'){ $('.formRegiter .box-alert').html('<div class="alert alert-success mt-3" role="alert"><i class="fa fa-check" aria-hidden="true"></i> '+res.message+'</div>'); $('.formRegiter')[0].reset(); }else{ var errTxt = ''; if(res.errors !== undefined) { Object.keys(res.errors).forEach(key => { errTxt += '<li>'+res.errors[key][0]+'</li>'; }); } else { errTxt = res.message; } $('.formRegiter .box-alert').html('<div class="alert alert-danger mt-3" role="alert"><ul>'+errTxt+'</ul></div>'); } $('.formRegiter button[type="submit"]').html('ĐĂNG KÝ'); $('.formRegiter button[type="submit"]').prop('disabled',false); } ,error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }); return false; } }); $('.formLogin').validate({ rules: { email: { required: true, email: true, }, password:{ required: true, }, }, messages: { email: { required: "Bạn chưa nhập địa chỉ email", email: "Địa chỉ email không đúng", }, password:{ required: "Bạn chưa nhập mật khẩu", }, }, submitHandler: function (form) { $.ajax({ type: 'post', url: 'https://lica.vn/login', data: $(form).serialize(), beforeSend: function () { $('.formLogin button[type="submit"]').html('<span class="spinner-border"></span>'); $('.formLogin button[type="submit"]').prop('disabled',true); }, success: function (res) { if(res.status == 'success'){ $('.formLogin')[0].reset(); window.location = res.url; }else{ var errTxt = ''; if(res.errors !== undefined) { Object.keys(res.errors).forEach(key => { errTxt += '<li>'+res.errors[key][0]+'</li>'; }); } else { errTxt = res.message; } $('.formLogin .box-alert').html('<div class="alert alert-danger mt-3" role="alert"><ul>'+errTxt+'</ul></div>'); } $('.formLogin button[type="submit"]').html('ĐĂNG NHẬP'); $('.formLogin button[type="submit"]').prop('disabled',false); }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }); return false; } }); $('.formForgot').validate({ rules: { email: { required: true, email: true, } }, messages: { email: { required: "Bạn chưa nhập địa chỉ email", email: "Địa chỉ email không đúng", }, }, submitHandler: function (form) { $.ajax({ type: 'post', url: 'https://lica.vn/forgot', data: $(form).serialize(), beforeSend: function () { $('.formForgot button[type="submit"]').html('<span class="spinner-border"></span>'); $('.formForgot button[type="submit"]').prop('disabled',true); }, success: function (res) { if(res.status == 'success'){ $('.formForgot .box-alert').html('<div class="alert alert-success mt-3" role="alert"><i class="fa fa-check" aria-hidden="true"></i> '+res.message+'</div>'); $('.formForgot')[0].reset(); }else{ var errTxt = ''; if(res.errors !== undefined) { Object.keys(res.errors).forEach(key => { errTxt += '<li>'+res.errors[key][0]+'</li>'; }); } else { errTxt = res.message; } $('.formForgot .box-alert').html('<div class="alert alert-danger mt-3" role="alert"><ul>'+errTxt+'</ul></div>'); } $('.formForgot button[type="submit"]').html('GỬI'); $('.formForgot button[type="submit"]').prop('disabled',false); }, error: function(xhr, status, error){ alert('Có lỗi xảy ra, xin vui lòng thử lại'); window.location = window.location.href; } }); return false; } }); $('footer .map iframe').attr('width',$('footer .map').width()).attr('height','220px'); $('.fb-comments').attr('data-width','500px'); if($(window).width() <= 991){ $(document).on('click','.menu-active #site-overlay,#close-handle',function(event){ $("body").removeClass('menu-active') }); $("body").on("click",".btn-menu-mb",function(){ $("body").toggleClass('menu-active'); }) $('body').on('click','.cl-open',function(event){ $(this).next().slideToggle('fast') $(this).toggleClass('minus-menu'); var menus = []; $(".mb-menu li .cl-open").each(function(){ if($(this).hasClass('minus-menu') == true){ menus.push($(this).attr('data-id')); } }) $.ajax({ type: 'post', url: '/ajax/ss_menu', data: {menus: menus}, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (res) { }, error: function(xhr, status, error){ } }); }); }; // if($(window).width() <= 420){ // $('.g_id_signin').attr('data-width',$('#main .container-lg').width()); // } </script> <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v13.0&appId=1356300011391373&autoLogAppEvents=1" nonce="w7xgUtuR"></script> </body> </html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="f8dfa95022138a659199bd05-|49" defer></script>