別のページにある「タブ」ブロックをリンクから直接開く方法

以下の手順で設定します。

1. 「タブ」ブロックの高度な設定で、HTMLアンカーに例えばtab1と入力します。
2. リンク設定で、ジャンプ先のページURLの後ろに#tab1-1のように開きたいタブ番号をHTMLアンカーの後ろに追加します。

https://example.com/page/#tab1-1

以下のコードをjavascript.jsに追加します。

jQuery(function ($) {
  /**
   * 指定されたハッシュ値に基づいて該当するタブを開きスクロール
   * @param {string} url - URLまたはハッシュ文字列
   */
  function openTabByHash(url) {
    if (!url) {
      return;
    }

    // URLからハッシュ部分を取得
    const hash = url.includes('#') ? '#' + url.split('#')[1] : url;

    // ハッシュからタブ番号を抽出
    const parts = hash.split('-');
    const $block = $(parts[0]);
    const tabIndex = parts[1] ? parseInt(parts[1], 10) - 1 : 0;

    // 該当タブの場合、タブを開いてスクロールする
    if ($block.length) {
      $block.find('.tab-label').eq(tabIndex).trigger('click');
      $(window).scrollTop($block.offset().top);
    }
  }

  // 別ページからハッシュ付きで移動した場合
  $(window).on('load', function () {
    openTabByHash(window.location.hash);
  });

  // ハッシュ付きリンクをクリックした場合
  $(document).on('click', 'a[href*="#tab"]', function () {
    openTabByHash($(this).attr('href'));
  });
});