スマホでもECショップを構築できる手軽さと、HTMLやCSSを編集しオリジナルデザインのショップを作成できる拡張性を両方兼ね備えたECサービス。ここでは2017年4月に追加されたばかりの新機能である、「お気に入り」機能の使い方を紹介します。カラーミーショップでお気に入り商品を使う方法お気に入り機能はカラーミーショップの標準機能となっているため、特に有料プランの契約などは必要ないようです。オススメ商品や売れ筋商品のように管理画面で設定するのではなく、お気に入りボタンを押してもらうことでユーザーごとに表示されます。お気に入り商品の表示と合わせてお気に入り登録ボタンの設置が必須となっています。商品の表示方法お気に入り商品の一覧を表示するには、おすすめ商品や売れ筋商品と同じ書き方でOK。基本的には下記のようなコードになります。使用できるタグについてはカラーミーマニュアルをご覧ください。--></div>お気に入り追加ボタンの設置方法お気に入りボタンの設置方法はこちらの公式マニュアルに掲載されています。設置するには以下のようなボタンのコードを表示したい場所に設置するだけ。設置できるページはHTMLを編集できるページでオプションページ以外ならどこでもOK。注意点はproduct_idの部分。詳細ページなら公式マニュアルのコードをコピペするだけでOKですが、商品一覧やトップページのおすすめ商品に設置する場合は変更する必要があります。上記のコードを設置しただけでは、お気に入りボタンが押されても何も変化がありません(登録はされています)。このままだと登録したかどうかが全くわからないため、CSSスタイルを使って変化をつけておきましょう。お気に入りボタンのコードにあるadded_class="fav-items"はボタンが押されたら指定したclassを追加する機能です。この場合、お気に入りボタンを押すと、fav-itemsが追加されます。これを利用してスタイルの変更が可能というわけです。下記のようなスタイルを作ったら、共通ページのCSS編集エリアに貼り付けておきましょう。#fff;}ボタン部分の変化はこのようになります。おすすめ商品にお気に入りボタンを設置してみるおすすめ商品に設置する場合はこのようになります。ボタンを追加するだけなので、すでに運用中のページでも簡単に追加することができます。SugimoriフリーランスのWebエンジニア。現在はテンプレート職人としてTetraThemesでテンプレートを開発中。ブログや個人に関するお問い合わせはTwitterかFacebookへ。2017-06-26Webに必須の高品質な写真素材を無料でダウンロードできるサイトを10本集めてみました。Web制作に限らずWebライティングでも必ず必要なのが写真素材。2017-06-21カラーミーショップはスマホでもECショップを構築できる手軽さと、HTMLやCSSを編集しオリジナルデザインのショップを作成できる拡張性を両方兼ね備えたECサービス。2017-06-21カラーミーショップは初心者でも簡単にショップを開設できるECサービス。HTMLやCSSの編集も可能なので完全オリジナルデザインのショップを自由に構築することができます。2017-06-19カラーミーショップは初心者でも簡単にショップを開設できるECサービス。HTMLやCSSの編集も可能なので頑張ればオリジナルデザインのショップを構築することも可能です。2017-06-16カラーミーショップはHTMLとCSSの編集ができ、オリジナルデザインのショップを構築することができるECサービスです。USTetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。