las la-arrow-right-circle

label

description

las la-chevron-right

setTimeout(function() {
  if (document.getElementById('custom-double-btn')) return;

  // 1. 自動抓取系統原本按鈕裡的珍珠奶茶圖片網址
  const originalImg = document.querySelector('[class*="ButtonFloatingMessage_image"] img');
  const pearlMilkTeaSrc = originalImg ? originalImg.src : '';

  // 2. 畫出右側小箭頭圖示
  const arrowIcon = '<svg class="c-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 16 16 12 12 8"></polyline></svg>';

  // 3. 建立全新「雙按鈕」HTML
  // 如果有抓到原圖就用圖片(img)，沒抓到則用珍奶 Emoji 備用
  const iconHTML = pearlMilkTeaSrc 
    ? `<img src="${pearlMilkTeaSrc}" class="c-custom-icon">` 
    : '<span class="c-icon">🥤</span>';

  const doubleBtnHTML = `
    <div id="custom-double-btn">
      <a href="https://請填寫第二杯6折的網址.com" class="c-btn left-btn">
        ${iconHTML}
        <span>第二杯 6 折</span>
        ${arrowIcon}
      </a>
      
      <div class="c-divider"></div>
      
      <a href="https://請填寫回到首頁的網址.com" class="c-btn right-btn">
        <span>回到首頁</span>
        ${arrowIcon}
      </a>
    </div>
  `;

  if (document.body) {
    document.body.insertAdjacentHTML('beforeend', doubleBtnHTML);
  }
}, 1500);

LINE TOUCH 指定門市