サイドのカテゴリーリストに画像を表示する

サイドメニューのカテゴリーリストの左に画像を表示させたいことがありますが、使っているテンプレートの作り込みによって、表示される・されないがあります。

無料テンプレートのカラーミーキットでは、カラーミーショップの管理画面から[商品管理>カテゴリー]で登録したカテゴリー画像が表示されますが、そのままだと画像と文字が横並びしませんので、CSSでスタイルを調整して、下画像のように並べて完成です。

実装の仕方

テンプレートであらかじめ表示するように用意されていない場合は、カテゴリー画像用の独自タグを共通(テンプレート)内に書き、CSSでスタイル(inline-blockや、float、heightなど)を調整して実装します。
グループのやり方もカテゴリーと同様です。

参考)独自タグ一覧(PC、スマートフォン) | カラーミーショップ マニュアル

横並びの方法はいろいろありますが、HTML・CSSに慣れている方はご自身で出来ると思います。
並べ方の記事を以前に書きましたので、興味のある方はご参照ください。

ちょっとした注意点

スマートフォン用ページの微調整が発生することもあります。

制作物用のお問い合わせボタン

えいじ@naeco.jp この記事を書いた人

機能実装のお手伝いをしています。お気軽にご相談ください。
追加の要望や設置場所の状態によって、お見積り金額は変動します。

ご相談・お問い合わせはこちら

よく読まれているプロダクト