スマートフォン-表示モード設定

このページでは、【スマートフォンショップ】の新規作成方法を説明します。

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

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

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

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

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

お客様がご利用なさっている「カラーミーショップ」のディスクスペース200MBに含まれます。

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

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

PCショップのみでイプシロン決済を導入している方への注意点

モバイルショップ及びスマートフォンからのアクセス時にイプシロン決済をご利用いただく場合は、PCショップ用のご契約とは別に、『Epsilon(イプシロン)携帯電話利用』のご契約が必要です。

イプシロンの携帯電話利用契約を行っていない場合、スマートフォンからショップにアクセスすると、決済時にエラーとなりますのでご注意ください。

下記ページにて、編集・確認することができます。

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

スマートフォン表示モード設定画面を開く

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

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

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

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

  • スマートフォン表示時のショップのURL
    • 全デバイス共通
  • ショップの開店状態、開店時の表示コメント
  • 商品情報(画像、説明テキスト)
  • 会員機能
  • 受注メール等の設定
  • 決済方法
    • スマートフォンに最適化(決済方法設定
    • イプシロンの各種決済サービスは、PC+携帯電話版のご契約が必要
  • 配送方法

「PC版表示」について

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

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

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

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

テンプレートを選択

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

確認

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

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

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

テンプレート一覧に追加

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

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

表示モードを選択

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

確認

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

設定が完了

スマートフォン表示モード設定が変更されました。