Tập đoàn

Hệ sinh thái

Sản phẩm & dịch vụ

Truyền thông

Tuyển dụng

Liên hệ hợp tác

<div id="backdrop-popup" class="backdrop-popup"></div><div id="backdrop-dropbox" class="backdrop-dropbox"></div><div id="lightbox-screen" class="lightbox-screen"></div><script id="script_lazyload" type="text/javascript">window.lazyload_run = function (dom, is_first, check_dom_rect) {if (check_dom_rect && (document.body.clientWidth <= 0 || document.body.clientheight <= 0)) {return setTimeout(function () {window.lazyload_run(dom, is_first, check_dom_rect);}, 1);}var style_lazyload = document.getElementById('style_lazyload');var list_element_lazyload = dom.querySelectorAll('body.lazyload .ladi-overlay, body.lazyload .ladi-box, body.lazyload .ladi-button-background, body.lazyload .ladi-collection-item, body.lazyload .ladi-countdown-background, body.lazyload .ladi-form-item-background, body.lazyload .ladi-form-label-container .ladi-form-label-item.image, body.lazyload .ladi-frame-background, body.lazyload .ladi-gallery-view-item, body.lazyload .ladi-gallery-control-item, body.lazyload .ladi-headline, body.lazyload .ladi-image-background, body.lazyload .ladi-image-compare, body.lazyload .ladi-list-paragraph ul li, body.lazyload .ladi-section-background, body.lazyload .ladi-survey-option-background, body.lazyload .ladi-survey-option-image, body.lazyload .ladi-tabs-background, body.lazyload .ladi-video-background, body.lazyload .ladi-banner, body.lazyload .ladi-spin-lucky-screen, body.lazyload .ladi-spin-lucky-start');var docEventScroll = window;for (var i = 0; i < list_element_lazyload.length; i++) {var rect = list_element_lazyload[i].getBoundingClientRect();if (rect.x == "undefined" || rect.x == undefined || rect.y == "undefined" || rect.y == undefined) {rect.x = rect.left;rect.y = rect.top;}var offset_top = rect.y + window.scrollY;if (offset_top >= window.scrollY + window.innerHeight || window.scrollY >= offset_top + list_element_lazyload[i].offsetHeight) {list_element_lazyload[i].classList.add('ladi-lazyload');}}if (typeof style_lazyload != "undefined" && style_lazyload != undefined) {style_lazyload.parentElement.removeChild(style_lazyload);}document.body.classList.remove("lazyload");var currentScrollY = window.scrollY;var stopLazyload = function (event) {if (event.type == "scroll" && window.scrollY == currentScrollY) {currentScrollY = -1;return;}docEventScroll.removeEventListener('scroll', stopLazyload);list_element_lazyload = document.getElementsByClassName('ladi-lazyload');while(list_element_lazyload.length > 0) {list_element_lazyload[0].classList.remove('ladi-lazyload');}};if (is_first) {var scrollEventPassive = null;try {var opts = Object.defineProperty({}, 'passive', {get: function() {scrollEventPassive = {passive: true};}});window.addEventListener('testPassive', null, opts);window.removeEventListener('testPassive', null, opts);} catch (e) {}docEventScroll.addEventListener('scroll', stopLazyload, scrollEventPassive);}return dom;}; window.lazyload_run(document, true, true);</script><script src="https://w.ladicdn.com/v5/source/ladipagev3.min.js?v=1770361058307" type="text/javascript"></script><script id="script_event_data" type="application/json">{"BOX1":{"a":"box","F":"fadeInRight","C":"0.5s"},"HEADLINE19":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE20":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE21":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE22":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE23":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE24":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE25":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE26":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE27":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE28":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE29":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE30":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE31":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE32":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE33":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE34":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE35":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE36":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE37":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE38":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE39":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE40":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE41":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE42":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE43":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE44":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE45":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE46":{"option.is_product_mapping_name_custom":true,"a":"headline"},"BUTTON_TEXT5":{"option.is_product_mapping_name_custom":true,"a":"headline"},"BUTTON_TEXT6":{"option.is_product_mapping_name_custom":true,"a":"headline"},"BUTTON_TEXT7":{"option.is_product_mapping_name_custom":true,"a":"headline"},"FORM_ITEM2":{"a":"form_item","bS":"text","bQ":1},"FORM_ITEM3":{"a":"form_item","bS":"email","bQ":2},"FORM_ITEM4":{"a":"form_item","bS":"tel","bQ":3},"FORM_ITEM5":{"a":"survey","aS":false,"aR":{"a":"select","dh":false,"dc":"question_form_item5","de":[],"db":"products","da":true,"cY":"Thể loại","cW":5,"cV":true,"cU":"vertical","cT":{"a":"default"},"cQ":[{"label":"Sản phẩm 1","selected":false,"ew":"Sản phẩm 1"},{"label":"Sản phẩm 2","selected":false,"ew":"Sản phẩm 2"},{"label":"Sản phẩm 3","selected":false,"ew":"Sản phẩm 3"}]},"aM":"products","aL":true},"FORM_ITEM6":{"a":"form_item","bS":"text","bQ":6},"FORM_ITEM7":{"a":"form_item","bS":"text","bQ":7},"FORM_ITEM8":{"a":"form_item","bS":"select","bQ":8},"FORM_ITEM9":{"a":"form_item","bS":"number","bQ":9},"FORM_ITEM10":{"a":"form_item","bS":"number","bQ":9},"FORM_ITEM11":{"a":"form_item","bS":"number","bQ":9},"FORM_ITEM12":{"a":"form_item","bS":"number","bQ":9},"FORM_ITEM13":{"a":"form_item","bS":"radio","bQ":38},"FORM2":{"a":"form","bM":true,"bK":"default","bJ":"Cảm ơn bạn đã quan tâm!","by":true,"bx":true},"HEADLINE47":{"option.is_product_mapping_name_custom":true,"a":"headline"},"HEADLINE48":{"option.is_product_mapping_name_custom":true,"a":"headline"},"BOX15":{"a":"box","F":"fadeInRight","C":"0.5s"},"HEADLINE49":{"option.is_product_mapping_name_custom":true,"a":"headline"},"BUTTON_TEXT8":{"option.is_product_mapping_name_custom":true,"a":"headline"},"BUTTON8":{"a":"button","F":"pulse","C":"1s"},"PARAGRAPH2":{"option.is_product_mapping_name_custom":true,"a":"paragraph"},"BUTTON_TEXT9":{"option.is_product_mapping_name_custom":true,"a":"headline"},"FORM_ITEM14":{"a":"form_item","bS":"text","bQ":1},"FORM3":{"a":"form","bM":true,"bK":"default","bJ":"Cảm ơn bạn đã quan tâm!","by":true,"bx":true},"PARAGRAPH3":{"option.is_product_mapping_name_custom":true,"a":"paragraph"},"BUTTON_TEXT10":{"option.is_product_mapping_name_custom":true,"a":"headline"}}</script><script id="script_ladipage_run" type="text/javascript">(function () {var run = function () {if (typeof window.LadiPageScript == "undefined" || typeof window.ladi == "undefined" || window.ladi == undefined) {setTimeout(run, 100); return;}window.LadiPageApp = window.LadiPageApp || new window.LadiPageAppV2();window.LadiPageScript.runtime.website_id = '6930fe5f9411b900120d6c7a';window.LadiPageScript.runtime.ladipage_id = '6930fe639411b900120d6dc3';window.LadiPageScript.runtime.publish_platform = 'LADIPAGE';window.LadiPageScript.runtime.version = '1770361058307';window.LadiPageScript.runtime.cdn_url = 'https://w.ladicdn.com/v5/source/';window.LadiPageScript.runtime.DOMAIN_FREE = ["preview.ldpdemo.com","ldp.page"];window.LadiPageScript.runtime.bodyFontSize = 12;window.LadiPageScript.runtime.store_id = "5f964f724237083ab0c7f31e";window.LadiPageScript.runtime.store_ladiuid = "5f964f41ebcb07370e852eab";window.LadiPageScript.runtime.time_zone = 7;window.LadiPageScript.runtime.currency = "VND";window.LadiPageScript.runtime.convert_replace_str = true;window.LadiPageScript.runtime.desktop_width = 1200;window.LadiPageScript.runtime.mobile_width = 420;window.LadiPageScript.runtime.formdata = true;window.LadiPageScript.runtime.tracking_button_click = true;window.LadiPageScript.runtime.publish_time = 1770456244798;window.LadiPageScript.runtime.lang = "vi";window.LadiPageScript.run(true);window.LadiPageScript.runEventScroll();};run();})();</script><style>
  /* === CSS GIAO DIỆN === */
  .gem-lang-container {
    position: relative;
    font-family: 'Open Sans', Arial, sans-serif; /* Font chữ web */
    width: 100%;
    height: 100%;
    z-index: 1000;
  }

  /* Nút hiển thị ngôn ngữ hiện tại */
  .gem-current-lang {
    display: flex;
    align-items: center;
    justify-content: center; /* Căn giữa nội dung trong nút */
    gap: 8px; /* Khoảng cách giữa cờ và chữ */
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-weight: 600;
    color: #333; /* MÀU CHỮ: Sửa thành #ffffff nếu menu nền đen */
    background: transparent;
  }
  
  /* Ảnh lá cờ */
  .gem-flag-img {
    width: 24px;   /* Độ rộng lá cờ */
    height: auto;  /* Chiều cao tự động */
    display: block;
    border-radius: 2px; /* Bo góc nhẹ cho lá cờ đẹp hơn */
    box-shadow: 0 1px 3px rgba(0,0,0,0.2); /* Bóng nhẹ để cờ nổi bật trên nền trắng */
  }

  /* Mũi tên nhỏ */
  .gem-arrow {
    font-size: 10px;
    transition: transform 0.3s;
    opacity: 0.7;
  }

  /* Danh sách xổ xuống */
  .gem-lang-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0; /* Căn phải thẳng hàng với nút */
    min-width: 150px;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    border-radius: 6px;
    overflow: hidden;
    padding: 8px 0;
    margin-top: 5px;
  }

  /* Hiệu ứng hiển thị */
  .gem-lang-container:hover .gem-lang-dropdown {
    display: block;
    animation: fadeIn 0.2s ease-in-out;
  }
  
  .gem-lang-container:hover .gem-arrow {
    transform: rotate(180deg);
  }

  /* Từng mục ngôn ngữ */
  .gem-lang-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    text-decoration: none !important;
    color: #333;
    font-size: 14px;
    transition: background 0.2s;
  }

  .gem-lang-item:hover {
    background: #f5f5f5;
    color: #E31E24; /* Màu khi di chuột vào */
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
  }
</style>

<script>
  (function() {
    // ================= CẤU HÌNH (SỬA TẠI ĐÂY) =================
    
    // 1. Nhập ID của phần tử trên LadiPage (Ví dụ: #BUTTON_123)
    const PLACEHOLDER_ID = '#headerBUTTON237'; 

    // 2. Nhập Link của 3 trang
    const siteLinks = {
      vi: 'https://domain.com/trang-chu-vi',
      en: 'https://domain.com/home-en',
      cn: 'https://domain.com/home-cn'
    };

    // ==========================================================

    // Danh sách data ngôn ngữ (Dùng ảnh từ CDN thay vì Emoji)
    const languages = [
      { 
        code: 'vi', 
        label: 'Tiếng Việt', 
        flag: 'https://flagcdn.com/w40/vn.png', // Link ảnh cờ VN
        link: siteLinks.vi 
      },
      { 
        code: 'en', 
        label: 'English',    
        flag: 'https://flagcdn.com/w40/us.png', // Link ảnh cờ Mỹ
        link: siteLinks.en 
      },
      { 
        code: 'cn', 
        label: '中文',       
        flag: 'https://flagcdn.com/w40/cn.png', // Link ảnh cờ TQ
        link: siteLinks.cn 
      }
    ];

    // Xác định ngôn ngữ hiện tại
    const currentUrl = window.location.href;
    let activeLang = languages[0]; // Mặc định VI

    // Logic kiểm tra URL
    if (currentUrl.includes(siteLinks.en) || currentUrl.includes('/home-en')) {
      activeLang = languages[1];
    } else if (currentUrl.includes(siteLinks.cn) || currentUrl.includes('/home-cn')) {
      activeLang = languages[2];
    }

    // Hàm giữ UTM
    function buildLink(baseLink) {
      if (!baseLink) return '#';
      const urlParams = new URLSearchParams(window.location.search);
      const query = urlParams.toString();
      return query ? (baseLink.includes('?') ? `${baseLink}&${query}` : `${baseLink}?${query}`) : baseLink;
    }

    // Hàm render
    function renderLanguageMenu() {
      const targetElement = document.querySelector(PLACEHOLDER_ID);
      
      if (!targetElement) return;

      // Reset style gốc
      targetElement.innerHTML = '';
      targetElement.style.backgroundColor = 'transparent';
      targetElement.style.border = 'none';
      targetElement.style.boxShadow = 'none';
      targetElement.style.backgroundImage = 'none'; // Xóa nền nếu có

      // Tạo list dropdown
      let dropdownItems = '';
      languages.forEach(lang => {
        // Chỉ hiện những ngôn ngữ KHÁC ngôn ngữ hiện tại
        if (lang.code !== activeLang.code) {
           dropdownItems += `
            <a href="${buildLink(lang.link)}" class="gem-lang-item">
              <img src="${lang.flag}" class="gem-flag-img" alt="${lang.code}">
              <span>${lang.label}</span>
            </a>
          `;
        }
      });

      // Inject HTML
      targetElement.innerHTML = `
        <div class="gem-lang-container">
          <div class="gem-current-lang">
            <img src="${activeLang.flag}" class="gem-flag-img" alt="${activeLang.code}">
            <span>${activeLang.code.toUpperCase()}</span>
            <span class="gem-arrow">▼</span>
          </div>
          <div class="gem-lang-dropdown">
            ${dropdownItems}
          </div>
        </div>
      `;
    }

    setTimeout(renderLanguageMenu, 500);

  })();
</script>

Liên hệ

Chúng tôi luôn sẵn sàng phục vụ bạn!

Văn Phòng

Hà Nội

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội

Hải Phòng

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội

Đà Nẵng

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội.24 Võ Chí Công, Đà Nẵng

Vũng Tàu

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội

Kho Bãi

Đà Nẵng

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội

Nha Trang

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội

Vũng Tàu

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội

Sài Gòn

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội

Hà Nội

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội

Hải Phòng

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội

Hưng Yên

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội

Lào Cai

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội

Thông tin cá nhân

Thông tin vận chuyển

Liệu tôi có thể giúp bạn!

Công ty chúng tôi

Về chúng tôi

Liên hệ

Bảng giá

Tính năng

Affiliate Marketing

Chăm sóc khách hàng

Dịch vụ

Giúp đỡ?

Chính sách bảo mật

Điều khoản sử dụng

Tìm hiểu thêm

68 Nguyễn Hoàng, Mỹ Đình, Nam Từ Liêm, Hà Nội.
24 Võ Chí Công, Đà Nẵng