iframe に対応させたショッパーカートの表示について

[メニュー表示用スクリプト]

iframe 版ショッパーカートは、通常のカートで表示されているメニュー部分を、お客様が作成したHTML部分に組み込めるようにしたものです。
お客様の作成したページにデザインを合わせてもらえるよう構築されています。

メニュー表示用スクリプトは、以下のように使用します。
<script charset="shift_jis" src="/e-commex/cgi-bin/[xxxxxxxxx.cgi]?target=[yyyyy]"></script>

[xxxxxxxxx.cgi] = メニュー表示スクリプト用CGI(以下6点)

[A] ex_if_menu_new.cgi 新着商品リスト

[B] ex_if_menu_featured.cgi オススメ商品(手動設定)リスト

[C] ex_if_menu_hit.cgi 人気商品リスト

[D]ex_if_menu_category.cgi 分類リスト

[E] ex_if_disp_basket.cgi カート情報表示

[F] ex_if_disp_login_name.cgi ログイン情報表示

なお、商品表示系のスクリプトは、「ショップ全体の設定」を元に表示件数など決定します。
「表示しない」に設定されている場合はスクリプトを指定しても表示されません。
分類は、スマートフォン用カートと同様に折り畳み対応してあります(リンクになってない分類を押すと開きます)。

[iframe の指定]

[yyyyy] = iframe の名前:iframe につけた名前を指定します。

<iframe name="yyyyyy"></iframe>

iframe内のページを、iframe外のページから操作するためには、iframeに名前をつけ、iframe外のページのリンク(aタグ)にtarget指定してやる必要があります。
targetを指定することで、該当スクリプトから表示されるリンクのtargetを固定できます。

例:<iframe seamless="seamless" width="800" height="768" name="main" src="/e-commex/cgi-bin/ex_if_index.cgi"></iframe>

[スケルトンファイルの変更]

ifarame版のショッパーカートは、スケルトンファイル(.skl)を操作することでデザインを変更することが可能です。
スケルトンファイル(.skl)は、ショッパーカートのデータが保存されている「/data/e-commex/skeleton」フォルダ内にあります。
下記にて、どのファイルがどの画面に反映されるのかを解説します。
※ 操作に関しては、htmlおよびsklについての知識が必要です。
※ 操作内容に関しては責任を負いませんのでご了承ください。
▼「/data/e-commex/skeleton」フォルダ内のファイル
----------------------------------------------------
アドレス帳の登録・編集画面 ex_if_basic_css.skl
設定色を反映させるためのスケルトンです。
閉店画面 ex_if_close.skl
閉店画面のスケルトンです。
完了画面 ex_if_complete.skl
完了画面のページです。
カテゴリー一覧のページ ex_if_disp_category.skl
カテゴリー一覧画面のページです。
カテゴリー一覧の商品部分 ex_if_disp_category_row.skl
カテゴリー一覧ページの商品部分です。
特売一覧画面 ex_if_disp_event.skl
特売一覧画面です。
パスワード付き特売におけるパスワード入力画面 ex_if_disp_event_password.skl
パスワード付き特売におけるパスワード入力画面です。
特売一覧画面における、特売項目部分 ex_if_disp_event_row.skl
特売一覧画面における、特売項目部分です。
商品一覧画面 ex_if_disp_item.skl
商品一覧画面です。
商品詳細画面 ex_if_disp_item_detail.skl
商品の詳細画面です。
商品詳細画面での画像表示(すべてのイメージを表示) ex_if_disp_item_detail_image.skl
商品詳細画面での画像表示(すべてのイメージを表示)です。
商品詳細画面の商品詳細表示 ex_if_disp_item_detail_row.skl
商品詳細画面の商品詳細表示です。
商品一覧画面の項目部分 ex_if_disp_item_row.skl
商品一覧画面の商品項目部分です。
エラー表示画面 ex_if_err.skl
エラー表示画面です。
購入ヘルプ ex_if_help.skl
購入ヘルプページです。
購入ヘルプページ内「買い物履歴を利用する」ページ ex_if_help2.skl
購入ヘルプページ内「買い物履歴を利用する」のページです。
トップページ ex_if_index.skl
トップページ
トップページに表示される特売宣伝用 ex_if_index_event_row.skl
トップページに表示される特売宣伝用の項目です。
トップページに表示される新着宣伝用 ex_if_index_item_row.skl
トップページに表示される新着宣伝用の項目です。
購入途中で販売停止・在庫切れ等のエラー表示 ex_if_info2.skl
購入途中で販売停止・在庫切れ等のエラー表示です。
商品問い合わせ ex_if_inquire_item.skl
商品問い合わせのページです。
商品問い合わせ確認 ex_if_inquire_preview.skl
商品問い合わせ確認です。
商品問い合わせ完了 ex_if_inquire_sendback.skl
商品問い合わせ完了画面です。
法定表記 ex_if_law.skl
法定表記のページです。
メニューバー ex_if_menubar.skl
メニュー周りの設定です。
支払い方法の詳細 ex_if_payment.skl
支払い方法の詳細です。
支払い方法の詳細 ex_if_help_payment_bank.skl
「お支払方法」での銀行振込口座表示部分
支払い方法の詳細 ex_if_help_payment_postal.skl
「お支払方法」での郵便振替口座表示部分
個人情報保護 ex_if_privacy.skl
個人情報保護についてのページです。
購入最終確認画面 ex_if_purchase_checkout.skl
購入の最終確認画面です。
銀行振込口座表示 ex_if_purchase_bank.skl
「お買い物最終確認画面」での銀行振込口座表示部分です。
郵便振替口座表示 ex_if_purchase_postal.skl
「お買い物最終確認画面」での郵便振替口座表示部分です。
購入画面注意表示(数量限定商品) ex_if_purchase_display_caution.skl
購入の画面注意表示(数量限定商品)です。
購入画面注意表示(予約商品) ex_if_purchase_display_caution2.skl
購入の画面下部注意表示(予約商品)です。
購入ポイント使用表示 ex_if_purchase_display_point.skl
購入のポイント使用表示です。
購入完了画面 ex_if_purchase_finish.skl
購入の完了画面
配送日時指定画面 ex_if_purchase_howto.skl
購入時の配送日時指定画面です。
カートの中身画面 ex_if_purchase_list.skl
カートの中身画面です。
カートの中身商品項目部分 ex_if_purchase_list_row.skl
カートの中身の商品項目部分の設定です。
購入支払い方法指定画面 ex_if_purchase_payment.skl
購入時の支払い方法指定画面です。
購入請求先(会員購入時) ex_if_purchase_sendto.skl
購入時の請求先(会員購入時)
購入請求先指定(ゲスト購入時) ex_if_purchase_sendto2.skl
購入時の請求先指定(ゲスト購入時)
購入配送先指定 ex_if_purchase_sendto_another.skl
購入時の配送先指定
購入履歴一覧 ex_if_sales_refer.skl
購入履歴一覧ページです。
購入履歴詳細 ex_if_sales_refer_detail.skl
購入履歴詳細です。
履歴購入時 注意表示(在庫切れなど) ex_if_sales_refer_detail_info.skl
履歴から購入時 注意表示(在庫切れなど)画面です。
上記送付先に表示される、送付先別商品リストの一列 ex_if_sales_refer_row.skl
購入履歴一覧の項目部分です。
検索結果 ex_if_search_result.skl
検索結果の画面です。
検索結果項目部分 ex_if_search_result_row.skl
検索結果の項目部分
詳細検索 ex_if_search_top.skl
詳細検索の画面です。
購入と同時にログインもしくは会員登録 ex_if_user_customer3.skl
購入と同時にログインもしくは会員登録を行うページです。
会員登録完了 ex_if_user_customer_complete.skl
会員登録の完了画面です。
会員新規登録画面 ex_if_user_customer_create.skl
会員の新規登録画面です。
会員編集画面 ex_if_user_customer_edit.skl
会員情報の編集画面です。
ログイン画面 ex_if_user_customer_login.skl
ログイン画面です。
パスワードリマインダー画面 ex_if_user_customer_remainder.skl
パスワードリマインダー画面です。

Copyright ASJ Inc. All rights reserved.