EC-CUBE 2.x

商品ステータスを変更・追加する方法

by TheVOS posted Apr 10, 2019
?

Shortcut

Prev前へ 書き込み

Next次へ 書き込み

Larger Font Smaller Font 上へ 下へ Go comment 印刷 添付
?

Shortcut

Prev前へ 書き込み

Next次へ 書き込み

Larger Font Smaller Font 上へ 下へ Go comment 印刷 添付
Extra Form
原文出所 https://www.nxworld.net/cms/ec-product-status-change.html
EC-CUBE 2.X:商品ステータスを変更・追加する方法

EC-CUBE自体をまだあまり触ったこともなければ、そんなに頻繁に使わないのもあって、しばらくすると簡単なことでもいろいろと忘れてしまうので備忘録。
デフォルトだと「NEW」とか「残りわずか」などで登録されている商品ステータスを任意のものに変更・追加する方法です。

※EC-CUBEのバージョンはVersion 2.12.3になります。

デフォルトの商品詳細ページ

画像はEC-CUBEのデフォルトテンプレートの商品詳細ページです。
現在「NEW」「残りわずか」「ポイント2倍」「オススメ」「限定品」とアイコンが出ているこの部分のテキストや画像を任意のものに変更します。

商品ステータスのテキストを変更する

テキストと画像のどちらを先に変えてももちろん問題ないですが、今回はテキストから変更します。
デフォルトの画像を変えるだけの場合は、ここの部分は飛ばしてください。

EC-CUBEの管理画面にログイン後、メニューにある「システム設定 → マスターデータ管理」を選択します。
マスターデータ管理ページにいくと、プルダウンがあるので「mtb_status」を選択します。
選択後にプルダウン横の「選択」ボタンを押すと下記のようなページになります。

マスターデータ管理のmtb_status選択時

見たまま、もともと登録されているものを変更したい場合は、IDと値の部分をそれぞれ変更します。
これ以外で新たに登録したい場合は、その下にある「追加のデータ」部分に任意でIDと値(テキスト)を設定します。
今回はサンプルとして「ID:6 値:テスト」を追加します。
設定が終わったら、一番下にある「この内容で登録する」ボタンで商品ステータスのテキストが変更できます。
変更後は、管理画面の商品登録ページなどにも商品ステータスの変更や追加がされています。

商品ステータスの画像を変更する

EC-CUBEの管理画面にログイン後、メニューにある「システム設定 → マスターデータ管理」を選択します。
マスターデータ管理ページにいくと、プルダウンがあるので「mtb_status_image」を選択します。
選択後にプルダウン横の「選択」ボタンを押すと下記のようなページになります。

マスターデータ管理のmtb_status_image選択時

テキスト変更のときと同様で、もともと登録されているものを変更したい場合はIDと値の部分をそれぞれ変更します。
これ以外で新たに登録したい場合は、その下にある「追加のデータ」部分に任意でIDと値(画像へのパス)を設定します。
今回はサンプルとしてID:1で登録されている「NEW」の画像をデフォルトから任意のものへ変更し、先程新たに追加した「テスト」にも画像を設定します。

まずID:1の「NEW」アイコンの画像を変更します。
値でimg/icon/ico_01.gifとなっている部分をimg/icon/ico_new.gifへ変更します。
次に新たに追加した「テスト」にもアイコンを設定します。
IDには先程登録した6を記述し、値にはimg/icon/ico_test.gifというように画像へのパスを記述します。
設定が終わったら、一番下にある「この内容で登録する」ボタンで商品ステータスの画像が変更できます。

※IDは「mtb_status」に対応したものを記述してください。

※画像のパスは環境によって変更してください。

※デフォルトのテンプレート(Version 2.12.3)でテキスト名や画像名はそのままで、画像のみを差し替えたい場合は/html/user_data/packages/default/img/icon内に画像があるので、ここで同名のファイル名で上書けば変更されます。
また、新たにアップする画像もデフォルトのテンプレートの場合にはここに画像を入れます。

※画像サイズが変わる場合は、各テンプレート(detail.tpllist.tplなど)で指定されているwidthheightも変更する必要があります。

商品ステータス変更後の商品詳細ページ

画像は商品ステータス変更後の商品詳細ページで、「NEW」の画像がオレンジのものから赤へと変更されており、「TEST」というアイコンが新たに追加されています。

Facebook [ja]コメント 


List of Articles
カテゴリー 番号 タイトル 日付 閲覧数
EC-CUBE 2系 39 2.13系 ソフトウェア要件 2019.10.11 63
CSS 38 CSS オブジェクトフィットプロパティ file 2019.12.04 55
CSS 37 Css 텍스트 외곽선 처리하기, Stroke 2019.11.28 115
EC-CUBE 2.x 36 EC CUBEで商品ごとに支払い方法を簡単に分ける file 2019.10.28 670
EC-CUBE 2系 35 EC-CUBE 2系でShift_JISに存在しない文字が含まれた受注データがあると、その受注内容が受注CSVからまるごと欠落する 2020.01.02 93
EC-CUBE 2系 34 EC-CUBE 2系でポート番号付で管理画面を動かす 2020.01.02 68
EC-CUBE 2系 33 EC-CUBE 2系で商品を沢山購入すると住所情報が欠落する 2020.01.02 86
EC-CUBE 2系 32 EC-CUBE 2系で商品情報をCSVで更新するとき関連商品情報が削除される 2020.01.02 107
EC-CUBE 2系 31 EC-CUBE 2系で注文を受けた商品の規格を後で削除すると、管理画面で受注内容を編集できなくなる 2020.01.02 139
EC-CUBE 2系 30 EC-CUBE 2系の「もっと見る」を簡潔に 2020.01.02 627
EC-CUBE 4.x 29 EC-CUBE 4를 설치했을 때 설정 한 데이터베이스 암호는 어디에 저장되는 것입니까? 2019.11.14 393
EC-CUBE運用マニュアル 28 EC-CUBE2.12 運用マニュアル file 2019.09.29 64
EC-CUBE 2系 27 EC-CUBE2.13カスタマイズ:新しいページを追加する file 2019.11.11 642
EC-CUBE 4系 26 EC-CUBE4系で管理画面に新規メニュー項目を追加する方法 file 2019.10.28 502
EC-CUBE 2.x 25 EC-CUBE:SC_FormParamクラスによるパラメーターチェック方法 2019.10.03 125
EC-CUBE 2系 24 EC-CUBEをインストールする file 2019.12.10 101
EC-CUBE 2系 23 EC-CUBE標準規約 2019.09.28 158
EC-CUBE 2.x 22 EC-CUBE에서 모든 페이지에서 로그인 체크하기 2019.11.11 457
EC-CUBE 2系 21 ECCUBE 2.13のインストール方法をスクリーンショット付きでわかりやすく徹底解説! file 2019.10.10 138
マニュアル 20 THEVOS Youtube BOARD SKIN 사용 설명 2018.11.11 119
Board Pagination Prev 1 2 Next
/ 2