このページでは、【スマートフォン用デザイン】の新規作成方法を説明します。

また、スマートフォン最適化の設定を行うと、スマートフォンに最適化されたテンプレートが適用されます。
新たにスマートフォンショップを構築する必要はありませんのでおすすめです。

スマートフォンショップに関する基本事項

スマートフォンショップのURLは？

URLは、ショップのURLと同じです。スマートフォンからショップへアクセスすると、自動的にスマートフォンショップ画面を表示するよう設定が可能です。

スマートフォンショップの容量は？

お客様が利用されているディスクスペース200MBに含まれます。

スマートフォンショップにて対応している端末は？

iPhone、iPod touch、アンドロイド端末に対応しておりますが、全ての端末での表示・動作を保障しておりません。予めご了承ください。

スマートフォン表示の設定

スマートフォン用デザイン利用設定画面を開く

初期設定では、スマートフォンからショップへアクセスすると、PC版ショップが表示されます。
初めてスマートフォン最適化設定を行う場合は、まずスマートフォンテンプレートのダウンロードが必要です。
テンプレートのダウンロードを行うと、スマートフォン最適化設定ができるようになります。

テンプレートのダウンロードのみを行った状態では、スマートフォン最適化はされません。
表示された画面中央の『スマートフォン用デザインのテンプレート選択画面はこちら』をクリックしてください。

「スマートフォン用デザイン利用設定」を解説した動画もあわせてご覧ください。

スマートフォンショップ用の各種設定について

スマートフォンで表示されるショップの設定は、基本的にPC版ショップの設定に準じます。
各設定内容などは以下のとおりです。

スマートフォン表示時のショップのURL
- 全デバイス共通
ショップの開店状態、開店時の表示コメント
- PCショップの設定に準ずる（開店・閉店設定）
商品情報（画像、説明テキスト）
- PCショップ用の画像と商品説明テキストが表示（商品一覧）
会員機能
- PCショップの設定に準ずる（会員専用ページ設定）
受注メール等の設定
- スマートフォン・PC・タブレット向けに設定された内容（メール内容設定）
決済方法
- スマートフォンに最適化（決済方法設定）
- イプシロンの各種決済サービスは、PC＋携帯電話版のご契約が必要
配送方法
- スマートフォンに最適化（配送方法設定）

「PC版表示」について

デザインページにて、「利用中のテンプレート」がレスポンシブテンプレートである場合、スマートフォン用のテンプレートを設定いただかなくとも「PC版表示」にチェックをいれていただければ、管理者デザインページにて設定しているテンプレートがスマートフォンに最適化されたかたちで表示されます。

テンプレートをカスタマイズする場合は、PC用テンプレートのみの編集で問題ございませんが、お問い合わせページについてはスマートフォン用のテンプレートが適用されます。そのため、PC版表示設定をされている方で、スマートフォンから閲覧した際のお問い合わせページのカスタマイズを行いたい場合はスマートフォン用デザイン　の「8.お問い合わせのCSSの調整」を行ってください。

スマートフォン用テンプレートをダウンロード

スマートフォン用デザイン画面が表示されますので、【デザインテンプレート追加】ボタンをクリックします。

テンプレートを選択

使用するテンプレートを選び、【追加】ボタンをクリックします。

確認

アラートが表示されたら、【OK】ボタンをクリックします。

テンプレートのダウンロードが完了

テンプレートのダウンロードが完了すると、完了画面が表示されます。
『戻る』をクリックすると、「スマートフォンショップ　テンプレート一覧」画面へ移動します。

テンプレート一覧に追加

先ほど選択したテンプレートが一覧に追加されました。
緑色の『Preview』ボタンを押すと、スマートフォン最適化テンプレートでの表示を確認することができます。
続いて、スマートフォンで閲覧した場合に、最適化表示が自動表示されるように、『スマートフォン用デザイン利用設定』を行います。
画面左メニューの『スマートフォン用デザイン利用設定』メニューをクリックしてください。

『スマートフォン用デザイン画面』の詳細は、以下のマニュアルページにてご確認ください。
【スマートフォン用デザイン -スマートフォンデザイン】はこちら

表示モードを選択

スマートフォン用デザイン利用設定をします。
初期設定では、スマートフォンからショップへアクセスすると、PC版ショップが表示されます。
スマートフォン最適化ページを表示させる場合は、『スマートフォン最適化』を選択し、【更新】ボタンをクリックします。

確認

更新確認のアラートが表示されますので、【OK】をクリックします。

設定が完了

スマートフォン用デザイン利用設定が変更されました。