EC-CUBEカスタマイズBootstrap版(2)ヘッダー部の解説

EC-CUBEカスタマイズダウンロード:Bootstrap版デモサイト

インストールと同時にこのようなサイトが立ち上がります。
管理画面で店舗情報等を登録すれば、すぐに運用が可能です。

詳しくはこちらをご覧ください。

▼ヘッダー部の解説

001

 

(1)[ログイン]をクリック

002

【ヘッダー】ログイン:ブロックが読み込まれます。
■data/Smarty/templates/default/frontparts/bloc/login_header.tpl

続きを読む EC-CUBEカスタマイズBootstrap版(2)ヘッダー部の解説

EC-CUBE:No.024 お問い合わせページに添付ファイル機能

このカスタマイズを現行サイトへ実装したい方はこちら

・添付ファイルは■html/upload/contact_upload_fileフォルダに保存されます。
・添付ファイルは、保存時に上書きされないようファイル名がリネームされます。
・ファイルの種類を画像のみに設定したり、アップロードのサイズを制限したりする場合は下記ファイルを修正します。
■data/class/pages/contact/LC_Page_Contact.php223行目付近
———————————-
//↓画像に限定する場合(10000←容量10MBまで、5000, 5000←長辺5000pxを超える場合は5000pxにリサイズ)
//$objUpFile->addFile(‘画像’, ‘sample_image1′, array(‘jpg’, ‘gif’, ‘png’, ‘jpeg’), 10000, false, 5000, 5000);
//↓すべてのファイル(10000←容量10MBまで)
//$objUpFile->addFile(‘ファイル’, ‘sample_image1′, array(), 10000, false, 0, 0, false);
$objUpFile->addFile(‘画像’, ‘sample_image1′, array(‘jpg’, ‘gif’, ‘png’), 10000, false, 5000, 5000);
$objUpFile->addFile(‘画像’, ‘sample_image2′, array(‘jpg’, ‘gif’, ‘png’), 10000, false, 5000, 5000);
$objUpFile->addFile(‘画像’, ‘sample_image3′, array(‘jpg’, ‘gif’, ‘png’), 10000, false, 5000, 5000);
$objUpFile->addFile(‘画像’, ‘sample_image4′, array(‘jpg’, ‘gif’, ‘png’), 10000, false, 5000, 5000);
$objUpFile->addFile(‘画像’, ‘sample_image5′, array(‘jpg’, ‘gif’, ‘png’), 10000, false, 5000, 5000);
———————————-

・最大で5点のファイルを添付できます。点数を減らすには下記ファイルのアップロードエリア(div要素)に、CSSのdisplay:none; を設定します。

【PC】■data/Smarty/templates/default/contact/index.tpl
【スマホ】■data/Smarty/templates/sphone/contact/index.tpl
———————————-
<div style=”margin-bottom:10px; display:none;”>
<span class=”attention”><!–{$arrErr.sample_image5}–></span>
<!–{if $arrFile.sample_image5.filepath != “”}–>
———————————-

▼デモサイト
http://www.kaiplus.com/part/213_3/contact/
※ デモサイトでは添付できるファイルを画像に限定してます。

 ▼お問い合わせページに「添付ファイルアップロード」エリアを追加

001

▼ファイルをアップロード

002

▼確認ページ

003

▼添付ファイル付きのメールが送信される

004

 

▼スマホ:お問い合わせページ

005

▼ファイルをアップロード

006

▼確認ページ

007

 

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

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

このカスタマイズを現行サイトへ実装したい方はこちら

EC-CUBE:No.023 商品詳細ページに添付ファイル機能

このカスタマイズを現行サイトへ実装したい方はこちら

・添付ファイルは、html/upload/upload_fileフォルダに保存されます。(フォルダ新規作成)
・「現在のカゴの中」「購入確認ページ」「MYページ購入履歴」「メール本文」では、upload_fileフォルダのファイルを参照して表示されます。
・メールにファイルは添付されません。メール本文のファイルURLをクリックしてダウンロードします。
・ファイルの種類は限定していないので、画像や圧縮ファイル、アプリケーションファイル等、何でも添付(アップロード)できます。
・ファイルの種類を限定することも可能です。たとえば、画像(.png .jpg .jpeg .gif)など。
・画像サイズは長辺2000pxにリサイズされます。数値の変更は可能です。
・日本語名ファイルはアップロードできません。
・保存フォルダ(upload_file)に同じ名前のファイルが存在するときは添付できません。その際、エラーメッセージが表示されます。
・PCのみの対応です。スマホには対応していません。スマホ画面で「添付ファイルを送信する場合はPCから」等のコメントを表示して対応することになると思います。

 

▼デモサイト
https://www.kaiplus.com/part/213_3/products/detail.php?product_id=2

▼商品詳細ページ
001

続きを読む EC-CUBE:No.023 商品詳細ページに添付ファイル機能

EC-CUBEカスタマイズ版(2.13系)をさくらインターネットにインストール

EC-CUBE2.13.5カスタマイズ_レスポンシブWebデザイン_スタンダード版等
http://www.kaiplus.com/products/list.php?category_id=37
これらを、さくらインターネットの共用サーバ(ドメイン直下)にインストールする方法です。

★データベース(MySQL)はあらかじめ作成しておきます。

イメージと合わせてご覧ください。

001

続きを読む EC-CUBEカスタマイズ版(2.13系)をさくらインターネットにインストール

EC-CUBE3:インストール方法

1 データベースを作成

EC-CUBE3をインストールする前に、データベースを作成しておきます。
MySQLまたはPostgreSQL

2 EC-CUBE3アップロード

ダウンロードしたすべてのファイルをサーバにアップロードする必要はありません。
サーバにアップロードするファイルは次の通り。

app
html
src
vendor
autoload.php
cli-config.php
▼シェルスクリプトインストーラーを利用する場合
eccube_install.sh

001

続きを読む EC-CUBE3:インストール方法

EC-CUBE3:帳票出力プラグイン(納品書・見積書・請求書・領収書)

ダウンロードはこちら

このプラグインは、オーナーズストアの「帳票出力プラグイン」に修正を加えたプラグインです。
EC-CUBE3.0.5以降に対応。
修正ファイルは以下の通りです。
■app/Plugin/OrderPdf/Entity/OrderPdfOrder.php
■app/Plugin/OrderPdf/Form/Type/OrderPdfType.php
■app/Plugin/OrderPdf/Resource/doctrine/Plugin.OrderPdf.Entity.OrderPdfOrder.dcm.yml
■app/Plugin/OrderPdf/Service/OrderPdfService.php
■app/Plugin/OrderPdf/View/admin/order_pdf.twig

• 納品書、見積書、請求書、領収書を作成することができます。
• お届け先と配送方法も出力することが出来ます。
• 複数の配送先がある場合は、それぞれのお届け先、配送方法、配送商品を出力します。
• 「その他のお問い合わせ」を出力することができます。
• 「ロゴ画像」「印鑑枠」「その他のお問い合わせ」はチェックの有無により表示・非表示が可能です。

続きを読む EC-CUBE3:帳票出力プラグイン(納品書・見積書・請求書・領収書)

EC-CUBE+もしもドロップシッピング(CSV登録型):CSSによるデザイン変更(2)

ここでの内容は主に↓このページの機能等についての説明です。
http://kaijp.com/moshimo_sample/

ダウンロードページはこちら
http://www.kaiplus.com/

マニュアルはこちら
http://www.kaiplus.com/user_data/manual3/eccube-moshimo_manual.pdf

商品画像に枠線を設定するには、既に設定済みのimg_line.cssを利用することができます。

たとえば、商品詳細ページのメイン画像に枠線をつける場合は、下記のようにCSSのコメントアウトを外します。

/*▼メイン画像*/
/*
#detailphotobloc .photo img {
max-width:96%;
padding:1px;
border:#CCC 1px solid;
background: #FFF;
}
*/

/*▼メイン画像*/
#detailphotobloc .photo img {
max-width:96%;
padding:1px;
border:#CCC 1px solid;
background: #FFF;
}

003

004 続きを読む EC-CUBE+もしもドロップシッピング(CSV登録型):CSSによるデザイン変更(2)

EC-CUBE+もしもドロップシッピング(CSV登録型):レイアウト設定

ここでの内容は主に↓このページの機能等についての説明です。
http://kaijp.com/moshimo_sample/

ダウンロードページはこちら
http://www.kaiplus.com/

マニュアルはこちら
http://www.kaiplus.com/user_data/manual3/eccube-moshimo_manual.pdf

管理画面 デザイン管理>レスポンシブWebデザイン>レイアウト設定

009ブロックはお好みで配置してください。
「グローバルナビ」はphpファイル上で配置済みですので、配置する必要はありません。
デフォルトのページは4ページです。
「ページを新規入力」から新規ページを無数に作成できます。

続きを読む EC-CUBE+もしもドロップシッピング(CSV登録型):レイアウト設定

EC-CUBE:購入ボタンクリック時にカゴの中に遷移しないようにする

・商品一覧ページと商品詳細ページの「カゴに入れる」ボタンをクリックしたときに適用。
・PCのみで動作。スマホ、携帯には適用されない。
・カゴの中に商品が入ると、「カゴに商品が追加されました」というポップアップメッセージが表示され、約1秒で自動的に消える。
・規格を選択しないでカートボタンをクリックすると、「規格を選択してください」というポップアップメッセージが表示され、約1秒で自動的に消える。
・ポップアップの表示はCSSで、表示時間はJavaScriptで調整する。(どちらも、list.tpl、detail.tplに記述してある)。

 

カスタマイズを希望される方はこちらのページをご覧ください。
http://www.kaiplus.com/user_data/add_customize2.php#013

商品一覧ページ

商品に規格が設定されていて、規格を選択しないでカートボタンをクリックすると、「規格を選択してください。」というメッセージが表示されます。

001

規格の有無に関係なく、商品がカートに入ると「カゴに商品が追加されました。」というメッセージが表示されます。

002

続きを読む EC-CUBE:購入ボタンクリック時にカゴの中に遷移しないようにする