1. HOME
  2. デザインをカスタマイズ
  3. 機能をカスタマイズ
  4. グループ設定をしてオリジナルアイコンを表示させるカスタマイズ

グループ設定をしてオリジナルアイコンを表示させるカスタマイズ

  • 更新日:2017/02/21

ネットショップで「NEW」や「HOT」などの小さなアイコンをよく見かけませんか?

今回はカラーミーのグループ機能を使って、自分で作ったオリジナルアイコンを表示させるテクニックのご紹介です。

グループの設定をする

カラーミーのグループはカテゴリーとは異なり、複数のグループに登録することが可能です。

では、グループを作っていきましょう。今回は「人気商品」グループと「期間限定」グループを作っていきます。

管理画面 [商品管理] > [グループ]  > 作成 [+]

表示が選択できますが、テンプレートによってグループ表示がされる部分があるため、その部分に表示するかしないかということになります。

商品登録をしてグループを適用する

管理画面 [商品管理] > [商品登録]

商品登録画面の項目【グループ】のプルダウンで登録するグループを選択してください。

選択後、もう一度プルダウンで選択することで複数のグループに登録することができます。

商品詳細にアイコン表示させる

管理画面[ショップ作成] > [デザイン] > [デザイン編集] > 商品詳細[HTML CSS 編集]

HTML編集のアイコンを表示させたい部分に下記を記述

テキストを画像に置き換えてもOK!

テキストの場合は、CSS編集で飾り付け。あくまでも例なのでご自由に装飾してください。

[更新]をクリックし、表示を確認してください。

まとめ

これでアイコンをつけて商品を目立たせることができますね!

あくまでもこの方法は一例ですが、もしよかったら使ってみてください。

 

Request βリクエスト ベータ版

カラーミーショップのカスタマイズテクニックリクエストを大募集。あなたのリクエストがカラテクッ!に掲載されてお悩みも素早くスッキリ解決。

  • ※掲載をお約束するものではございません
  • ※掲載のご連絡はいたしませんので、こまめにチェックしてください

Keyword Searchキーワード検索

Recommendedおすすめ参考書籍