よくある質問
スマートフォンでPC向けショップを表示した後に再度、モバイル向けショップを表示する方法。
投稿者: 有水 孝美 on 2012年10月01日 05:45 PM

CS-Cart日本語版バージョン3でTwigmoアドオンを利用するとスマートフォン向けショップページを表示することが可能ですが、通常の設定ではPC向けショップページを表示するとモバイル向けショップページに戻すことが出来ません。

再度、モバイル向けショップページを表示する方法としては、ブロック機能を利用してPC向けショップページのフッターにモバイル表示用のリンクを作成します。

管理画面 > デザイン > ブロック をクリックしてページ要素「デフォルト」を開きます。

ブロック管理画面01

画面を最下段までスクロールしてボトムグリッドの「+」アイコンをクリックして「グリッドの追加」をクリックします。

ブロック管理画面02

グリッドの追加ウインドウが表示されますので横幅に16を設定し保存ボタンをクリックします。
※)グリッドの最大横幅は親となるボトムグリッドの大きさにより異なります。

次に追加したグリッドの「+」アイコンをクリックして「ブロックの追加」をクリックします。
ブロック管理画面03

追加ウインドウが表示されますので「ブロックの追加」タブをクリックして「HTMLブロック」をクリックします。
ブロック管理画面04

続けてブロックの追加ウインドウが表示されますので「一般」タブにブロックの名称を入力します。
ブロック管理画面05

ブロックの名前を入力したら「コンテンツ」タブをクリックします。WYSIWYGエディタが表示されますのでエディタ右上の「HTML」アイコンをクリックして「ソースエディタモード」で、以下のHTMLを入力して「登録」ボタンをクリックします。
ブロック管理画面06
※)ソースエディタで入力するHTMLコードの例。

<span style="font-size: 140%;">
<a href="http://www.your_domain_name.com/?mobile">モバイル向けショップページ</a>
</span>

ブロック管理画面07

 

以上でショップページのフッターに「モバイル向けショップページ」のリンクが表示されます。
ショップ画面サンプル

(1 投票する)
参考になった
参考にならなかった

コメント (0)
コメントの新規投稿
 
 
お名前:
メールアドレス:
コメント: