2016年12月7日カテゴリー:

EC-CUBE3カスタマイズ:No.021 画像登録・商品登録カスタムブロック

現行サイトへ、カスタマイズの実装を希望される方はこちら

▽カスタマイズ内容

・5つのブロックが新規作成されるので、ページ管理画面でブロックを配置します。
・コンテンツ管理>カスタムブロック管理>ブロックレイアウトで、5つのブロックのそれぞれの名称やレイアウト、ランク表示を設定します。
・ブロックの設定は各ブロックごとに行います。一覧画面で「新規入力」「編集」をクリックして「登録・編集」を行います。
・新規入力画面で、「オリジナル画像」「商品画像」をチェックすると、それぞれの入力エリアが表示されます。
・「商品画像」を入力する場合は、一旦「登録」を行い、再度登録画面に戻ると入力ボックスが表示されます。「登録」ボタンが表示されるのは、新規入力時のみです。
・【オリジナル画像】
画像をドラッグ&ドロップ等でアップロードします。
URLを入力すると画像等にリンクが設定されます。URLはhttp://から始まる絶対パスで入力します。
リンク先のウィンドウの開き方を同一か別かを指定します。
タイトル、コメント、価格等は、入力しなければ表示されません。
・【商品画像】
「商品ID検索」ボタンをクリックすると検索画面がポップアップで表示されます。
商品ID欄に、商品IDを半角英数字で入力します。
商品説明、販売価格を表示するかしないかを指定します。

▽デモサイト
http://kaiplus.com/part/eccube3-2/

▼5つのブロックが新規作成されるので、ページ管理画面でブロックを配置します。

001

▼コンテンツ管理>カスタムブロック管理>ブロックレイアウトで、5つのブロックのそれぞれの名称やレイアウト、ランク表示を設定します。

002

▼ブロックの設定は各ブロックごとに行います。一覧画面で「新規入力」「編集」をクリックして「登録・編集」を行います。

003

▼新規入力画面で、「オリジナル画像」「商品画像」をチェックすると、それぞれの入力エリアが表示されます。

004

005

 

「商品画像」を入力する場合は、一旦「登録」を行い、再度登録画面に戻ると入力ボックスが表示されます。「登録」ボタンが表示されるのは、新規入力時のみです。

006

▼【オリジナル画像】

・画像をドラッグ&ドロップ等でアップロードします。
・URLを入力すると画像等にリンクが設定されます。URLはhttp://から始まる絶対パスで入力します。
・リンク先のウィンドウの開き方を同一か別かを指定します。
・タイトル、コメント、価格等は、入力しなければ表示されません。

007

▼【商品画像】

・「商品ID検索」ボタンをクリックすると検索画面がポップアップで表示されます。
・商品ID欄に、商品IDを半角英数字で入力します。
・商品説明、販売価格を表示するかしないかを指定します。

008

▼商品ID検索画面

010

▼フロントページ

009

【ご利用の流れ】
1.空フォルダをダウンロードします。空フォルダは各カスタマイズごとに異なります。対象となる空フォルダをダウンロードしてください。その際、EC-CUBEのバージョンとデータベースの種類をお書き添えください。
2.現行サイトのファイルを空フォルダに入れた後、zip形式等で圧縮し下記送信先にお送りください。
3.こちらでカスタマイズを施し、ファイルと請求書を送信いたします。
4.お客様ご自身でデータベースの追加・ファイルのアップロードを行い、動作確認をしてください。
5.料金は後払いで結構です。動作に問題がなければ、指定の銀行に料金をお振り込みください。

★カスタマイズによっては、データベースへの追加等が必要になる場合があります。
データベース追加用の命令文(SQL)はこちらで用意しますので、作業はお客様でお願いいたします。

現行サイトへ、カスタマイズの実装を希望される方はこちら