• 文字サイズ


解決済

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

  • 相談者:非公開
  • 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   
>
=============================

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

どうぞ、よろしくお願いいたします。
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 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
ご回答ありがとうございます。

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

ご対応いただき大変ありがとうございました。………(省略)………