app/template/default/Block/NOGOOD_HEAD_v2.twig line 1

Open in your IDE?
  1. <meta property="dms:lang" content="ja" />
  2. <meta name="robots" content="noindex" />
  3. <meta charset="UTF-8" />
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>NOGOOD-Racing</title>
  7. <meta
  8.   name="description"
  9.   content="NO GOODでは、レース用車両のカスタマイズサービス、高品質な車両パーツ、および独自のNO GOOD RACINGグッズを提供しています。あなたのレーシングライフを次のレベルへと導くための最適なソリューションを提案します。"
  10. />
  11. <link rel="stylesheet" href="/html/user_data/assets/css/base.css" />
  12. <script src="/html/user_data/assets/js/base.js" defer></script>
  13. <link rel="preconnect" href="https://fonts.googleapis.com" />
  14. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  15. <link href="https://fonts.googleapis.com/css2?family=Anton&amp;family=Noto+Sans+JP&amp;display=swap" rel="stylesheet" />
  16. <link rel="dns-prefetch" href="https://js.hs-scripts.com" />
  17. <script>
  18. document.addEventListener('DOMContentLoaded', function() {
  19.     const btnLangs = document.querySelectorAll('input[type="radio"].btn_lang');
  21.     // ページロード時にチェックされている言語に基づいて.showを付与
  22.     const checkedLang = document.querySelector('input[type="radio"].btn_lang:checked');
  23.     if(checkedLang) {
  24.         document.querySelectorAll('.' + checkedLang.id).forEach(el => el.classList.add('show'));
  25.     }
  27.     // ラジオボタンの変更を監視
  28.     btnLangs.forEach(btn => {
  29.         btn.addEventListener('change', function() {
  30.             // 全ての言語要素から.showを削除
  31.             document.querySelectorAll('.jp, .en').forEach(el => el.classList.remove('show'));
  32.             
  33.             // 選択された言語の要素に.showを追加
  34.             if(this.checked) {
  35.                 document.querySelectorAll('.' + this.id).forEach(el => el.classList.add('show'));
  36.             }
  37.         });
  38.     });
  39. });
  40. </script>
  41. <style>
  42. .lang_btn__wrap{
  43.     position: fixed;
  44.     right:2%;
  45.     top: 1rem;
  46. }
  47. label:has(.jp),label:has(.en),{
  48.     display:block;
  49. }
  50. label:has(:checked){
  51.     color:#bbb;
  52.     text-decoration: underline;
  53. }
  54. .btn_lang,
  55. .jp,.en{
  56. display:none !important;
  57. }
  58. .jp.show,.en.show{
  59. display:block !important;
  60. }
  61. </style>