BASEに閲覧履歴を表示させるカスタマイズコード

表題の通りで、「BASEショップに商品ページの閲覧履歴を表示するためのコード」を作りました。ミフネWEBショップで販売中。

BASEには、閲覧履歴用の変数(独自タグ)がない

BASEのテーマ(テンプレート)には、無料のオフィシャルテーマ、BASEデザイナーズマーケットで販売されているデザイナーテーマ(有料)、自分で一から作るカスタムテーマ、の3種類あります。

カスタムテーマを選択すれば、BASEの独自タグ(変数)を使用して自由なショップデザインが可能ですが、困ったことに変数が用意されていない項目もいくつかあります。

「閲覧履歴」もオフィシャルテーマには標準で表示されていますが、履歴を表示するための独自タグが用意されておらず、カスタムテーマで取り入れるのが難しい項目です。

そんなわけで履歴表示用コードを作りました。

HTML / CSS は最低限の設定しかしていない(下図が初期状態。シンプルなflex)ので、ショップデザインにあわせて自分でcssを修正できる方向け。(そのままで問題なければ修正しなくても大丈夫です)

閲覧履歴の表示例
閲覧履歴の表示例

趣味か仕事か、いずれにせよBASEのショップ制作される方で、「閲覧履歴表示したい!」と思っている方は是非ご活用ください。