売れ筋商品は管理画面で登録する必要があります。おすすめ商品は自分で登録するだけでしたが、売れ筋商品は売上や売れた個数でランキング表示することも可能。詳しい設定方法などは公式マニュアルをチェックしてみて下さい。売れ筋商品を画面に出力するためには、登録だけでなく、テンプレートにコードを追加する必要があります。カラーミーショップでは売れ筋商品を出力するための独自タグが用意されているので、これを使えば簡単に表示可能。売れ筋商品を表示するためのタグには以下のようなものがあります(詳細は公式リファレンスをご覧ください)。商品の簡易説明これらの他にもフラグ用のタグやオプション設定の値を取得できるものもあるので必要に応じて変更します。タグの使い方などは、カラーミーショップの共通ページをカスタマイズする方法をご覧ください。売れ筋商品の情報を取得するためには以下のようなコードを書けばOKです。&lt;{/section}&gt;&lt;/ul&gt;売れ筋商品のループを設定して、登録された商品すべてを取得します。そのループの中で、先ほどのタグを使って情報を出力することで商品の表示ができます。デフォルトテンプレートではさらに複雑になっており、売り切れならSOLDOUTと表示したり、商品画像がなければ「画像なし」の画像が表示されるようになっています。それらのコードを参考にしながら必要に応じてカスタマイズしてみてください。基本的には管理画面で登録した数が表示されるようになるので、そちらで表示数を調整できるのですが、コード側でもおすすめ商品の表示数を調整できます。やり方は簡単、先ほどのループの開始タグにmax="5"と追加すればOK。max=&quot;5&quot;}&gt;カラーミーショップではSmartyというPHPのライブラリを使っているので、この例のようにある程度表示をカスタマイズすることも可能です。SugimoriBootstrapやCMSを使ったテンプレートの作成やカスタマイズ、既存サイトのレスポンシブ化など、多くの案件でフロントエンドを担当。現在はテンプレートエンジニアとしてTetraThemesでテンプレートを開発中。最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。一度間違ってないか確認しておきましょう。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらは赤を基調としたテーマを採用。PressBuilderはページビルダー機能に対応したWordpress向けレスポンシブテンプレートです。管理画面でドラッグ&ドロップでページレイアウトを作成できます。Beigeはカラーミーショップに対応したレスポンシブテンプレート。Bootstrapを導入しカスタマイズしやすいコードとモダンなデザインを実現。2カラム、3カラム両対応でレイアウトも自由に行えます。CubeMartはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。こちらのテンプレートはメインテーマにブラックを使用。classic1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー対応、スマートフォンに最適化されたナビゲーションメニューを搭載。TetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。お知らせ【お知らせ】サイトを移行しました。{td_theme_css.after(splited_css);}}});}})();。