お気に入りボタンプラグイン for EC-CUBE4.0〜4.1

お気に入りボタンプラグイン for EC-CUBE4.0〜4.1プラグイン

販売価格:66,000円(税込)

★★★★★0件の評価

公開日: 2018年10月10日 / 更新日: 2021年11月22日

対応バージョン: 4.0
4.1系4.1.0|4.1.1|4.1.2|4.1.2-p1|4.1.2-p2
4.0系4.0.0|4.0.1|4.0.2|4.0.3|4.0.4|4.0.5|4.0.5-p1|4.0.6|4.0.6-p1|4.0.6-p2

提供:あずみ.net

サポート: [email protected]

ライセンス: LGPL

商品情報

どこでもお気に入りボタンを追加できます。

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

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


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

トップページなど、商品一覧ページ以外でもお気に入りボタンが追加できるようになりました。

お気に入りボタンプラグイン for EC-CUBE4.0〜4.1

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

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

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

お気に入りボタンプラグイン for EC-CUBE4.0〜4.1

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

管理画面の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: "追加済";
}

商品一覧ページ以外でもお気に入りボタンを設置できるテンプレートタグを用意しました

商品情報を動的に出力している部分に以下のテンプレートタグを追加すると、トップページなど商品一覧ページ以外でもお気に入りボタンを表示させることができます。

{% include '@ProductListFavBtn4/favorite.twig' ignore missing with {'Product': Product} %}


【商品情報の変数名がProduct以外の場合】
商品情報の変数名が「p」の場合は以下のように書き換えてください。
{% include '@ProductListFavBtn4/favorite.twig' ignore missing with {'Product': p} %}

PAGE TOP

リリースノート

商品一覧ページでお気に入り削除機能追加(2021/11/22)
商品一覧ページでお気に入りを削除できる機能を追加しました。
商品一覧ページでお気に入りの追加・削除ができるようになります。

管理画面のお気に入りボタン>設定ページで「商品一覧ページでお気に入り削除機能」を有効化して、
指定のタグを商品一覧ページのテンプレートに挿入してください。
EC-CUBE 4.1対応(2021/10/11)
EC-CUBE4.1に対応しました。
商品一覧ページ以外でもお気に入りボタンを設置できるテンプレートタグを用意しました(2020/11/14)
商品一覧ページ以外でもお気に入りボタンを設置できるテンプレートタグを用意しました。

商品情報を動的に出力している部分に以下のテンプレートタグを追加すると、
トップページなど商品一覧ページ以外でもお気に入りボタンを表示させることができます。

{% include '@ProductListFavBtn4/favorite.twig' ignore missing with {'Product': Product} %}


【商品情報の変数名がProduct以外の場合】
商品情報の変数名が「p」の場合は以下のように書き換えてください。
{% include '@ProductListFavBtn4/favorite.twig' ignore missing with {'Product': p} %}

PAGE TOP

お気に入りボタンプラグイン for EC-CUBE4.0〜4.166,000円(税込)

この商品に対するお客様の声

この商品に対するご感想をぜひお寄せください。

PAGE TOP