マニュアル

管理機能一覧

THEVOS — Thu, 12 Nov 2020 18:56:42 +0900

○：標準搭載機能。要件によって個別のカスタマイズが必要な可能性があります。
PLG：プラグインにて対応可能です。

分類	♯	機能	説明	3系	4系
A：認証機能	1	パスワード認証	管理者登録したユーザでのID/パスワードによるログイン。	○	○
A：認証機能	2	管理者登録	複数の管理者の登録が行えます。	○	○
B：TOPページ	1	受注状況	現在の商品の受注の状態をTOPページに表示します。	○	○
	2	売上状況	現在の売上げ、会員数をTOPページに表示します。	○	○
	3	売上状況グラフ	売上状況を週間・月間・年間のグラフで確認できます。	×	○
	4	ショップ状況	現在の在庫状況や会員数をTOPページに表示します。	○	○
	5	EC-CUBEのお知らせ	EC-CUBEのバージョンUPやイベント情報等お知らせを表示します。	○	○
	6	おすすめプラグイン	オーナーズストアからおすすめするプラグインを表示します。	×	○
C：商品管理	1	商品検索/一覧	商品の検索、一覧表示が行えます。	○	○
	2	商品登録/編集機能	商品名、価格、コメント、SHOP専用備考欄などの商品基本データの登録が行えます。	○	○
	3	商品画像登録	商品画像のアップロード、登録が行えます。	○	○
	4	在庫情報登録	在庫数の登録が行えます。	○	○
	5	商品情報CSV出力	商品データのCSV出力が行えます。	○	○
	6	商品一括変更機能	商品一覧画面で、公開・非公開・廃止・完全に削除の4つの変更を一括で行えます。	×	○
	7	規格登録	商品の規格の登録が行えます。	○	○
	8	カテゴリ登録/編集	機能商品の表示スタイル選択、階層の登録/編集が行えます。	○	○
	9	カテゴリコンテンツ登録	カテゴリページに説明文や画像などのコンテンツを追加することができます。	PLG	×
	10	タグ登録/編集	商品情報に付与できるタグを登録/編集することができます。	×	〇
	11	カテゴリ情報CSV出力	カテゴリ情報のCSV出力が行えます。	○	○
	12	商品情報CSV登録	商品データをCSVで一括登録できます。	○	○
	13	カテゴリ情報CSV登録	カテゴリ情報のCSV登録が行えます。	○	○
	14	販売制限	一度の注文で同時に購入可能な商品数の制限が行えます。	○	○
	15	関連商品手動登録/編集	商品を購入した人に推奨する関連商品の手動登録が行えます。	PLG	PLG
	16	商品レビュー管理	商品のレビュー管理が行えます。	PLG	PLG
	17	複数カテゴリ	商品を複数カテゴリに登録して管理する事ができます。	○	○
	18	商品キーワード検索項目登録	商品のキーワードの項目を登録できます。	○	○
	19	メーカー管理機能	商品ごとにメーカーとメーカーURLを登録することができます。お客向けには商品詳細画面でメーカーとメーカーURLが表示されます。	PLG	PLG
	20	リスティング広告入稿用CSV作成機能	リスティング広告の入稿用CSVファイルを（商品ごとの広告テキスト/キーワードの生成）出力します。	PLG	×
D：受注管理	1	受注情報検索/一覧	受注情報の検索、一覧表示が行えます。	○	○
	2	受注情報CSV出力	受注内容のCSV出力が行えます。	○	○
	3	配送情報CSV出力	配送情報のCSV出力が行えます。	○	○
	4	新規受注情報入力	電話やFAXで発生した受注情報の登録が行えます。	○	○
	5	出荷CVS登録	出荷日時や問い合わせ番号（出荷伝票番号）をCSVで登録することができます。	×	○
	6	受注情報編集	受注情報の編集が行えます。	○	○
	7	対応状況一括変更	受注の対応状況を一括で変更できます。	×	○
	8	出荷メール一括送信機能	出荷メールを一括で送信することができます。	×	○
	9	問い合わせ番号（出荷伝票番号）入力機能	問い合わせ番号（出荷伝票番号）を受注一覧画面、及び、詳細画面から入力することができます。	×	○
	10	対応状況設定	未処理、商品手配中、配送中などのステータスの設定が受注詳細画面から行えます。	○	○
	11	各種メール送信	注文されたお客様に任意のタイミングで「商品発送済みメール」などのメールを受注詳細画面から送信できます。	○	○
	12	納品書PDF出力	納品書のPDF出力が行えます。一括出力することも可能です。	PLG	○
	13	ショップ用メモ登録機能	ショップ運営者が確認する用のメモを登録することができます。	○	○
	14	配達用メモ登録機能	出荷作業者や、配送業者に対するメモを登録することができます。	×	○
E：会員情報	1	顧客情報検索/一覧	顧客情報の検索、一覧表示が行えます。	○	○
	2	顧客情報CSV出力	顧客情報のCSV出力が行えます。	○	○
	3	顧客情報登録/編集	顧客情報の登録/編集が行えます。	○	○
	4	会員登録仮登録完了メール再送	会員登録仮登録完了メールを再送できます。	○	○
F：コンテンツ管理	1	新着情報管理	フロントTOPページなどに表示する新着情報の登録/編集が行えます。	○	○
	2	オススメ管理	フロントTOPページなどに表示するオススメ商品の登録が行えます。（最大8個まで）	PLG	PLG
	3	ファイル管理	ファイルのアップロード、ダウンロードが行えます。	○	○
	4	SEO管理	ページ毎にメタタグにキーワードを埋め込む事ができます。	○	○
	5	レイアウト編集	TOPページ、商品一覧ページ、商品詳細ページのレイアウトを変更する事ができます。	○	○
	6	モバイル専用レイアウト設定	レスポンシブウェブデザインの他、モバイル専用のレイアウトを追加することができます。	×	○
	7	ブロック編集	TOPページのレイアウト編集にて、表示させるブロックを登録する事ができます。	○	○
	8	ヘッダー･フッター編集	全ページで共通で使用するヘッダー・フッターの編集をする事ができます。	○	○
	9	HTMLコードエディタ	コードエディタ上で、HTMLやTwigファイルの修正が行えます。また、Twigの構文エラーがある場合は検知し、通知してくれます。	×	○
	10	キャッシュ管理	Twigキャッシュを削除できます。（FTPなどでTwigファイルをアップロードして入れ替えた場合に利用する機能です）	○	○
	11	CSS管理	CSSを追加・編集することができます。	×	○
	12	JavaScript管理	JavaScriptを追加・編集することができます。	×	○
	13	favicon設定	ファイル管理から、faviconの変更を行うことができます。	×	○
G：店舗設定（旧基本情報設定）	1	基本設定(旧ショップマスター)	サイト運営に必要な会社情報の設定、編集が行えます。	○	○
	2	特定商取引に関する法律	特定商取引に関する法律に定める要件等の記入、編集が行えます。	○	○
	3	会員規約設定	会員登録時に確認する規約の記入、編集が行えます。	○	○
	4	支払い方法/手数料設定	支払い方法、及び支払い方法ごとの手数料の設定が行えます。	○	○
	5	支払い方法利用条件設定	購入金額の上限下限の設定が行え、支払い方法の利用制限が行えます。	○	○
	6	配送料無料条件設定	購入金額合計等から配送料が無料になる条件の設定が行えます。	○	○
	7	配送業者/配送料/配送時間設定	配送業者、及び配送業者ごとの配送料、配送時間の設定が行えます。	○	○
	8	税率設定	消費税の端数を何桁で切り捨てるか、四捨五入/切捨てのどちらで計算するかを設定が行えます。	○	○
	9	商品別税率設定	商品別に税率を設定できます（軽減税率に対応）。	○	○
	10	メール設定機能	EC-CUBEからお客様に送信するメール文章を編集できます。	PLG	○
	11	マルチパートメール設定	テキストメールとHTMLメールを設定することができます。	×	○
	12	CSV出力項目設定	CSVで出力する際に記載される内容を設定できます。	○	○
	13	ポイント設定	◎ポイント付与率の設定商品全体に対するポイントの付与率の設定が行えます。 ◎商品ごとポイント付与率設定一括付与率ではなく、個別に変更したい場合、商品ごとに付与率の変更が行えます。	PLG	○
	14	サイト管理設定	機能を利用するかどうか設定できます。	○	○
H：システム情報設定（設定）	1	システム情報	サーバ、OS、DB、PHP等システム設定の情報を確認できます。	○	○
	2	メンバー管理	管理画面にログインできるメンバーの管理をします。	○	○
	3	権限管理	メンバーグループごとでアクセスできるページを設定できます。	○	○
	4	セキュリティー管理	管理画面にアクセスできるIPの制限や管理画面のURLの変更サイトのSSL制限の設定ができます。	○	○
	5	ログ表示	EC-CUBEから出力されたログを表示します。	○	○
	6	マスターデータ管理	各種マスターデータを編集できます。	○	○
	7	カスタムCSV出力機能	SQLを作成し、CSVファイルをダウンロードすることができます。	PLG	×
I：オーナーズストア（設定）	1	プラグイン一覧	購入・インストールしたプラグインの一覧を表示します。	○	○
	2	プラグイン検索・インストール	オーナーズストアで販売しているプラグインを管理画面から検索し、無料プラグインはそのままインストールすることができます。（有料プラグインはオーナーズストアで購入する必要があります。）	×	○
	3	ダウンロードプラグインインストール	オーナーズストアからダウンロードしたプラグインをアップロードしてインストールすることができます。	○	○
	4	プラグインハンドラ設定	インストールしたプラグインの設定を行うことができます。	×	○
	5	テンプレート設定	あらかじめ用意された専用テンプレートをワンボタンで適用できます。	○	○
J：その他	1	アップデート対応	EC-CUBEのマイナーバージョンアップ時にコア機能のアップデートとDBのマイグレーションが可能。	○	○
K：ポイント	1	ポイント	購入に応じて会員へポイントを付与し、次回購入時に利用できる機能。	PLG	○
L：売上げ集計	1	期間別集計	任意の期間の売上集計結果をグラフと一覧で表示できます。	PLG	PLG
	2	商品別集計	商品別の売上集計結果をグラフと一覧で表示できます。
	3	年代別集計	購入者の年代別の売上集計結果をグラフと一覧で表示できます。
	4	職業別集計	購入者の職業別の売上集計結果をグラフと一覧で表示できます。
	5	会員別集計	購入者の会員別の売上集計結果をグラフと一覧で表示できます。
M：メルマガ配信	1	メルマガ配信検索/配信予約	メルマガ配信先のしぼり込み検索、配信予約設定が行えます。	PLG	PLG
N：クーポン	1	クーポン管理機能	商品・カテゴリーに対して、一定額・一定率での割引を適用するクーポンを発行できます。	PLG	PLG

フロント機能一覧

THEVOS — Thu, 12 Nov 2020 18:54:41 +0900

○：標準搭載機能。要件によって個別のカスタマイズが必要な可能性があります。
PLG：プラグインにて対応可能です。

分類	♯	機能	説明	3系	4系
A：商品紹介	1	商品一覧ページ	登録商品をカテゴリごとに一覧表示します。	○	○
	2	商品サムネイル表示	一覧ページで商品がサムネイル表示されます。	○	○
	3	一覧並び替え機能	商品を価格順、新着順で並び替えをする事ができます。	○	○
	4	商品詳細ページ	説明文表示、商品画像表示、カゴへボタン表示。	○	○
	5	商品タグ	おすすめ、残り僅かなどのステータスを表示（手動）させることができます。	○	○
	6	在庫終了ステータス	在庫が切れた場合には、自動的に在庫切れを表示します。	○	○
	7	ユーザレビュー	商品詳細ページ商品レビューを登録、表示できるようにします。	PLG	PLG
	8	商品お気に入り登録	会員登録しログインしている状態で、商品をお気に入りに登録することができます。	○	○
B：商品注文	1	ショッピングカート機能	複数商品選択などを行う、基本的なショッピングカート機能です。	○	○
	2	非会員購入機能	非会員のユーザでも購入できる機能です。	○	○
	3	別のお届け先入力機能	会員登録しているユーザーの場合、１ユーザが複数のお届け先を保持することができます。	○	○
	4	配送時間指定	管理者画面で登録した配送時間の指定を行えます。	○	○
	5	お支払い方法選択	管理者画面で登録した支払い方法の選択を行えます。	○	○
	6	購入前見積表示	送料、手数料を自動計算した後、注文内容の確認ページを表示します。	○	○
	7	注文処理	注文登録と同時にThanksメールを自動送信し、管理者にも注文受付メールを送信します。	○	○
	8	ポイント購入機能	商品購入で蓄積したポイントを利用して商品を購入することができます。	PLG	○
	9	商品一覧からカートに追加	商品一覧画面から直接カートに商品を追加し購入することができます。	×	○
	10	カートの永続化機能	ログイン期限切れやログアウト後でもカート情報を保持し、次回ログイン時にカート情報を復活させる機能。また、カート情報は異なるデバイスでログインしても復活します。	×	○
C：お客様ページ（MYページ）	1	会員登録機能	会員登録を行うことができます。	○	○
	2	ログイン機能	ユーザログイン画面を提供します。	○	○
	3	会員情報編集機能	会員情報の登録、変更が出来ます。	○	○
	4	注文履歴一覧表示	過去の注文を一覧表示します。	○	○
	5	注文詳細確認機能	現在の注文内容を表示します。	○	○
	6	別のお届け先編集機能	複数の配送先の登録・編集・削除が出来るようにします。	○	○
	7	お気に入り商品一覧	お気に入りに登録した商品を一覧表示します。	○	○
	8	退会	退会手続きを行えるようにします。	○	○
D：その他	1	パスワードリセット機能	ユーザがパスワードを忘れた際に会員登録時に入力したメールアドレスへメールを送信し、メールが認証されると、再発行したパスワードがメールアドレスへ送信される。	○	○
	2	パスワード再設定	ユーザがパスワードを忘れた際にパスワードを再設定することができる機能。パスワードリセット機能に代わり、よりセキュリティの高い機能を採用。	×	○
	3	オススメ商品表示	トップページのオススメ枠に設定したオススメ商品を表示します。	PLG	PLG
	4	新着情報表示	新着情報の表示を行えます。	○	○
	5	商品カテゴリ検索	商品カテゴリをもとに検索できます。	○	○
	6	商品キーワード検索	キーワード検索（ブランド名、商品名の一部など）で検索できます。	○	○
	7	お問い合わせフォーム	問い合わせフォームから管理者宛てに問い合わせをメールすることができます。	○	○

EC-CUBE 2系でポート番号付で管理画面を動かす

TheVOS — Thu, 02 Jan 2020 22:44:19 +0900

Apacheの処理分散させるために、ロードバランサーを介してラウンドロビンを掛けた複数台で同じEC-CUBEを動かす必要が出てきました。
Apacheを動作させるフロントエンドをコピーした複数台でPHP処理を分担、MySQLはローカル接続されているバックエンドの専用サーバーで運用という形です。

EC-CUBEはそもそもPHPセッションをDB保存しているので、DBをバックエンドのサーバーで共通化しておけば複数台でのPHPセッションの共有化を配慮する必要はなく、複数台運用への切り替えは簡単です。

ただし、管理画面からアップロードした画像等はApacheを動かしているサーバーに物理的に保存されるため、ラウンドロビンが掛かった状態ではどのサーバーにファイル保存されるか分からなくバラバラになってしまうため、どれか1台固定のサーバーを正としてそこへ保存し、rsync等で各サーバーへコピーしなくてはなりません。

サブドメインではっきり分けれれば良いのですが、ドメイン追加をできない場合は1443などの独自のポート番号でポートフォワードで振り分けて管理画面を動かすサーバーを固定したいところ。

ただし、普通にポート番号付きでアクセスしてしまうと、管理画面でログインした直後にリダイレクトエラーが出ます。
これは/data/config/config.php で設定している HTTP_URL や HTTPS_URL と異なるURLへジャンプすることを防ぐセキュリティ対策の影響です。
では、そもそもHTTP_URL に:1443付きで定義したらどうかとなりますが、そうすると今後はポート番号無しでアクセスしているカート画面などでリダイレクトエラーが出ます。訪問者画面も管理画面も同じEC-CUBEだと設定も共通なので。

そこで、ポート番号付きでアクセスしたときだけこのURLを書き換えてしまうと良いです。
具体的には /data/config/config.php をこんな風に書きます。常時SSLのご時勢ですからHTTP_URLは振り分けなくても良いかな？

define('HTTP_URL', 'http://www.exsample.co.jp/'); if ($_SERVER['SERVER_PORT'] == '1443') { define('HTTPS_URL', 'https://www.exsample.co.jp:1443/'); } else { define('HTTPS_URL', 'https://www.exsample.co.jp/'); }

EC-CUBE 2系で注文を受けた商品の規格を後で削除すると、管理画面で受注内容を編集できなくなる

TheVOS — Thu, 02 Jan 2020 22:43:03 +0900

注文された規格を削除して、dtb_products_classテーブルから該当する規格データが無くなると、受注内容のたとえば発送先住所などを編集しようとしても数量の上限チェックに引っかかりエラーが出て受注内容の変更ができなくなってしまいます。

※ この現象は、規格のチェックBOXを外して更新 → チェックBOXを再度立てて更新でも発生します。見た目は同じ規格が存在しているように見えますが、内部のproduct_class_idが変わってしまうのが原因です

product_class_idも引用してこれていないので画面処理もうまくいきません。
対応策として、もし規格データが削除されていた場合は在庫数チェックを行わないようにする事で受注内容の編集をできるようにしてみます。

まずdtb_products_classから規格データが無くなっていてもproduct_class_idやproduct_idを引用できるように商品詳細dtb_order_detailの方から参照するようにします
SC_Helper_Purchase.php の
function getOrderDetail のSQL文を書き換えます

- T3.product_id, - T3.product_class_id as product_class_id, + T2.product_id, + T2.product_class_id as product_class_id,

LC_Page_Admin_Order_Edit.php の
function lfCheckError に処理をスルーさせるIF文を追加

 // 在庫数のチェック $arrProduct = $objProduct->getDetailAndProductsClass($arrValues['product_class_id'][$i]); + // 規格が削除されていたら在庫数チェックしない + if ($arrProduct['product_class_id'] == '') { + continue; + }

商品種類 product_type_id も引用してこれていなくて、画面にはエラー表示されませんが必須チェックに引っかかり先に進めなくなるのでこれもスルーさせます。
LC_Page_Admin_Order_Edit.php の
function lfInitParam を修正

 // 受注詳細情報 - $objFormParam->addParam('商品種別ID', 'product_type_id', INT_LEN, 'n', array('EXIST_CHECK', 'MAX_LENGTH_CHECK', 'NUM_CHECK'), '0'); + $objFormParam->addParam('商品種別ID', 'product_type_id', INT_LEN, 'n', array('MAX_LENGTH_CHECK', 'NUM_CHECK'), '0');

視覚的にも、規格が削除されていて在庫数が連動しない商品だと分かったほうが良いので、数量欄のあるTDの背景色を赤色で表示してみます。
/data/Smarty/templates/admin/order/edit.tpl を修正

- <td class="center"> - <!--{assign var=key value="quantity"}--> + <td class="center"<!--{if $arrForm.product_type_id.value[$product_index] == ''}--> style="background-color:#fdd"<!--{/if}-->> + <!--{assign var=key value="quantity"}-->

そもそも関連データが存在している規格データを容易にdeleteしてしまう実装ってどうなの？っていう話なんですが。

EC-CUBE 2系でShift_JISに存在しない文字が含まれた受注データがあると、その受注内容が受注CSVからまるごと欠落する

TheVOS — Thu, 02 Jan 2020 22:40:35 +0900

受注データの備考などにお客様が入力した文章にShift_JISで表現できない文字や記号がまざっていると、受注CSVをダウンロードしたときにその受注データがそっくり欠落してしまいます。

これはCSVデータをShift_JISに変換するときのiconvのパラメータがデフォルトの「不正な文字があったらデータを捨てる」指定になっているからです。
受注データが抜け落ちてしまっては、発見が遅れて実務上のトラブルになりかねないので、変換できない文字があっても近似文字に置き換えて出力するTRANSLIT指定をつけた方が良いと思います。

SC_Helper_CSV.php の
function fopen_for_output_csv のiconv指定を変更

- stream_filter_append($fp, 'convert.iconv.utf-8/cp932'); + stream_filter_append($fp, 'convert.iconv.utf-8/cp932//TRANSLIT');

EC-CUBE 2系で商品情報をCSVで更新するとき関連商品情報が削除される

TheVOS — Thu, 02 Jan 2020 22:39:31 +0900

CSVアップロードして商品データを更新する事ができるのですが、そのCSVに「関連商品」の列が無いと、CSVをアップロードしたときにその商品に今まで登録されていた関連商品の内容が全て削除されてしまいます。

これは、CSVアップロード処理が「関連商品」に関する列がCSVに存在している事を前提に処理しているからで、関連商品がCSV列名に存在しているかどうかチェックして、列が無かったら関連商品の処理を行わないようにすることで回避できます。

LC_Page_Admin_Products_UploadCSV.php の
function lfRegistReccomendProducts の冒頭に以下のコードを挿入

 $cnt = 0; for ($i = 1; $i <= RECOMMEND_PRODUCT_MAX; $i++) { $keyname = 'recommend_product_id' . $i; $comment_key = 'recommend_comment' . $i; if (array_key_exists($keyname, $arrList) == true) $cnt++; if (array_key_exists($comment_key, $arrList) == true) $cnt++; } if ($cnt == 0) return;

※ 自分でコミュニティへ参加してパッチを作成するマンパワーが無いのでその予定はありません

EC-CUBE 2系で商品を沢山購入すると住所情報が欠落する

TheVOS — Thu, 02 Jan 2020 22:36:50 +0900

以外と有名な問題なのですが、カートに沢山の商品を入れて注文すると、受注メールは送信されてエラーも出ないのに「送料がゼロ円になる」とか「管理画面に受注データが表示されない」という障害が起きます。

これは、セッション情報を保存するDBテーブルが text型で取られているため、65,535バイト(MySQLの場合)以上のセッション情報を保存しようとすると後ろの方のデータが欠落するためです。

CREATE TABLE dtb_session ( sess_id text NOT NULL, sess_data text, create_date timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP, update_date timestamp NOT NULL, PRIMARY KEY (sess_id(255)) );

このセッションデータには、カートに入れた商品の情報＋購入者情報＋配送先情報が入るため、欠落するときは真っ先に配送先の情報が欠落してしまい、結果として都道府県が分からなくなるので送料が計算できずにゼロ円になってしまいます。また、受注データとJOINする配送先データが生成されないので一覧に受注データが表示されないという症状に繋がります。

対策としては、text → logtext に型を変更するだけで65Kバイト→4Gバイトまで保持できるようになるので情報欠落は無くなります。sessionデータはdtb_order_tempテーブルにも持っているのでそちらも修正が必要です。

alter table dtb_session modify sess_data longtext; alter table dtb_order_temp modify session longtext;

※ かなり以前から報告されている障害ですがバージョン2.13.5でも対策されていないので公式に対応する予定は無いようです
※ 自分でコミュニティへ参加してパッチを作成するマンパワーが無いのでその予定はありません

EC-CUBE 2系の「もっと見る」を簡潔に

TheVOS — Thu, 02 Jan 2020 22:33:58 +0900

今更ながら、EC-CUBE 2系のスマホ版のデザイン変更で苦労しました。

EC-CUBEに組み込まれている「もっと見る」ボタンですが、Ajaxで次ページのjsonデータを取得してきて画像、商品名、価格等のspanやimgタグの中身を1個ずつコピーしている。。。（3系でも同じなのかな？？）

これでは、つぶしが気かないったらありゃしないので、デザイン変更しても動作するJavaScriptに書き換えてみました。jsonではなく2ページ目のHTMLをそのままGETしてきて商品一覧部分のタグをそのまま現在の一覧の下に差し込むだけ。

・総HIT数が<span id=”productscount”>XXX</span>に書かれていること。
・もっと見るボタンにid=”btn_more_product”が付いていること。
・商品リストの個別商品が class=”list_area” に入っていて、各商品ブロックが<form>で囲まれていること。
（<form>で囲まれていないなら、2ヶ所の .closest(‘form’) は不要）

の3点だけ守られていれば、デザイン変更しても大丈夫です。

<script> var pageNo = 2; var url = "<!--{$smarty.const.P_DETAIL_URLPATH}-->"; var imagePath = "<!--{$smarty.const.IMAGE_SAVE_URLPATH|sfTrimURL}-->/"; var statusImagePath = "<!--{$TPL_URLPATH}-->"; function getProducts(limit) { $.mobile.showPageLoadingMsg(); var i = limit; //送信データを準備 var postData = {}; $('#form1').find(':input').each(function(){ postData[$(this).attr('name')] = $(this).val(); }); postData["mode"] = "html"; postData["pageno"] = pageNo; // デザイン変更に左右されない「もっと見る」処理に書き換えました。 $.ajax({ type: "POST", data: postData, url: "<!--{$smarty.const.ROOT_URLPATH}-->products/list.php", cache: false, dataType: "html", error: function(XMLHttpRequest, textStatus, errorThrown){ alert(textStatus); $.mobile.hidePageLoadingMsg(); }, success: function(result){ $('.list_area:last').closest('form').after($(result).find('.list_area').closest('form').clone(true)); pageNo++; //すべての商品を表示したか判定 if (parseInt($("#productscount").text()) <= $(".list_area").length) { $("#btn_more_product").hide(); } $.mobile.hidePageLoadingMsg(); } }); } </script>

EC-CUBEをインストールする

TheVOS — Tue, 10 Dec 2019 05:58:01 +0900

EC-CUBEを利用することになりそうなので、ひとまずEC-CUBEをレンタルサーバーにインストールしてみました。その手順備忘録です。

EC-CUBEをダウンロードする

EC-CUBE公式サイトからファイルをダウンロードします。
2019年12月時点で最新バージョンは、2.13.5です。なのでダウンロードしたファイルは eccube-2.13.5.zipでした。

ダウンロードするには、EC-CUBEメンバーである必要があります。登録は無料なので迷わず登録しました。

補足ですが、バージョンによっては不具合修正ファイルがあることもあるようなので、その場合はその不具合修正ファイルもダウンロードしておきます。（今回はありませんでした。）

EC-CUBEのファイルを配置する

ダウンロードしたファイルは圧縮ファイルなのでとりあえず解凍します。
そして、サーバーに配置する前に少し準備します。

解凍すると以下のフォルダが存在すると思います。
/data
/docs
/html
/test
/tests
必要になのは「data」「html」の2つだけです。
（不具合修正ファイルがある場合は上書きしてください。）

これから構築するサイトのURLを「http://ドメイン/html」ではなく「http://ドメイン/」としたいので、「data」フォルダを丸ごと「html」フォルダ直下に移動します。
その移動に伴い、html/define.phpを修正します。

（修正前）

    define("HTML2DATA_DIR", "/../data/"); 
 
  

（修正後）

    define("HTML2DATA_DIR", "/data/"); 
 
  

次に「html」フォルダ直下にある.htaccessを削除します。

↓↓↓↓↓ 重要 ↓↓↓↓↓
このままでは、dataフォルダにWEbからアクセスできてしまうため、とっても危険です。例えばlogファイルが丸見えになってしまうので、管理画面のログインIDやサーバーのパスや何のプラグイン使ってるかーなど、いろいろとデータが取れてしまうのです。（他にもいろいろ問題アリ。）
そこで、dataフォルダ直下に以下を記述した.htaccessを配置します。

    order allow, deny 
deny from all

ほんとは、dataフォルダはhtmlフォルダ内じゃなくて、ルートディレクトリ外に配置できる方が理想です。
今回はどうしてもそれが出来ない環境の場合を例にしています。
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑

ここまで出来たら、サーバーに配置します。
配置する場所はサーバーによって異なりますが、たいていはApacheのドキュメントルート直下に「html」フォルダ内のフォルダ、ファイル全てを配置します。

データベースを作る

EC-CUBEはデータベースを必要とするのでデータベースを事前に準備します。
PostgreSQLかMySQLを使用することができます。私はphpMyAdminを使ってMySQLを作成しました。
後で必要になるので、データベース名、MySQLユーザー名、MySQLパスワード、ホスト名をメモしておきます。

EC-CUBEをインストールする

「http://ドメイン/」にアクセスします。以下の画面が表示されたら「次へ進む」ボタンを押します。

チェック結果が表示されます。成功していれば「次に進む」ボタンを押します。

必要なファイルのコピーが開始されます。これも成功していれば「次に進む」ボタンを押します。

ECサイトの設定をします。
純国産のCMSというだけあって説明が丁寧です。さすがです。必要事項を入力して次へ進みましょう。

データベースの設定です。
事前に準備したデータベースの情報を入力します。DBの種類を間違えないようにしましょう。
入力できたら「次へ進む」ボタンを押します。

データベースの初期化です。

デバッグのために情報提供を依頼されます。無難に「はい（推奨）」にしました。「いいえ」にしたらどうなるかは、試してないのでわかりません。

インストール完了です。管理画面ログインにすすみます。

ここで画面上部に警告が出ます。install/index.phpを削除しろと言っています。おとなしく従いましょう。

ファイルを削除するとログイン画面から警告が消えるので、改めて管理画面にログインします。

これにて終了です。

CSS オブジェクトフィットプロパティ

TheVOS — Wed, 04 Dec 2019 22:43:56 +0900

object-fit 속성은 IMG, VIDEO 태그의 크기를 컨테이너에 맞게 자정하는데 사용됩니다.

브라우저 지원

테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.

Property
object-fit	31.0	16.0	36.0	7.1	19.0

특징	설명
기본 값	object-fit : 개별적 속성
상속	안됨
애니메이션	안됨
적용	-
버전	CSS3

정의(Definition)

object-fit 속성은 <img>, <video> 태그의 크기를 정의합니다.

문법(Syntax)

object-fit: fill | contain | cover | scale-down | none

속성(Property)

속성값	설명
fill	컨텐츠 사이즈 크기에 맞게 설정합니다.
contain	컨텐츠의 가로 값을 기준으로 맞게 설정합니다.
cover	컨텐츠 화면 사이즈에 맞게 설정합니다.
scale-down	컨텐츠 크기 보다 작게 설정합니다.

Original

FILL

CONTAIN

COVER

NONE

SCALE-DOWN

object-fit: fill; object-fit: contain; object-fit: cover; object-fit: none; object-fit: scale-down;

Css 텍스트 외곽선 처리하기, Stroke

THEVOS — Thu, 28 Nov 2019 08:16:51 +0900

CSSを使用してテキストに輪郭、ストローク効果を与える方法を見てみます。

輪郭はテキストを強調する効果的な方法です。CSSを使用して簡単に使用することができますが、最も簡単な方法は次のように-webkit-text-strokeを使用する方法です。

-webkit-text-stroke: 1px #000

ただし、この方法は非常に便利ですが、標準的な方法ではなく、ウェブキットおよびモジラ系のブラウザでのみ適用されます。使用する場合は、次のようにCSSに適用してください。

.text-stroke {
-webkit-text-stroke: 1px #000;
}

これでテキストに輪郭が鮮明に表示されます。

それでは、別の方法を見てみましょう。

# -webkit-text-stroke クロスブラウジング方法
以下のような方法を使用すると、テキストの影響を利用して、同様の効果を得ることができます。以下のコードをご覧ください。

.text-stroke {
color: #f00;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}

この方法は、text-shadowが適用されるほとんどのブラウザで実装されます。非常に効果的な方法です。

# 実際の輪郭が適用された例を見る
もしも、以下のようなHTMLに上記のCSSを適用して輪郭を直接実装してみましょう。

<span class="text-stroke">THEVOS</span>

上記のコードの実行結果は以下のようになります。

THEVOS

EC-CUBE 4를 설치했을 때 설정 한 데이터베이스 암호는 어디에 저장되는 것입니까?

TheVOS — Thu, 14 Nov 2019 19:27:49 +0900

설치 한 디렉토리에 .env라는 파일이 있습니다.

거기에 DATABASE_URL라는 항목이 있습니다.

「 DATABASE_URL = mysql://사용자 이름:암호@호스트 이름/데이터베이스 이름 」 형식으로 저장되어 있습니다.

EC-CUBE2.13カスタマイズ：新しいページを追加する

TheVOS — Mon, 11 Nov 2019 17:06:15 +0900

EC-CUBEで新しいページを追加する方法として、管理画面で追加して、そのページのURLを任意に変更する手順をメモ。

管理画面からページを追加する

管理画面でデザイン管理＞PC＞ページ詳細設定を開き、必要事項を入力して登録するボタンを押下。
※スマホ、モバイルもそれぞれ同様です。

これにより以下の追加が行われます。
1）/html/user_data/sample.phpが生成される。
※sample.phpは登録した任意のファイル名
※処理はこのファイルに記述していきます
2）/data/Smarty/templates/(テンプレート名)/user_data/sample.tplが生成される。
※管理画面から入力した内容が入ります。
3）dtb_pagelayoutテーブルにこのページ情報が1レコード追加される。

作成されたページのこの時点では以下のパスで確認できます。
http://www.example.com/html/user_data/sample.php
このままではイケテないので以下になるように変更していきたいと思います。
http://www.example.com/html/sample/

追加したページのURLを変更する

phpファイルを移動する

まず生成されたphpファイルを以下に移動します。フォルダを新規作成してファイル名も変更します。
/html/sample/index.php

DBを書き換える

dtb_pagelayoutテーブルのurlフィールドをsample/index.phpに変更する。
これで、URLの変更ができました。

ちなみに、dtb_pagelayoutテーブルの中身ですが、おそらくこんな感じ。
device_type_id・・・「10」はPC用のページという意味
page_id・・・同じdevice_type_idで重複しないID
page_name・・・ページ名（管理画面で表示している名前）
url・・・ページのURL
filename・・・tplファイルの保管場所
edit_flg・・・削除可能フラグ

注：インストールされた環境によってパスは異なります。一般的なパスで紹介しています。

2014.09.08 追記
追加したページのURLを変更した場合は、ページを更新するときに管理画面のデザイン管理＞PC＞ページ詳細設定から編集できなくなります。
編集してしまうとdtb_pagelayoutテーブルのurlフィールドがデフォルトに戻ってしまうからです。
更新はテンプレートを直接しなくてはなりません。
んー、イマイチ？URLを変更しても管理画面から更新できる方法ないかなー？

관리 화면의 사이드 메뉴에 항목 추가하는 방법

TheVOS — Mon, 11 Nov 2019 07:08:54 +0900

EC-CUBE3에서는 관리 화면의 사이드 메뉴에 쉽게 메뉴를 추가 할 수 있습니다.

외형 수정이므로 템플릿 (twig)를 편집 ...라고 생각했는데, 수정할 필요가있는 것은 ServiceProvider입니다.
실제로 ServiceProvider에서하지 않아도 좋다고 생각 합니다만,로드 된 적당한 ServiceProvider 다음의 설명합니다.

 $ app [ 'config'] = $ app-> share ($ app-> extend ( 'config', function ($ config) { $ nav = array ( 'id'=> 'admin_new_menu' 'name'=> '새 메뉴' 'url'=> 'admin_new_menu' 'has_child'=> 'false' 'icon'=> 'cb-chart' 'child'=> array ( array ( 'id'=> 'xx_submenu1' 'url'=> 'xx_submenu1' 'name'=> '하위 메뉴 1' ), ), );  $ config [ 'nav'] [] = $ nav;  return $ config; }));

이렇게 app.config.nav 메뉴 배열을 추가하여 메뉴를 늘릴 수 있습니다.
반대로 필요없는 항목이 배열로부터 삭제 해 주면 제거 할 수 있습니다.

EC-CUBE3를 이용하시는 분은 꼭보세요.

EC-CUBE에서 모든 페이지에서 로그인 체크하기

TheVOS — Mon, 11 Nov 2019 02:46:18 +0900

EC-CUBE는 Ver 2.12.6 환경입니다.

지정 방법

EC-CUBE는 로그인 판정 결과를 tpl_login라는 변수로 설정하고 일부 페이지가 기본적으로 존재합니다.

예를 들어, 아래와 같이 소스를 grep하면 tpl_login에 값을 설정하는 부분을 찾을 수 있습니다.

    $ grep -rn "\$this\->tpl_login =" *
data/class/pages/products/LC_Page_Products_Detail.php:240:            $this->tpl_login = true; 
data/class/pages/frontparts/bloc/LC_Page_FrontParts_Bloc_Login.php:43:        $this->tpl_login = false;
data/class/pages/frontparts/bloc/LC_Page_FrontParts_Bloc_Login.php:72:            $this->tpl_login = true;
data/class/pages/shopping/LC_Page_Shopping_Payment.php:95:            $this->tpl_login = '1';
data/class/pages/shopping/LC_Page_Shopping_Confirm.php:129:            $this->tpl_login = '1';
data/class/pages/cart/LC_Page_Cart.php:200:            $this->tpl_login = true; 
 
  

위의 이름에서 짐작이 붙는 것처럼, 상품 상세 페이지 로그인 블록, 장바구니 페이지, ... 등 특정 페이지를 표시 할 때 사용되는 클래스인데,이 페이지에서는 변수 tpl_login에 설정된 로그인 있는지 (true) 아닌지 (false) 결과에 따라 다음과 같이 템플릿의 표시를 분리 할 수 있습니다.

    <!--{if $tpl_login}-->
ログイン中です。
<!--{else}-->
ログインしていません。
<!--{/if}--> 
 
  

그런데, 이것을 특정 페이지에 한정하지 않고 어떤 페이지에서도 사용할 수 있도록하자.

페이지 볼 때마다 호출되는 LC_Page라는 기본 클래스 LC_Page (data/class/pages/LC_Page.php)가 있습니다. 그 확장 클래스인 LC_Page_Ex (data/class_extends/page_extends/LC_Page_Ex.php)에 다음과 같은 코드를 추가합니다.

    public function init()
{   
    parent::init();
     // ログイン判定
    $objCustomer = new SC_Customer_Ex();
    if ($objCustomer->isLoginSuccess() === true) {
        $this->tpl_login = true;
    }   
}   
 
  

이제 어떤 페이지에서나 tpl_login에 로그인 판정 결과가 저장 되도록 되었습니다.

마찬가지로 LC_Page_Ex에 어떤 처리든 추가하면 전체 페이지 공통으로 정보를 설정하는 것이 가능합니다.

알아두면 유용한 곳이 많을 듯합니다.