サイドのカテゴリーリストに画像を表示する
サイドメニューのカテゴリーリストの左に画像を表示させたいことがありますが、使っているテンプレートの作り込みによって、表示される・されないがあります。
無料テンプレートのカラーミーキットでは、カラーミーショップの管理画面から[商品管理>カテゴリー]で登録したカテゴリー画像が表示されますが、そのままだと画像と文字が横並びしませんので、CSSでスタイルを調整して、下画像のように並べて完成です。
実装の仕方
テンプレートであらかじめ表示するように用意されていない場合は、カテゴリー画像用の独自タグを共通(テンプレート)内に書き、CSSでスタイル(inline-blockや、float、heightなど)を調整して実装します。
グループのやり方もカテゴリーと同様です。
参考)独自タグ一覧(PC、スマートフォン) | カラーミーショップ マニュアル
横並びの方法はいろいろありますが、HTML・CSSに慣れている方はご自身で出来ると思います。
並べ方の記事を以前に書きましたので、興味のある方はご参照ください。
ちょっとした注意点
スマートフォン用ページの微調整が発生することもあります。
制作物用のお問い合わせボタン
えいじ@naeco.jp この記事を書いた人