商品一覧ページにお気に入りボタンを追加するプラグイン for EC-CUBE4

商品一覧ページにお気に入りボタンを追加するプラグイン for EC-CUBE4 プラグイン

販売価格:10,800円(税込)

公開日: 2018年10月10日 / 更新日: 2018年10月10日

対応バージョン : 4.0
4.0系 4.0.0|4.0.1|4.0.2

提供: あずみ.net

サポート: info@a-zumi.net

ライセンス: LGPL

商品情報

商品一覧ページにお気に入りボタンを追加できます。

デモサイトで動作をご確認頂けます。

デモサイト
フロント
管理画面 ID:demo PASS:password


商品一覧テンプレートにお気に入りボタンタグ追加するだけで商品一覧ページにお気に入りボタンが追加できます。
お気に入り追加済みの商品は「お気に入り追加済みです」と表示されます。

商品一覧ページにお気に入りボタンを追加するプラグイン for EC-CUBE4

商品一覧テンプレートにタグ追加

プラグイン設定ページに表示されているお気に入りボタンタグを商品一覧ページテンプレートに追加するだけでボタンが表示されます。

タグは{% block main %}{% endblock %}内の{% for Product in pagination%}{% endfor %}内に追加して下さい。

商品一覧ページにお気に入りボタンを追加するプラグイン for EC-CUBE4

お気に入りボタンの色の編集方法

管理画面のCSS管理に以下のcssを追加して下さい。
※背景や文字色は任意のものを指定して下さい。

button#favorite.ec-blockBtn--cancel {
color: #987654;
background-color: #125263;
}

お気に入り済みボタンの背景を変更したい場合は以下のとおりです。

button#favorite.ec-blockBtn--cancel[disabled] {
background-color: pink;
}



お気に入りボタンのテキストも変更したい場合

EC-CUBE本体の以下のファイル内を編集して下さい。

src/EC-CUBE/Resource/locale/messages.ja.yaml

268行目と269行目
front.product.add_favorite: お気に入りに追加
front.product.add_favorite_alrady: お気に入りに追加済です。

編集後反映されない場合はキャッシュをクリアして下さい。

CSSでお気に入りボタンのテキストを変更する方法

button#favorite.ec-blockBtn--cancel {
font-size: 0;
color: #987654;
background-color: #125263;
}
button#favorite.ec-blockBtn--cancel:before {
font-size: 14px;
content: "お気に入り";
}

button#favorite.ec-blockBtn--cancel[disabled] {
background-color: pink;
}
button#favorite.ec-blockBtn--cancel[disabled]:before {
font-size: 14px;
content: "追加済";
}

PAGE TOP

リリースノート

商品一覧ページお気に入りボタン for EC-CUBE4(2018/10/10)
商品一覧ページにお気に入りボタンを追加できます。

PAGE TOP

商品一覧ページにお気に入りボタンを追加するプラグイン for EC-CUBE4 10,800円(税込)

PAGE TOP