これだけで通常記事の表示はOKです。必要ないので削除します。いうタグを一つ付け加えます。?>そして分岐タグを挿入します。挿入する位置はどこまでを共有するかによります。分岐させることにします。この部分に挿入します。含めて書いたコードは次の通りです。?></div>***商品情報の表示例さて、いよいよ商品一覧のレイアウトの話です。商品情報を表示させるために様々なテンプレートタグを用意しています。右の図は主なテンプレートタグを使って商品情報を表示させたカテゴリーアーカイブです。実際にはこのページはいくつ物商品がループして並ぶので、表示する情報は必要最低限のものでよいと思います。詳細は商品詳細ページで表示するようになっています。商品詳細ページにはとは別に直接カートへ投入するボタンや数量フィールドもここに表示させることができます。こちらは「固定ページに商品一覧を作る」方法で説明したいと思います。このページに書いたソースは次の通りです。?></a><dd><dt>記事本文</dt><!–直接echoします。?></dd><dt>抜粋</dt><!–直接echoします。?>***※テンプレートファイルを編集する際はUTF-8で保存してください。◆固定ページに商品一覧を作る次はオリジナルのテンプレートを作って固定ページに割り当てるという方法を紹介します。今回はお勧め商品だけを表示するページを作ってみます。テンプレートファイルを作ります。複写して適当な名前をつけて保存します。予約しているファイル名にならないように気をつけましょう。名前を付けてみました。認識させるため、コードの冒頭のコメントを次のように書き換えます。認識されているかどうか確認してみましょう。新規ページを作成画面の右サイドバーに”テンプレート”というフィールドが有ります。そのセレクトに”お勧め商品テンプレート”があれば成功です。”お勧め商品テンプレート”を選択し、タイトルに「お勧め商品」と書いて保存(公開)してください。本文は空白で構いません。フロントから新しいページ「お勧め商品」を確認するとトップページとまったく同じものが表示されているはずです。テンプレートを編集していきましょう。タグを使用する(カートへボタンをつけるため)お勧め商品で絞り込む商品か否かの分岐は要らないこの3点で、後はカテゴリーテンプレートとほぼ同じです。タグの挿入位置を間違えると、他のタグとクロスしてしまいスタイルが崩れるので注意しましょう。全部括ってしまいます。中には分岐タグはいりません。行を削除して、カートへ投入ボタンをはじめ商品情報関連タグを挿入していきます。?></dd></dl></div>**カート投入ボタンが付いた「お勧め商品」一覧お勧め商品ページは右のように表示されます。テンプレートタグを利用することで自由なレイアウトが可能となります。個別表示となる商品詳細ページに関しては、今のところこの様な自由なレイアウトはできません。将来なんらかの方法でデザインの自由度を上げたいと考えています。SKUが複数有る場合SKUが複数あり、全ての情報を表示したい場合はSKUをループして情報を取得する方法がありますが、ここでは割愛させていただきます。今回の方法でSKUが複数あった場合は先頭の情報が表示されます。その2」は商品だけのループページを作る方法でした。次回は、テンプレートを使用するのではなく投稿記事そのものにカート投入ボタンをいれる方法を紹介します。今回作成したテンプレートファイルはこちらからダウンロードできます。