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

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

▽カスタマイズ内容

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

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

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

001

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

EC-CUBE3カスタマイズ:No.020 GoogleMapを商品詳細ページに表示する

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

▽カスタマイズ内容

・商品登録画面でGoogleMapの緯度・経度を登録します。
・入力例) 34.683652,135.491531
・表示しない、または削除する場合は、空欄で登録します。
・商品詳細ページで表示されます。

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

▼商品登録画面でGoogleMapの緯度・経度を登録

・入力例) 34.683652,135.491531
・表示しない、または削除する場合は、空欄で登録します。

001

続きを読む EC-CUBE3カスタマイズ:No.020 GoogleMapを商品詳細ページに表示する

EC-CUBE3カスタマイズ:No.019 YouTube動画を商品詳細ページに表示する

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

▽カスタマイズ内容

・商品登録画面でYouTubeのアドレスを登録します。
・http://www.youtube.com/watch?v=xxxxxxxxxxx ←xxxxxxxxxxxのみを登録
・表示しない、または削除する場合は、空欄で登録します。
・商品詳細ページで表示されます。

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

▼商品登録画面、YouTube登録

・http://www.youtube.com/watch?v=xxxxxxxxxxx ←xxxxxxxxxxxのみを登録
・表示しない、または削除する場合は、空欄で登録します。

001

続きを読む EC-CUBE3カスタマイズ:No.019 YouTube動画を商品詳細ページに表示する

EC-CUBE3カスタマイズ:No.018 商品ごと、カテゴリーごとに、titleタグ・metaタグを設定する(SEO対策)

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

▽カスタマイズ内容

・商品管理>商品登録、商品管理>カテゴリ編集に「SEO設定」入力エリアを設置。
・商品詳細ページと商品一覧(カテゴリ)ページに反映される。
・未入力の場合は、コンテンツ管理>ページ管理のmeta設定が反映される。
・titleが未入力の場合は、商品名、カテゴリ名が先に表示される。
商品詳細ページ「商品名 / サイト名」
商品一覧ページ「カテゴリ名 / サイト名」

▽デモサイト
http://kaiplus.com/part/eccube3-4/products/detail/1(商品詳細ページ)
http://kaiplus.com/part/eccube3-4/products/list?category_id=1(商品一覧ページ)

▼商品管理>商品登録

[SEO設定]をクリックすると、入力エリアが展開します。

001

 ↓

002

続きを読む EC-CUBE3カスタマイズ:No.018 商品ごと、カテゴリーごとに、titleタグ・metaタグを設定する(SEO対策)

EC-CUBE3カスタマイズ:No.017 商品一覧(カテゴリ)ページにコンテンツ作成(TinyMCE利用)

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

▽カスタマイズ内容

・商品管理>カテゴリ登録に入力エリアを設定
・画像を登録際、画像サイズはアップロードする画像の実寸(横・縦)を必ず入力して登録する。
・コンテンツエリアのレイアウト調整はCSSで行う。

▽デモサイト
http://kaiplus.com/part/eccube3-1/products/list?category_id=1

▼商品管理>カテゴリ登録に入力エリアを設定

001

続きを読む EC-CUBE3カスタマイズ:No.017 商品一覧(カテゴリ)ページにコンテンツ作成(TinyMCE利用)

EC-CUBE3カスタマイズ:No.016 商品一覧(カテゴリ)ページに画像とコメントを表示する

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

▽カスタマイズ内容

・商品管理>カテゴリ登録で、コメントを入力し、画像をアップロードします。
・コメント、画像ともに必須ではありません。
・画像はリネームされて、商品画像と同様[■html/upload/save_image]に保存されます。

▽デモサイト
http://kaiplus.com/part/eccube3-2/products/list?category_id=4

▼商品管理>カテゴリ登録で、コメントを入力し、画像をアップロードします。

・コメント、画像ともに必須ではありません。
・画像はリネームされて、商品画像と同様[■html/upload/save_image]に保存されます。

001

 

続きを読む EC-CUBE3カスタマイズ:No.016 商品一覧(カテゴリ)ページに画像とコメントを表示する

EC-CUBE3カスタマイズ:No.015 商品カテゴリーブロックの画像メニュー

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

▽カスタマイズ内容

・商品管理>カテゴリ登録で、画像をアップロードします。
・画像はリネームされて、商品画像と同様[■html/upload/save_image]に保存されます。
・CSSにより、表示される画像にはレスポンシブを適用していません。
・EC-CUBEデフォルト状態の最大幅1150pxで、画像を登録することもできます。
・画像を登録しない場合は、カテゴリ名が表示されます。
・「商品カテゴリー」ブロックは新規作成。

▽デモサイト
http://kaiplus.com/part/eccube3-1/products/list?category_id=7

▼商品管理>カテゴリ登録で、画像をアップロードします。

・画像はリネームされて、商品画像と同様[■html/upload/save_image]に保存されます。
・CSSにより、表示される画像にはレスポンシブを適用していません。
・EC-CUBEデフォルト状態の最大幅1150pxで、画像を登録することもできます。

001

続きを読む EC-CUBE3カスタマイズ:No.015 商品カテゴリーブロックの画像メニュー

EC-CUBE3カスタマイズ:No.014 注文合計金額に応じて割引する

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

▽カスタマイズ内容

・割引設定は、基本情報設定 > ショップマスターで行います。
・「有効」を登録すると稼働します。
・割引方法は「%」「円」から選択できます。
・合計金額の対象範囲は、10段階で設定できます。10段階すべて設定する必要はありません。
・対象範囲は上から順に登録しなければいけません。つまり(1)から順に途中を空けないで登録します。
・(1)から金額の低い順に登録します。
・最後に登録する範囲の「未満」欄は空欄にします。
・「合計金額に応じた割引」ブロックを適当なページに配置します。
たとえば、
■商品一覧ページ→#main_bottom
■商品詳細ページ→#main_bottom
■現在のカゴの中→#side_right
・「ご注文内容のご確認」ページでは合計エリアの下にブロックが読み込まれるので、配置は不要です。

▽デモサイト
http://kaiplus.com/part/eccube3-3/products/list?category_id=2

▼割引設定は、基本情報設定 > ショップマスターで行います。

「有効」を登録すると稼働します。
割引方法は「%」「円」から選択できます。

001

続きを読む EC-CUBE3カスタマイズ:No.014 注文合計金額に応じて割引する

EC-CUBE3カスタマイズ:No.013 特定の支払い方法に値引きを設定する

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

▽カスタマイズ内容

・銀行振り込み時の手数料など、手数料から値引き分を引くことができます。
・基本情報設定 > 支払方法設定 一覧に「値引き」欄が表示されます。
・登録・編集画面で値引き額(円または%)を設定します。
・ご注文のご確認ページで、値引きが設定されている支払方法を選択すると、手数料から値引き分を引いて再計算されます。
・メールの「手数料」がマイナスで表示されます。

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

銀行振り込み時の手数料など、お客様に負担をかける分として値引きを設定することができます。

▼基本情報設定 > 支払方法設定 一覧に「値引き」欄が表示されます。

001

続きを読む EC-CUBE3カスタマイズ:No.013 特定の支払い方法に値引きを設定する

EC-CUBE3カスタマイズ:No.012 商品・項目プルダウンお問い合わせフォーム

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

▽カスタマイズ内容

・お問い合わせ内容に「お問い合わせ項目」がプルダウンで表示されます。
・「お問い合わせ項目」はマスターデータ管理[mtb_contact_option]で登録します。
・商品詳細ページの「この商品へのお問い合わせ」をクリックすると、その商品に対応したお問い合わせ画面が開きます。
・メールに反映されます。

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

▼お問い合わせ内容に「お問い合わせ項目」がプルダウンで表示されます。

001

続きを読む EC-CUBE3カスタマイズ:No.012 商品・項目プルダウンお問い合わせフォーム