テンプレート選択(スマートフォン版HTML5テンプレート)
テンプレート選択
スマートフォン版で、XHTMLテンプレートからHTML5テンプレートに変更できます。スマートフォン版HTML5テンプレートを使用する場合は、【スマートフォン】→【テンプレート選択】→「テンプレート」にて、「HTML5テンプレート」を選択してください。
XHTMLテンプレートからHTML5テンプレートに変更する場合、移行モードをご用意しています。
移行モードを使用すると、これまで使用していたテンプレート(XHTMLテンプレート)でショップを公開したまま、HTML5テンプレートの編集ができます。
移行モードを使用する場合は、「XHTMLテンプレートからの移行モードを利用する」にチェックをつけてください。
移行モードについて
移行モードの詳細については、下記FAQをご参照ください。
◆移行モードについて(スマートフォン版HTML5テンプレート)
https://www.ocnk.net/faq/index.php?action=faq&id=1124
https://www.ocnk.net/faq/index.php?action=faq&id=1124
HTML5テンプレートが表示されますので、ご希望のテンプレートを選択し、「設定処理を完了する」をクリックしてください。
パソコン版の契約がある場合には、タブレットでショップを表示した際に、スマートフォン版HTML5テンプレートが画面幅に最適化された表示になります。
「タブレットでパソコン版を表示する (iPad, Android)」にチェックをつけると、タブレットでショップを表示した際に、 [HTML5テンプレート]パソコン用 が表示されます。
![](/img/faq/new/template_ph_01.jpg)
XHTMLテンプレートとHTML5テンプレートの表示の違いについて
ショップページ側の違い
アイコンが増え、見た目や操作が変わります。
![](/img/faq/new/template_ph_02.jpg)
管理画面側の違い
【スマートフォン】タブ内のメニュー名および内容が一部変わります。
スマートフォン版HTML5テンプレートでは、下記のメニューが追加されます。
HTML5テンプレート使用時のメニュー |
![]()
|
スマートフォン版HTML5テンプレートでの管理画面メニューの詳細については、下記FAQをご参照ください。
◆配置/画像/コメント(スマートフォン版HTML5テンプレートメニュー)
https://www.ocnk.net/faq/index.php?action=faq&id=1136
https://www.ocnk.net/faq/index.php?action=faq&id=1136
◆ポップアップメニュー設定(スマートフォン版HTML5テンプレートメニュー)
https://www.ocnk.net/faq/index.php?action=faq&id=1130
https://www.ocnk.net/faq/index.php?action=faq&id=1130
◆メニューアイコン設定(スマートフォン版HTML5テンプレートメニュー)
https://www.ocnk.net/faq/index.php?action=faq&id=1133
https://www.ocnk.net/faq/index.php?action=faq&id=1133
◆商品一覧ページ設定(スマートフォン版HTML5テンプレートメニュー)
https://www.ocnk.net/faq/index.php?action=faq&id=1140
https://www.ocnk.net/faq/index.php?action=faq&id=1140
◆商品詳細ページ設定(スマートフォン版HTML5テンプレートメニュー)
https://www.ocnk.net/faq/index.php?action=faq&id=1142
https://www.ocnk.net/faq/index.php?action=faq&id=1142
◆トップページ商品コンテンツ設定(スマートフォン版HTML5テンプレートメニュー)
https://www.ocnk.net/faq/index.php?action=faq&id=1138
https://www.ocnk.net/faq/index.php?action=faq&id=1138
ショッププレビュー
HTML5テンプレートを適用すると管理画面サイドメニューに「プレビュー」が表示されます。
こちらをクリックして、各デバイス等で閲覧した場合の表示を確認できます。
![](/img/faq/new/template_ph_04.jpg)
※プレビューは目安としてご利用ください。なお、リロードしても現ページのプレビューを保持することはできません。