ルックブック

ルックブックは、お客様がストアで最新のファッションスタイル例をチェックし、それらの各アイテムの価格情報を確認していただけるためのページです。

ページ -> lookbook-> ルックブック

重要事項：ページをより魅力的なものにするために、「セクションを追加」を押して様々なセクションを追加してください。このテーマには、

などのさまざまなコンテンツセクションが含まれています。各設定方法はこちらをご覧ください。

ルックブックの設定

ここでは、ルックブックの主な設定を変更することができます。

ルックブックのタイトルをページに表示するには、"タイトルを表示"オプションを有効にしてください。"レイアウト"では、ルックブックのデスクトップ表示について、2種類のレイアウトのうち1つを選択できます。

デモサイトを確認しましょう

注意：レイアウトや画像表示の設定は、デスクトップモードでのみ適用されます。モバイル表示では、デフォルトで1項目ずつ表示されます。

"1 行に表示する商品数"では、1行に表示する商品数を2、3、4から選択できます。

モバイル表示ではこのように表示されます。

"レスポンシブサイズ"には、画面サイズに応じた画像の大きさを1〜12まで書き込むことができます。それぞれの値は、異なる画面サイズ（特大、大、中、小、極小）が割り当てられます。

以下の例は、私たちは6つの"画像"ブロックを追加し、デスクトップとモバイルビューの両方で"レスポンシブサイズ"を行の半分のサイズになるように設定しているルックブックページになります。

デスクトップ表示

モバイル表示

"画像サイズ"目盛りで200～1000pxの間で、画質を設定することができます。

ここでは、"画像"ブロックを追加することで、ルックブックにコンテンツを追加することができます。 "画像"ブロックはいくつでも追加することができます。ルックブックに掲載したい画像の数に応じて追加してください。あらかじめ、Shopifyの管理画面でルックブックページを作成しておいてください。

ページの追加と編集の方法は、こちらをご覧ください。

注意：ルックブックページを作成する際には、テーマテンプレートで"lookbook"を選択する必要があります。

"画像"では、表示させる商品の画像を選択することができます。

このブロックでは、商品とその情報を追加することができます。"商品"の欄で商品を選択し、次にこの商品表示に使う画像を選択します。

Shopifyの機能では、ルックブックに表示させるのに、異なるコレクションから20以上の商品を表示することはできませんのでご注意ください。

20商品の制限により表示したくても表示できない商品に関しては、ブロック（"商品画像" "商品タイトル" "商品価格" "商品比較価格"）を手動で記入することによって追加することができます。この情報は、上限まで商品ごとに変更することができます。

ルックブックページではこのように表示されます。

"水平ポジション"と"垂直ポジション"の0～100%の目盛りで、画像に表示する商品の位置を指定することができます。商品は散在した形で表示され、クリックすると商品の詳細を見ることができます。このオプションは、"レイアウト #1"のみで利用可能です。

Last updated 2 years ago