https://jansport.co.jp/js/data-navigation.js

1// ヘッダー・フッター・スマホドロワーで共有するナビゲーションデータ
2// リンクの追加・削除・並び替えは、原則としてこのファイルだけを更新する。
3//
4// 【更新例】
5// 追加: 対象グループの links に次の形式で1行追加する。
6//   link('表示名', '/SHOP/xxxx/list.html'),
7// 削除: 対象の link(...) 1行を削除する。
8// 並び替え: links 内の link(...) の行を希望する位置へ移動する。
9// セール期間だけ表示: 第3引数に { saleOnly: true } を指定する。
10//   例: link('期間限定セール', '/SHOP/xxxx/list.html', { saleOnly: true }),
11//
12// 【注意】
13// ・サイト内URLは「https://jansport.co.jp」を付けず、/ から始まるパスを指定する。
14// ・文字列はシングルクォートで囲み、link(...) 同士をカンマで区切る。
15//   行を追加するときは、追加位置の直前行にもカンマがあるか確認する。
16// ・通常のメニュー更新では header-menu.html / footer-shop_cart.html の同内容を編集しない。
17//   HTML内のメニューは、このファイルを読み込めない場合だけ使うフォールバック。
18
19const url = (path) => `https://jansport.co.jp${path}`;

20const link = (text, path, options = {}) => ({ text, href: url(path), ...options });
21
22export const navigationGroups = {
23  ranking: {
24    title: 'ランキングから探す',
25    titleHref: url('/SHOP/295362/list.html'),
26    links: []
27  },
28  staples: {
29    title: '定番アイテム',
30    links: [
31      link('ライトパック', '/SHOP/265062/283241/list.html'),
32      link('ビッグスチューデント', '/SHOP/265062/281185/list.html'),
33      link('ビッグキャンパス', '/SHOP/265062/280621/list.html'),
34      link('スーパーブレイクプラス', '/SHOP/265062/281184/list.html'),
35      link('ハチェット', '/SHOP/265062/281204/list.html'),
36      link('すべて見る', '/SHOP/285466/list.html')
37    ]
38  },
39  backpacks: {
40    title: 'バックパック（リュックサック）',
41    links: [
42      link('デイパック', '/SHOP/265060/265062/list.html'),
43      link('アウトドアバッグ', '/SHOP/265060/265061/list.html'),
44      link('ミニリュック', '/SHOP/265060/303374/list.html'),
45      link('すべて見る', '/SHOP/265060/list.html')
46    ]
47  },
48  otherBags: {
49    title: 'その他のバッグ',
50    links: [
51      link('ウエストパック', '/SHOP/265063/265064/list.html'),
52      link('ショルダーバッグ', '/SHOP/265063/265065/list.html'),
53      link('ダッフルバッグ', '/SHOP/265063/265066/list.html'),
54      link('トートバッグ', '/SHOP/265063/265505/list.html'),
55      link('ローリングバッグ', '/SHOP/265063/305093/list.html'),
56      link('すべて見る', '/SHOP/265063/list.html')
57    ]
58  },
59  accessories: {
60    title: 'アクセサリー',
61    links: [
62      link('アクセサリーポーチ', '/SHOP/265068/291504/list.html'),
63      link('パソコンスリーブ', '/SHOP/265068/299962/list.html'),
64      link('すべて見る', '/SHOP/265068/list.html')
65    ]
66  },
67  collections: {
68    title: 'コレクション',
69    links: [
70      link('エンブロイダリーコレクション', '/SHOP/265069/316117/list.html'),
71      link('クリアコレクション', '/SHOP/265069/311451/list.html'),
72      link('ルナーラウンジコレクション', '/hpgen/HPB/entries/71.html'),
73      link('ベンチャーパックシステム', '/SHOP/265062/311643/list.html'),
74      link('レトロシリーズ', '/hpgen/HPB/entries/60.html'),
75      link('アダプティブ・コレクション', '/hpgen/HPB/entries/56.html'),
76      link('リミナル シリーズ', '/hpgen/HPB/entries/42.html'),
77      link('ストレンジャー・シングス コレクション', '/SHOP/265069/313018/list.html'),
78      link('すべて見る', '/SHOP/265069/list.html')
79    ]
80  },
81  onlineOnly: {
82    title: '通販限定アイテム',
83    links: [
84      link('オールアラウンドパック', '/SHOP/265062/315062/list.html'),
85      link('ベンチャーパックシステム', '/SHOP/265062/311643/list.html'),
86      link('アダプティブ・コレクション', '/hpgen/HPB/entries/56.html'),
87      link('ライトパック プレミアム', '/SHOP/265062/292908/list.html'),
88      link('アガベ', '/SHOP/265062/281190/list.html'),
89      link('オデッセイ', '/SHOP/jansport-JS00T14G008.html'),
90      link('ドライバー8', '/SHOP/jansport-JS00TN89008.html'),
91      link('すべてを見る', '/SHOP/265069/288047/list.html')
92    ]
93  },
94  scenes: {
95    title: 'シーンで探す',
96    links: [
97      link('通勤', '/SHOP/265075/265076/list.html'),
98      link('通学', '/SHOP/265075/265077/list.html'),
99      link('アウトドア', '/SHOP/265075/265078/list.html'),
100      link('トラベル', '/SHOP/265075/265375/list.html'),
101      link('フェス', '/SHOP/265075/265079/list.html')
102    ]
103  },
104  prices: {
105    title: '価格で探す',
106    links: [
107      link('1～2,999円', '/SHOP/265080/305962/list.html'),
108      link('3,000～4,999円', '/SHOP/265080/265081/list.html'),
109      link('5,000～9,999円', '/SHOP/265080/265082/list.html'),
110      link('10,000～14,999円', '/SHOP/265080/265083/list.html'),
111      link('15,000円～', '/SHOP/265080/313015/list.html')
112    ]
113  },
114  sizes: {
115    title: 'サイズで探す',
116    links: [
117      link('スモール（～21L）', '/SHOP/265084/265085/list.html'),
118      link('ミディアム（22L～31L）', '/SHOP/265084/265086/list.html'),
119      link('ラージ（32L～）', '/SHOP/265084/265087/list.html')
120    ]
121  },
122  features: {
123    title: '機能で探す',
124    links: [
125      link('パソコンスリーブ', '/SHOP/265088/265089/list.html'),
126      link('サイドポケット', '/SHOP/265088/265090/list.html'),
127      link('タブレットポケット', '/SHOP/265088/265091/list.html'),
128      link('パッカブル', '/SHOP/265088/265092/list.html')
129    ]
130  },
131  colors: {
132    title: 'カラーで探す',
133    links: [
134      link('ブラック系', '/SHOP/265093/265094/list.html'),
135      link('グレー系', '/SHOP/265093/286433/list.html'),
136      link('ネイビー系', '/SHOP/265093/286434/list.html'),
137      link('ブラウン系', '/SHOP/265093/286435/list.html'),
138      link('ベージュ系', '/SHOP/265093/286436/list.html'),
139      link('グリーン系', '/SHOP/265093/286437/list.html'),
140      link('ブルー系', '/SHOP/265093/286438/list.html'),
141      link('パープル系', '/SHOP/265093/286439/list.html'),
142      link('イエロー系', '/SHOP/265093/286440/list.html'),
143      link('ピンク系', '/SHOP/265093/286441/list.html'),
144      link('レッド系', '/SHOP/265093/286442/list.html'),
145      link('オレンジ系', '/SHOP/265093/286443/list.html'),
146      link('プリント（柄物）', '/SHOP/265093/265096/list.html')
147    ]
148  },
149  about: {
150    title: 'JANSPORTについて',
151    links: [
152      link('特集', '/hpgen/HPB/categories/20505.html'),
153      link('ブランドヒストリー', '/hpgen/HPB/entries/13.html'),
154      link('正規取扱店リスト', '/hpgen/HPB/entries/1.html'),
155      link('サステナビリティ', '/hpgen/HPB/entries/2.html'),
156      link('テクノロジー', '/hpgen/HPB/entries/3.html')
157    ]
158  },
159  support: {
160    title: 'カスタマーサポート',
161    links: [
162      link('お問い合わせ', '/FORM/contact.cgi'),
163      link('FAQ（よくある質問）', '/hpgen/HPB/entries/9.html'),
164      link('保証・修理', '/ENQ/enquete.cgi?PAGE=2&SHOPURL='),
165      link('お手入れ方法', '/hpgen/HPB/entries/4.html'),
166      link('個人情報保護方針', '/hpgen/HPB/shop/policy.html'),
167      link('特定商取引法に基づく表記', '/hpgen/HPB/shop/business.html')
168    ]
169  },
170  sale: {
171    title: 'SALE',
172    saleOnly: true,
173    links: [link('SALE商品', '/SHOP/190803/list.html', { saleOnly: true })]
174  }
175};
176
177export const headerNavigation = {
178  products: [
179    { groups: ['ranking'], className: 'menu_col col5' },
180    { groups: ['staples'], className: 'menu_col col5' },
181    { groups: ['backpacks'], className: 'menu_col col5' },
182    { groups: ['otherBags'], className: 'menu_col col5' },
183    { groups: ['accessories'], className: 'menu_col col5' }
184  ],
185  collections: [
186    { groups: ['collections'], className: 'menu_col' },
187    { groups: ['onlineOnly'], className: 'menu_col width35', listClasses: { onlineOnly: 'col' } }
188  ],
189  gift: [
190    { groups: ['scenes'], className: 'menu_col col5' },
191    { groups: ['prices'], className: 'menu_col col5' },
192    { groups: ['sizes'], className: 'menu_col col5' },
193    { groups: ['features'], className: 'menu_col col5' },
194    { groups: ['colors'], className: 'menu_col col5', listClasses: { colors: 'menu_list col2' } }
195  ]
196};
197
198export const footerProductColumns = [
199  ['staples', 'backpacks', 'otherBags', 'accessories'],
200  ['collections', 'onlineOnly', 'sale']
201];
202
203export const footerMobileSections = [
204  {
205    title: '商品一覧',
206    links: [
207      link('バックパック（リュックサック）', '/SHOP/265060/list.html'),
208      link('その他のバッグ', '/SHOP/265063/list.html'),
209      link('アクセサリー', '/SHOP/265068/list.html'),
210      link('ランキング', '/SHOP/295362/list.html'),
211      link('通学リュック', '/SHOP/265075/265077/list.html'),
212      link('通勤リュック', '/SHOP/265075/265076/list.html'),
213      link('新着商品', '/SHOP/295301/list.html'),
214      link('通販限定アイテム', '/SHOP/265069/288047/list.html'),
215      link('セール', '/SHOP/190803/list.html', { saleOnly: true })
216    ]
217  },
218  { title: 'Jansportについて', group: 'about' },
219  { title: 'カスタマーサポート', group: 'support' }
220];
221
222export const sideNavigation = {
223  products: ['staples', 'backpacks', 'otherBags', 'accessories', 'collections', 'onlineOnly', 'sale'],
224  giftFeatured: [
225    link('ランキングから探す', '/SHOP/295362/list.html'),
226    link('新着商品から探す', '/SHOP/295301/list.html')
227  ],
228  giftGroups: ['prices', 'scenes', 'sizes', 'features', 'colors'],
229  about: ['about']
230};