Live Commerce for iPhone

出典: Live Commerceドキュメント

Live Commerce for iPhone プラグインはLive CommerceをiPhone端末から専用のテーマで閲覧することができるLive Commerceのテーマです。


目次

インストール方法

  1. Live CommerceストアからiPhone.zip というファイルをダウンロードしデスクトップ上に保存して解凍します。

解凍ソフトはこちら

  1. 解凍すると、[iPhone]と[iPhone_theme]という２つのフォルダが表示されます。
  2. iPhoneフォルダを /公開ディレクトリ(public_html)/resources/plugin/GP/ にフォルダごとアップロードします。
  3. iPhone_themeフォルダを /公開ディレクトリ(public_html)/resources/c_media/themes/ にフォルダごとアップロードします。
  4. 以上でインストールは完了です。


プラグインを有効化する

  1. Live Commerceの管理画面にログインし、機能管理　>　共通プラグイン　をクリックします。
  2. iPhoneサイト設定プラグイン を一覧にあることを確認して、有効化 をクリックしてプラグインを有効化します。
  3. ページ設定 > iPhoneサイト設定プラグイン　をクリックして、設定を開始します。


設定

iPhoneでの運用に関する設定を行います。


表示設定

iPhoneテーマで表示可能な機能についての表示/非表示を設定します。

  • 文字コード - iPhoneのテーマに適用させるHTMLの文字コードを指定します。初期設定はutf-8となっています。通常この値は変更しないでください。
  • 各種表示 - iPhoneのテーマに表示させたい各機能を指定できます。表示させたい場合は、チェックボックスにチェックを入れてください。
  • 言語・通貨の表示 - 多言語対応のECサイトに言語と通貨を項目を２つともチェックを入れてください。チェックを入れた場合、ページ下部に共通して表示されるメニューの中にある[ご案内]アイコンをクリック後、表示されるページに言語と通貨を変更できるメニューが表示されます。


コンテンツ設定

iPhoneテーマ専用のコンテンツを作成します。初期インストール状態でフリーページには既にデータが入っています。

  • 共通フッター - 全ページで共通して表示される部分です。HTMLタグを利用して編集できます。
  • トップページ - トップページのみで表示される部分です。
  • フリーページ - iPhone用の専用コンテンツページを最大10ページ作成できます。リンク名にはメニューのタイトルを、本文には<body..タグを含むHTMLソースを登録します。フリーページは ページ下部に共通して表示されるメニューの中にある[ご案内]アイコンをクリックすると表示されます。


メール設定

  • 注文メール本文 - iPhoneテーマに適用させる注文メール内容を編集できます。


テーマ

  • 利用するテーマ - iPhoneテーマに適用させるテーマを指定します。初期設定はiPhone_themeとなっています。通常この値は変更しないでください。

その他設定

  • アクセス対象のユーザーエージェント - iPhoneのテーマを適用させるためのブラウザのユーザーエージェントに含まれる文字列を指定します。通常この値は変更しないでください。


カスタマイズ

Live Commerce for iPhone を利用したカスタマイズ方法について説明します。以下の編集を行うには、HTML、CSSの知識が必要です。

デザインカスタマイズ

全体のデザインを再定義する
スタイルシートを変更します。 iPhone_theme/stylesheets/iphone.css を開きCSSを再定義してください。


トップページを編集する
iPhone_theme/stylesheets/default.php を開き29行目以降のHTMLタグを編集してください。テーマファイルがそれぞれどのページを担当しているかはこちらを参照してください。


デザインパターンを変更する
Live Commerce for iPhoneはiPhone専用のHTMLフレームワークが使われています。各テーマファイルにはこのデザインパターンが適用されています。このパターンファイルを基本にさまざまなページに適用させることができます。見本を見る

システムカスタマイズ

多言語に対応させる
iPhone_theme/lang/言語ファイル名.php を開き追加したい文言をconstタグで追加し、それぞれの言語ファイルに追加したconstタグを挿入します。これによって追加した文言はiPhoneテーマ内の好きな個所で利用できます。 
//例.　こんにちは　という文言をiPhoneテーマに追加して多言語対応させる場合。
//iPhone_theme/lang/ja.php を開き以下のソースを追加する
    const TEXT_HELLO = 'こんにちは';
 
//iPhone_theme/lang/en.php を開き以下のソースを追加する
    const TEXT_HELLO = 'Hello';
 
//iPhone_theme/lang/zh.php を開き以下のソースを追加する
    const TEXT_HELLO = '你好';
 
//iPhone_theme/lang/zh-TW.php を開き以下のソースを追加する
    const TEXT_HELLO = '你好';

上記の作業で追加したテキストは次のタグを利用してiPhone_theme内で呼び出せます。表示結果はユーザーが選択中の言語で定義された文言が表示されます。 

    <?php echo iPhoneText::TEXT_HELLO; ?>


決済・配送プラグインをiPhone専用に固定する
決済プラグインの開発ドキュメントにあるプラグインの有効なデバイスを指定する を参照してください。
iPadに対応させる
iPhone_themeをリネームし、iPadとしてconfig,phpに記載されている情報をipad用に書き換えテーマディレクトリにアップロードします。
"http://doc.live-commerce.com/index.php/Live_Commerce_for_iPhone" より作成