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

<footer class="footer w-100 mt-5">
  <div class="container-fluid">
    <div class="row list">
      <div class="col">
        <div class="d-flex flex-column">
          <h5 class="title">
            關於小寶優居
          </h5>
          <ul>
            <li>
              <a href="/about_bhouse/">我們的理念</a>
            </li>
            <li>
              <a href="/news/">最新消息公告</a>
            </li>
            <li>
              <a href="mailto:christine.tang@bhouse.com.tw,jade.wang@bhouse.com.tw">媒體聯繫</a>
            </li>
            <li>
              <a target="_blank" href="https://www.104.com.tw/company/1a2x6bk01k">人才招募</a>
            </li>
          </ul>

          <h5 class="title">
            社群平台
          </h5>
          <ul>
            <li>
              <a href="https://www.facebook.com/bhouse.tw/" target="_blank">Facebook</a>
            </li>
            <li>
              <a href="https://www.youtube.com/channel/UCOYvhrSCu6DRbLWNoy6lDTg/videos?view=0"
                target="_blank">Youtube</a>
            </li>
          </ul>
        </div>
      </div>

      <div class="col">
        <div class="d-flex flex-column">
          <h5 class="title">
            成家設計服務
          </h5>
          <ul>
            <li>
              <a href="/room_planner/">成家設計服務流程</a>
            </li>
            <li>
              <a href="/frequently_asked_questions/">服務常見QA</a>
            </li>
          </ul>

          <h5 class="title">
            小寶優居門市
          </h5>
          <ul>
            <li>
              <a href="/store/" onclick="setValue('scope')">服務範圍</a>
            </li>
            <li>
              <a href="/store/" onclick="setValue('NewTaipei')">新北門市</a>
            </li>
            <!-- <li>
              <a href="">桃園門市</a>
            </li> -->
            <li>
              <a href="/store/" onclick="setValue('Taichung')">台中門市</a>
            </li>
            <li>
              <a href="/store/" onclick="setValue('Tainan')">台南門市</a>
            </li>
          </ul>
        </div>
      </div>

      <div class="col">
        <div class="d-flex flex-column">
          <h5 class="title">
            室內設計作品
          </h5>
          <ul>
            <li>
              <a href="/collection/" onclick="setCollectionValue('透天')">透天設計</a>
            </li>
            <li>
              <a href="/collection/" onclick="setCollectionValue('大樓')">大樓設計</a>
            </li>
          </ul>

          <h5 class="title">
            小寶設計單品
          </h5>
          <ul>
            <li>
              <a href="/furniture_design/sofa/">所有設計單品</a>
            </li>
            <li>
              <a href="/system_furniture/">關於系統櫃</a>
            </li>
            <li>
              <a href="/solid_wood_furniture/">關於家具</a>
            </li>
            <li>
              <a href="/about_mattress/">關於床墊</a>
            </li>
          </ul>
        </div>
      </div>

      <div class="col">
        <h5 class="title">
          成家知識專欄
        </h5>
        <ul class="pills-blog">
          <li>
            <a href="/blog/pre-sale-house-design-change/">預售屋客變</a>
          </li>
          <li>
            <a href="/blog/house-acceptance-check/">驗屋交屋</a>
          </li>
          <li>
            <a href="/blog/budget-planning/">預算準備</a>
          </li>
          <li>
            <a href="/blog/about-interior-decoration/">認識裝修裝潢</a>
          </li>
          <li>
            <a href="/blog/floor-planning/">空間計畫</a>
          </li>
          <li>
            <a href="/blog/decoration-style/">居家風格</a>
          </li>
          <li>
            <a href="/blog/furnitures-appliances/">家具家電</a>
          </li>
          <li>
            <a href="/blog/design-acceptanc-and-move-in/">驗收入住</a>
          </li>
        </ul>
      </div>
    </div>

    <div class="d-block d-md-none mobile-list">

      <nav
        style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);"
        aria-label="breadcrumb">
        <ol class="breadcrumb m-0 d-none">
          <li class="breadcrumb-item">
            <a href="/" class="d-block" style="margin-top: -2px;">
              <img src="/img/bt_footer_index@2x.png" width="30px" alt="" class="m-auto">
            </a>
          </li>
          <li class="breadcrumb-item" id="breadcrumb_main">
            <a href="#"></a>
          </li>
          <!-- <li class="breadcrumb-item active" aria-current="page" id="breadcrumb_minor"></li> -->
        </ol>
      </nav>

      <div class="d-flex align-items-start mobile-tab-list">
        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
          <button class="nav-link" id="v-pills-roomPlanner-tab" data-bs-toggle="pill"
            data-bs-target="#v-pills-roomPlanner" type="button" role="tab" aria-controls="v-pills-roomPlanner"
            aria-selected="true">成家設計服務<span>＞</span></button>
          <button class="nav-link" id="v-pills-blog-tab" data-bs-toggle="pill" data-bs-target="#v-pills-blog"
            type="button" role="tab" aria-controls="v-pills-blog" aria-selected="false">成家知識專欄<span>＞</span></button>
          <button class="nav-link" id="v-pills-collection-tab" data-bs-toggle="pill"
            data-bs-target="#v-pills-collection" type="button" role="tab" aria-controls="v-pills-collection"
            aria-selected="false">室內設計作品<span>＞</span></button>
          <button class="nav-link" id="v-pills-store-tab" data-bs-toggle="pill" data-bs-target="#v-pills-store"
            type="button" role="tab" aria-controls="v-pills-store" aria-selected="false">小寶優居門市<span>＞</span></button>
          <button class="nav-link" id="v-pills-design-tab" data-bs-toggle="pill" data-bs-target="#v-pills-design"
            type="button" role="tab" aria-controls="v-pills-design" aria-selected="false">小寶設計單品<span>＞</span></button>
          <button class="nav-link" id="v-pills-about-tab" data-bs-toggle="pill" data-bs-target="#v-pills-about"
            type="button" role="tab" aria-controls="v-pills-about" aria-selected="false">關於小寶優居<span>＞</span></button>
          <button class="nav-link" id="v-pills-social-tab" data-bs-toggle="pill" data-bs-target="#v-pills-social"
            type="button" role="tab" aria-controls="v-pills-social" aria-selected="false">社群平台<span>＞</span></button>
        </div>
        <div class="tab-content" id="v-pills-tabContent">
          <div class="tab-pane fade" id="v-pills-roomPlanner" role="tabpanel" aria-labelledby="v-pills-roomPlanner-tab">
            <ul>
              <li>
                <a href="/room_planner/">成家設計服務流程</a>
              </li>
              <li>
                <a href="/frequently_asked_questions/">服務常見QA</a>
              </li>
            </ul>
          </div>
          <div class="tab-pane fade pills-blog" id="v-pills-blog" role="tabpanel" aria-labelledby="v-pills-blog-tab">
            <ul>
              <li>
                <a href="/blog/pre-sale-house-design-change/">預售屋客變</a>
              </li>
              <li>
                <a href="/blog/house-acceptance-check/">驗屋交屋</a>
              </li>
              <li>
                <a href="/blog/budget-planning/">預算準備</a>
              </li>
              <li>
                <a href="/blog/about-interior-decoration/">認識裝修裝潢</a>
              </li>
              <li>
                <a href="/blog/floor-planning/">空間計畫</a>
              </li>
              <li>
                <a href="/blog/decoration-style/">居家風格</a>
              </li>
              <li>
                <a href="/blog/furnitures-appliances/">家具家電</a>
              </li>
              <li>
                <a href="/blog/design-acceptanc-and-move-in/">驗收入住</a>
              </li>
            </ul>
          </div>
          <div class="tab-pane fade" id="v-pills-collection" role="tabpanel" aria-labelledby="v-pills-collection-tab">
            <ul>
              <li>
                <a href="/collection/" onclick="setCollectionValue('透天')">透天設計</a>
              </li>
              <li>
                <a href="/collection/" onclick="setCollectionValue('大樓')">大樓設計</a>
              </li>
            </ul>
          </div>
          <div class="tab-pane fade" id="v-pills-store" role="tabpanel" aria-labelledby="v-pills-store-tab">
            <ul>
              <li>
                <a href="/store/" onclick="setValue('scope')">服務範圍</a>
              </li>
              <li>
                <a href="/store/" onclick="setValue('NewTaipei')">新北門市</a>
              </li>
              <!-- <li>
                <a href="">桃園門市</a>
              </li> -->
              <li>
                <a href="/store/" onclick="setValue('Taichung')">台中門市</a>
              </li>
              <li>
                <a href="/store/" onclick="setValue('Tainan')">台南門市</a>
              </li>
            </ul>
          </div>
          <div class="tab-pane fade" id="v-pills-design" role="tabpanel" aria-labelledby="v-pills-design-tab">
            <ul>
              <li>
                <a href="/furniture_design/sofa/">所有設計單品</a>
              </li>
              <li>
                <a href="/system_furniture/">關於系統櫃</a>
              </li>
              <li>
                <a href="/solid_wood_furniture/">關於家具</a>
              </li>
              <li>
                <a href="/about_mattress/">關於床墊</a>
              </li>
            </ul>
          </div>
          <div class="tab-pane fade" id="v-pills-about" role="tabpanel" aria-labelledby="v-pills-about-tab">
            <ul>
              <li>
                <a href="/about_bhouse/">我們的理念</a>
              </li>
              <li>
                <a href="/news/">最新消息公告</a>
              </li>
              <li>
                <a href="mailto:christine.tang@bhouse.com.tw,jade.wang@bhouse.com.tw">媒體聯繫</a>
              </li>
              <li>
                <a target="_blank" href="https://www.104.com.tw/company/1a2x6bk01k">人才招募</a>
              </li>
            </ul>
          </div>
          <div class="tab-pane fade" id="v-pills-social" role="tabpanel" aria-labelledby="v-pills-social-tab">
            <ul>
              <li>
                <a href="https://www.facebook.com/bhouse.tw/" target="_blank">Facebook</a>
              </li>
              <li>
                <a href="https://www.youtube.com/channel/UCOYvhrSCu6DRbLWNoy6lDTg/videos?view=0"
                  target="_blank">Youtube</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="copyright">
      <p class="m-0 text-center" style="letter-spacing: 1px;">Copyright by 小寶優居</p>
      <!-- <div>
        <a href="">隱私權政策</a> <span> | </span>
        <a href="">使用條款</a> <span> | </span>
        <a href="">法律聲明</a>
      </div> -->
    </div>
  </div>
</footer>

<script>
  function setValue(item) {
    localStorage.setItem('store', item)
  }
  function setCollectionValue(type) {
    localStorage.setItem('type', type)
  }
  (function setBreadcrumb() {
    let pathName = window.location.pathname;
    const breadcrumbMain = document.getElementById('breadcrumb_main');
    // const breadcrumbMinor = document.getElementById('breadcrumb_minor');
    let mainTab = "";
    // let minorTab = "";
    let assignPathName = "";

    if (pathName.includes('room_planner') || pathName.includes('frequently_asked_questions')) {
      // minorTab = '';
      mainTab = '成家設計服務';
      assignPathName = '/room_planner/';
    } else if (pathName.includes('blog_main')) {
      // minorTab = '';
      mainTab = '成家知識專欄';
      assignPathName = '/blog_main/';
    } else if (pathName.includes('collection')) {
      mainTab = '室內設計作品';
    } else if (pathName.includes('store')) {
      mainTab = '小寶優居門市';
    } else if (pathName.includes('furniture_design') || pathName.includes('system_furniture') || pathName.includes('solid_wood_furniture') || pathName.includes('about_mattress')) {
      mainTab = '小寶設計單品';
    } else if (pathName.includes('about_bhouse') || pathName.includes('news')) {
      mainTab = '關於小寶優居';
    } else if (pathName.includes('blog')) {
      mainTab = '成家知識專欄';
      assignPathName = '/blog_main/';
    }

    let innerContent = `<a href="${assignPathName}">${mainTab}</a>`;
    breadcrumbMain.innerHTML = innerContent;

    /* 麵包屑_目前所在位置 */
    // if (pathName.includes('frequently_asked_questions')) {
    //   minorTab = "服務常見QA";
    // } else if (pathName.includes('furniture_design')) {
    //   minorTab = '所有設計單品';
    // } else if (pathName.includes('system_furniture')) {
    //   minorTab = '關於系統櫃';
    // } else if (pathName.includes('solid_wood_furniture')) {
    //   minorTab = '關於家具';
    // } else if (pathName.includes('about_mattress')) {
    //   minorTab = '關於床墊';
    // } else if (pathName.includes('about_bhouse')) {
    //   minorTab = '我們的理念';
    // } else if (pathName.includes('news')) {
    //   minorTab = '最新消息公告';
    // } else if (pathName.includes('blog_main')) {
    //   minorTab = '';
    // } else if (pathName.includes('blog')) {
    //   let category = localStorage.getItem('category')
    //   minorTab = category;
    // }

    // else if (pathName.includes('store')) {
    //   let storeVal = localStorage.getItem('store');
    //   switch (storeVal) {
    //     case 'NewTaipei':
    //       minorTab = '新北門市';
    //       break;
    //     case 'Taichung':
    //       minorTab = '台中門市';
    //       break;
    //     case 'Tainan':
    //       minorTab = '台南門市';
    //       break;
    //     default:
    //       minorTab = '新北門市';
    //   }
    // }

    // breadcrumbMinor.innerText = minorTab;

    if (mainTab === "") {
      breadcrumbMain.style.display = "none";
    }

    // if (minorTab === "") {
    //   breadcrumbMinor.style.display = "none";
    // } else {
    //   breadcrumbMinor.style.display = "block";
    // }

    // const blogItem = document.querySelectorAll(".pills-blog a");
    // for (let i = 0; i < blogItem.length; i++) {
    //   blogItem[i].addEventListener("click", function (e) {
    //     let categoryName = this.innerHTML;
    //     localStorage.setItem('category', categoryName)
    //   });
    // }
  })();
</script>

<!-- *** COPYRIGHT END *** -->