メニュー
MENU
こんにちは、
ゲスト
さん
トップ
会員サイト
新着質問
新着回答
人気の質問
解決済
受付中
未回答
質問・返信の一覧
お気に入り
ニックネーム変更
E-mailアドレス変更
パスワード変更
ECマスターズ ツール
ログイン
TOP
スマホ フローティング部分の質問
文字サイズ
変更
小
中
大
解決済
スマホ フローティング部分の質問
相談者:非公開
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
ご回答ありがとうございます。
カテゴリページ、商品ページともに表示、動かすことができました。
ご対応いただき大変ありがとうございました。………(省略)………
このフォーラムへの質問は終了しました
このテーマに関連する質問をする
別のテーマで新規に質問する
質問を検索する
すべて
初心者・はじめて
楽天市場
Yahoo!ショッピング
Amazon.co.jp
Qoo10
au PAY マーケット
LINE活用・LSEG
RPP運用自動化ツール「RAT」
らくらくーぽん
最強配送ラベル(配送品質向上制度)
ポンパレモール
会員専用ツール
本店サイト
共通の送料込みライン
ツール設置・利用
ECステーション
海外進出
マッチング・コラボレーション
楽天ペイ
RPP攻略ツール情報交換
商品画像登録ガイドライン
ツール改善コミュニティ
RPA
業者営業情報・相談
システム導入支援
会計・経理相談
作業効率化
EC MASTERS LABS
パソコントラブル
その他
返信も検索対象にする
カテゴリーから探す
初心者・はじめて
楽天市場
Yahoo!ショッピング
Amazon.co.jp
Qoo10
au PAY マーケット
LINE活用・LSEG
RPP運用自動化ツール「RAT」
らくらくーぽん
最強配送ラベル(配送品質向上制度)
ポンパレモール
会員専用ツール
本店サイト
共通の送料込みライン
ツール設置・利用
ECステーション
海外進出
マッチング・コラボレーション
楽天ペイ
RPP攻略ツール情報交換
商品画像登録ガイドライン
ツール改善コミュニティ
RPA
業者営業情報・相談
システム導入支援
会計・経理相談
作業効率化
EC MASTERS LABS
パソコントラブル
その他