売るノウハウHTMLテンプレートスマホなんでも商品ランキングお気に入りに追加するバッタに似てる人っていませんか?オガリア中村です。今日はスマホ版楽天ショップのカテゴリページにある、「カテゴリを絞りこむ」デザインを「お買い物しやすく」カスタマイズしていきます!もちろんHTMLのコピペでOK!画面が小さく、一度に見せられる情報量が限られるスマホで、いかにスペースを有効活用してお客様を”心地よく”回遊させるか考えてみました。初期のスマホ版カテゴリページは・・・こんな感じ。下位カテゴリ一覧はタップしないと見れません。タップして開いた場合下位カテゴリの一覧が大きく、カテゴリ全体を認識し辛く感じます。アパレル系商材や家電商材など、カテゴリ階層が深くなり易いショップでは回遊し辛くなるのではと思います。デモ2デザインを用意しました。以下を意識しています。下位カテゴリを初期状態から表示させるただし邪魔にならない様に、サイズを小さくする「デザイン1」は、楽天市場の商品ページに表示されるカテゴリタグと同じデザインにしました。下位カテゴリの量が「少ない」ショップ様におすすめ。「デザイン2」は、アパレル系のネットショップでよく見かけるデザインを真似てみました。下位カテゴリの量が「多い」ショップ様におすすめ。(フルバージョンの無料体験はこちらから)CSSを取得する※先ほどの「下位カテゴリ一覧をタグっぽく表示する」CSSとは併用できません。CSSファイルを作成するコピーしたCSSで「.css」ファイルを作成し、楽天GOLDサーバにアップロードしましょー!CSSをメモ帳に貼り付けます。「style.css」という名前で”名前をつけて保存”します。(※違うファイル名でもOK)楽天GOLDに接続し、「style.css」をアップロードします。楽天GOLDへ接続した事がない場合は、RMSカスタマーサポートへ聞けば教えてもらえます~。style.cssのアップロード先はどこでも構いません。ちなみに私は、楽天GOLD内にスマホ専用のフォルダ(「sp」とか名前をつける)を作ってその中にアップロードしてました。style.cssのURLを確認します。)HTMLをRMSに貼り付ける次のHTMLをコピーして、赤文字の箇所をCSSファイルのURL(さっき確認したやつ)に書換えます。HTMLを書換えたら、次の場所に貼り付けましょー!これで完了です!RMSメインメニューに入ります。共通パーツ設定」に入ります。人気カテゴリには、カテゴリ内で引きの強い「目玉商品」コーナーを設けると更に回遊率がアップ!ogaRiaサービス「スマホなんでも商品ランキング」を使えば、管理画面から商品を数点ピックアップするだけでコーナーを作成!わざわざHTMLを貼り替えなくても、管理画面から商品の更新が都度可能です。元楽天ショップ店長やってました。歩くときに他人との距離感が掴めないところがあり、よくオジサンのかかとを踏んでしまいます。3コメント*内容をご確認の上、送信してください。Us[株式会社オーガランド]現在24のネットショップを運営する鹿児島の企業です。販促支援システムを提供する「ogaRia(オガリア)」サービスを運営しています。株式会社オーガランド。