New-Bhouse-Web/themes/hugo-universal-theme-master/layouts/partials/furniture_design.html

<div class="furniture-design">
  <div class="design-banner"></div>
  <ul class="nav nav-pills mt-0 mt-lg-4 justify-content-center tab-title b-bottom" id="pills-tab" role="tablist">
    <li class="nav-item" role="presentation">
      <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link design-border">全部設計單品</a>
    </li>
    <li class="nav-item tab-item" role="presentation">
      <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
    </li>
    <li class="nav-item tab-item" role="presentation">
      <a href="/solid_wood_furniture" id="furniture-tab" class="nav-link">關於家具</a>
    </li>
    <li class="nav-item tab-item" role="presentation">
      <a href="/about_mattress" id="mattress-tab" class="nav-link">關於床墊</a>
    </li>
  </ul>

  <div class="bhouseweb_loc_content">
    <ul class="design-list m-0">
      <li><a id="sofa" class="nav-link" href="/furniture_design/sofa/">沙發</a></li>
      <li><a class="nav-link" href="">茶几</a></li>
      <li><a class="nav-link" href="">餐桌</a></li>
      <li><a class="nav-link" href="">餐椅/中島椅</a></li>
      <li><a id="mattress" class="nav-link" href="/furniture_design/mattress/">床組</a></li>
      <li><a class="nav-link" href="">電視櫃</a></li>
      <li><a class="nav-link" href="">衣櫃/收納櫃/中島</a></li>
      <li><a class="nav-link" href="">邊櫃/邊几</a></li>
      <li><a class="nav-link" href="">書桌/工作桌</a></li>
      <li><a class="nav-link" href="">其他設計單品</a></li>
    </ul>
  </div>

  <div style="border-top: 1px solid #969696; position: absolute; width: 100%; left: 0;"></div>
</div>

<script>
  // 儲存點擊的 Link ID 後加上 Class Name
  window.onload = function () {
    // 預設沙發頁
    if (window.location.pathname === '/furniture_design/sofa/') {
      localStorage.setItem('assignLink', 'sofa');
    }

    let linkList = document.querySelectorAll(".design-list .nav-link");
    for (let i = 0; i < linkList.length; i++) {
      linkList[i].addEventListener("click", function (e) {
        localStorage.setItem('assignLink', e.target.id);
      });
    }

    let linkID = localStorage.getItem('assignLink');
    let link = document.querySelector(`.design-list #${linkID}`);
    link.classList.add("assign-link");
  }
</script>