• 文字サイズ


解決済

スマホ フローティング部分の質問

  • 相談者:非公開
  • 2016/06/06 15:53
お世話になっております。

スマホの売上が芳しくなく、
フローティングヘッダーの設置を検討しています。
ヘッダー表示項目も、これから検討中です。

過去フォーラムを拝見させていただき、
ある程度まではできたのですが、下記うまくいかず、質問させていただきました。

・フローティングヘッダー2段目、tableで記載している文字が中央寄せにならない。
・検索窓が、フローティングヘッダーの上を過ぎていく。
・メニューを表示させる方法が分からない。
  http://item.rakuten.co.jp/●●●/●●●/ の、三本横線をタップしたときのイメージです。
・PCサイトにジャンプするための書き方、<a href="・・・">の、"・・・"が分からない。
  http://item.rakuten.co.jp/●●●/●●●/ の、"PC"アイコンをタップしたときのイメージです。


カテゴリページのスマホ部分に貼り付けたコードは↓です。

=============================
<link rel="stylesheet"     
href="http://www.rakuten.ne.jp/gold/"店舗"/smartphone/common.css">
<div   
class="spFixedBanner">
<a href="http://www.rakuten.co.jp/"店舗"/"><img src="http://image.rakuten.co.jp/"店舗"/cabinet/top/top_smartphone/smp_headerkyowa.gif" height="30"></a>

<table width="100%" border="0" cellspacing="1" bgcolor="#ffffff" align="center"><tr>
<td width="25%" height="40px" bgcolor="#2D170F" align="center"><a href="http://item.rakuten.co.jp/"店舗"/c/"><font color="#FFFFFF">カテゴリ一覧</font></a></td>
<td width="25%" height="40px" bgcolor="#2D170F" align="center"><a href="http://search.rakuten.co.jp/search/inshop-mall/-/-/sid.310376-st.A"><font color="#FFFFFF">商品一覧</font></a></td>
<td width="25%" height="40px" bgcolor="#2D170F" align="center"><a href="http://www.rakuten.co.jp/"店舗"/info2.html"><font color="#FFFFFF">決済・配送</font></a></td>
<td width="25%" height="40px" bgcolor="#2D170F" align="center"><a href="https://sp.basket.step.rakuten.co.jp/rms/mall/bss/cartempty/"><font color="#FFFFFF">買い物かご</font></a></td>
</tr>
</table>
</div   
>

<div   
class="spFixedBanner_left">
<a href="http://www.rakuten.co.jp/"><img src="http://image.rakuten.co.jp/"店舗"/cabinet/top/top_smartphone/smp_header_menu.gif" height="25"></a>
<a href="http://search.rakuten.co.jp/search/mall/?sid=310376"><img src="http://image.rakuten.co.jp/"店舗"/cabinet/top/top_smartphone/smp_header_search.gif" height="25"></a>
</div   
>
<div   
class="spFixedBanner_right">
<a href="http://www.rakuten.co.jp/"店舗"/"><img src="http://image.rakuten.co.jp/"店舗"/cabinet/top/top_smartphone/smp_header_pc.gif" height="25"></a>
<a href="https://sp.basket.step.rakuten.co.jp/rms/mall/bss/cartempty/"><img src="http://image.rakuten.co.jp/"店舗"/cabinet/top/top_smartphone/smp_header_cart.gif" height="25"></a>
<a href="http://www.rakuten.co.jp/"><img src="http://image.rakuten.co.jp/"店舗"/cabinet/top/top_smartphone/smp_header_rakuten.gif" height="25"></a>
</div   
>

<div   
class="spFixedBanner_search">
<form ="" method="get" action="http://esearch.rakuten.co.jp/rms/sd/esearch/vc">
<input ="" type="hidden" name="sv" value="6">
<input ="" type="hidden" name="sid" value="ショップID">
<input ="" type="hidden" name="su" value=""店舗"">
<input ="" type="hidden" name="sn" value="店舗名">
<input ="" type="hidden" name="f" value="A">
<input ="" type="hidden" name="e" value="1">
<input ="" type="text" name="sitem"style="background:#ffffff;height:35px;width:75%;font-size:15px;border: 3px solid #2D170F;" placeholder="何をお探しですか?">
<input ="" type="submit" value="検索"style="background:#2D170F;color: #ffffff;font-weight: bold;height:42px;width:22%;font-size:15px;border: 3px solid #2D170F;">
</form ="">

</div   
>
=============================

上記、不足、不備などありましたら
申し訳ございませんがご連絡ください。

どうぞ、よろしくお願いいたします。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2016/06/06 17:39
ECマスターズの田中です。


>・フローティングヘッダー2段目、tableで記載している文字が中央寄せにならない。

楽天が読み込んでいるCSSファ………(省略)………
  • 返信者:非公開(質問者)
  • 2016/06/06 18:22
ご回答ありがとうございます。


>・フローティングヘッダー2段目、tableで記載している文字が中央寄せにならない。
⇒できました。
 ありがとうご………(省略)………
  • 返信者:非公開
  • 2016/06/06 23:32
ECマスターズの田中です。

>・検索窓が、フローティングヘッダーの上を過ぎていく。
検索窓が、各ヘッダー用パーツの下を通るようにしたいということですね。………(省略)………
  • 返信者:非公開(質問者)
  • 2016/06/07 09:04
お忙しいところご回答いただきありがとうございます。

>・検索窓が、フローティングヘッダーの上を過ぎていく。
⇒できました。
 ありがとうございます。 ………(省略)………
  • 返信者:非公開
  • 2016/06/07 18:08
ECマスターズの田中です。


>1)
>どのようにすればリンクが生きるようになりますでしょうか。

確認したところ、前々回の返答と同様に、
<d………(省略)………
  • 返信者:非公開(質問者)
  • 2016/06/08 16:55
ご回答ありがとうございます。

カテゴリページ、商品ページともに表示、動かすことができました。

ご対応いただき大変ありがとうございました。………(省略)………
このフォーラムへの質問は終了しました