最近見た商品

お客様が最近見た商品を自動で並べるセクションです。商品ページを見た履歴はお客様のブラウザに保存されるため、ログインなしで動きます。設定した件数まで、閲覧履歴から新しい順に商品カードを表示します。

分類: Dawn ベース＋Hellostore 強化。Dawn の部品（バリエーションピッカー・購入ボタン・商品カード）を利用しているため、Dawn 標準と同じ操作感で使えます。

追加方法

同梱の商品テンプレート「フォーカス」「モダン」と、お気に入りページ（page.favorites）に最初から置かれています。 ほかのページに置くときは、テーマエディタ（管理画面の「オンラインストア → テーマ → カスタマイズ」）で追加したいページの「セクションを追加」から**「最近見た商品」**を選択します。どのページ種別にも追加できます。

設定

見出し: セクションの見出しです。
見出しのサイズ: （初期値: 小）小・中・大・特大・4L から選びます。
テキストの配置: （初期値: テーマ設定に合わせる）テーマ設定に合わせる・左・中央・右から選びます。見出しに効きます。商品カードの文字は、テーマ設定の「商品カード」の文字揃えに従います。
表示する商品数: 表示する最大商品数です（既定 6、2〜6）。
デスクトップの列数: パソコン表示での1行の商品数です（既定 4、2〜6）。
モバイルの列数: スマートフォン表示での列数を「1列」「2列」から選びます（既定 2列）。
全幅商品: オンにすると、パソコン（画面幅990px以上）で商品の並びが画面の端まで広がります。見出しは今までの幅のままです。スマートフォンの表示は変わりません（既定 OFF）。
モバイルで横に送る: オンにすると、モバイルでは横にスワイプして続きを見られます。デスクトップの表示は変わりません（既定 OFF）。
画像比: 商品画像の比率を「縦長（4:5） / 正方形 / 画像に合わせる / 白銀比（1:1.414） / 黄金比（1:1.618）」から選びます（既定: 縦長）。
マウスオーバー時に2番目の画像を表示する: カードにカーソルを合わせたとき、商品の2枚目の画像に切り替わります（既定 OFF）。
配色: セクション全体のカラースキームです。
上の外側の余白: セクションの上の外側に、ページの背景色で空ける余白です（既定 0px）。
下の外側の余白: セクションの下の外側に、ページの背景色で空ける余白です（既定 0px）。