商品詳細のテンプレートは、wc_item_single.phpに記述されています。デフォルトではskuの数によってレイアウトが異なっており、以下のような構造になっています。?&gt;&lt;p&gt;商品が見つかりませんでした。--&gt;どちらのレイアウトでも左カラムには商品のメイン画像が表示され、右カラムには説明文などが表示されます。CSSスタイルのカスタマイズをする際に参考になるクラス名一覧が、オンラインドキュメントに載っているので参考にしてください。skuが1つだけの場合の表示とカスタマイズ方法Welcartのデフォルトテンプレートではskuが1つだけの場合と複数ある場合でレイアウトが異なっています。どちらも表示する内容は同じです。skuが1つだけの場合は以下のようなレイアウトになっています。コードの中身はこんな感じ。右カラムに価格と在庫表示、その下に投稿エリアで記述した投稿内容が表示されます。したにはオプションや数量などの選択エリアとカートボタンが配置されています。&lt;/form&gt;複数のskuがある場合の表示とカスタマイズ方法2つ以上のskuが存在する場合は以下のようなレイアウトになっています。コード内容は以下のようになります。表示しているものはsku1つの場合と同じですが、レイアウトが異なっています。?&gt;Welcartのカスタマイズ注意点CSSだけでもある程度見た目のカスタマイズは可能ですが、レイアウトも大きく変えようと思うとテンプレート側の修正も必要になってきます。テンプレートで何が表示されているかがわかればテーブルで表示されているものをBootstrapのカラムに切り替えることも可能。その場合に注意したいのはモジュールなどとの競合。なかにはid名やclass名からテンプレート内のデータを取得するものもあるので、テンプレートの中身を大きく変える場合は注意が必要です。SugimoriBootstrapやCMSを使ったテンプレートの作成やカスタマイズ、既存サイトのレスポンシブ化など、多くの案件でフロントエンドを担当。現在はテンプレートエンジニアとしてTetraThemesでテンプレートを開発中。最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。一度間違ってないか確認しておきましょう。minimal2はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。classicはEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。simple1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。simple1はEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。simple2はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。TetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。お知らせ【お知らせ】サイトを移行しました。{td_theme_css.after(splited_css);}}});}})();。