• 文字サイズ
解決済

スマホカテゴリページ、商品ページの表示順について

  • 相談者:非公開
  • 2019/06/11 19:23
現在スマホページの表示が
バナー、検索窓、検索キーワード、カテゴリ画像、楽天買い物かごなどの案内
その下にカテゴリページ、商品ページとそれぞれなっておりますが、
この表示順を見直したいと考えております。

カテゴリページと商品ページをどう表示させてるのがおすすめで、
それにあたっての編集方法も教えていただけると助かります。
(CSSとわかるものが退社してしまい、操作方法が不安のため)

ざっくりとした質問で申し訳ありませんが、宜しくお願い致します。
投稿内容について報告する




  • 返信者:非公開
  • 2019/06/12 14:03
ECマスターズの田中です。

35banさんのショップを拝見したところ、
共通ヘッダを隠す形でヘッダーを設置されておりましたため、

取扱禁止商材・禁………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/14 14:30
ご丁寧ににありがとうございます。
変更が完了したので、可能でしたら確認いただけると助かります。

前任ECCからは違反対象ですが言われるまではそのままで大………(省略)………
  • 返信者:非公開
  • 2019/06/14 15:27
ECマスターズの田中です。

すみません、ご変更いただいた商品ページ・カテゴリページは
問題ありませんでしたが、
トップページも同様の状態となっておりま………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/14 18:37
トップページですと
/*----------------------カテゴリ---------------------------*/
のセクション(次の ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/14 18:38
2枚目の画像です。

………(省略)………
  • 返信者:非公開
  • 2019/06/14 18:55
ECマスターズの田中です。

> トップページですと
> /*----------------------カテゴリ--------------------………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/17 18:17
何度もすいません。
上記の通りに変更したつもりですが、
店舗の看板で楽天ロゴ、買い物などの行が隠れてしまいました。

上にスクロールすると見えますが、タ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/17 18:18
この画像がスクロールした状態のものです。
この状態にならないとまずいということですよね?###IMG0cfe32b4dfc7f61ed980b………(省略)………
  • 返信者:非公開
  • 2019/06/17 18:57
ECマスターズの田中です。

> 解決策はありますでしょうか?

top.cssにて、div#custom-header の z-index が
z-………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/18 10:00
ご指摘いただき、ありがとうございました。
修正できました。

写真のように一番上のショップ看板をファーストビューで見えるようにしたいのですが、
可能でし………(省略)………
  • 返信者:非公開
  • 2019/06/18 10:53
ECマスターズの田中です。

> 写真のように一番上のショップ看板をファーストビューで見えるようにしたいのですが、
> 可能でしょうか?

恐縮ですが………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/18 15:22
違反の件、承知しました。

しっかり理解できておらず、申し訳ございません

たとえば、最初は看板が送料案内画像の上に設置されており、
ページをスクロー………(省略)………
  • 返信者:非公開
  • 2019/06/18 18:24
ECマスターズの田中です。

失礼しました、
確認したところ、ページを覆っている<article>タグのスタイルシートを
修正することで実装できることが………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/19 10:19
同ファイルの末尾に
/* 商品ページsticky表示用 */
body article{ overflow: visible; }
以上2行を追記していた………(省略)………
  • 返信者:非公開
  • 2019/06/19 10:23
ECマスターズの田中です。

div#custom-header とは別の規則として追記するために、
全体の一番下に入れていただきますようお願いします。………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/19 10:57
上記のように変更したつもりですが、
以前と同じように表示されてしまいます。

しばらく、そのままのページにしておきますので、ご確認ください。

上記の………(省略)………
  • 返信者:非公開
  • 2019/06/19 11:11
ECマスターズの田中です。

度々お手数をおかけして申し訳ありません。
実際に反映されている様子を確認したところ、
想定しない表示崩れが起こっていること………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/19 11:38
承知しました。
こちらこそ、お手数をおかけし、申し訳ございません。

マラソンが金曜日から始まるので、先に確認したいのですが
現在の仕様で、あす楽バナー………(省略)………
  • 返信者:非公開
  • 2019/06/19 15:04
ECマスターズの田中です。

実機での動作確認を行った上で問題のある部分を修正し、
各ページ用の変更内容を改めてまとめましたので、
お手数ですが、再度ご………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/20 11:26
変更が完了しました。
ご対応いただき、ありがとうございます。

トップページは楽天検索窓(全商品/ショップ内から探す)がなく、
カテゴリページ、商品ペー………(省略)………
  • 返信者:非公開
  • 2019/06/20 15:16
ECマスターズの伊藤です。

> トップページは楽天検索窓(全商品/ショップ内から探す)がなく、
> カテゴリページ、商品ページだけありますが、問題ないで………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/20 15:53
承知ました。

トップページは楽天検索窓がないのであれば、当店の検索窓はこのままで、
カテゴリページと商品ページの検索窓とその下の検索キーワードも
ペー………(省略)………
  • 返信者:非公開
  • 2019/06/20 18:20
ECマスターズの伊藤です。


下記の部分が、検索と、その下の検索キーワードとなっております。
=======
<iframe =""="" src=………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/20 18:44
変更できました。
ご丁寧にいろいろと教えていただき、ありがとうございました。

ひとまず、このページで様子を見たいと思います。

今後とも、宜しくお願………(省略)………
  • 返信者:非公開
  • 2019/06/20 19:08
ECマスターズの伊藤です。

無事、ご希望通りに表示されたようで安心致しました。

またご不明な点がございましたら、ご相談くださいませ。………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/21 16:51
追加でこのまま質問してよろしいでしょうか?
別投稿したほうがよろしければ、ご連絡ください。

検索窓の下のキーワードを編集するにはどうすればよいでしょうか………(省略)………
  • 返信者:非公開
  • 2019/06/21 19:25
ECマスターズの伊藤です。

> 追加でこのまま質問してよろしいでしょうか?
> 別投稿したほうがよろしければ、ご連絡ください。

こちらの投稿のまま………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/25 19:04
> 検索窓の下のキーワードを編集するにはどうすればよいでしょうか?

https://www.rakuten.ne.jp/gold/【店舗ID】/mobil………(省略)………
  • 返信者:非公開
  • 2019/06/25 19:18
ECマスターズの伊藤です。

> 具体的にどこから編集の行えばいいのかがわかりません。
> お手数ですが、教えていただけますでしょうか?

楽天GOL………(省略)………
  • 返信者:非公開(質問者)
  • 2019/06/26 13:10
解決しました。
ありがとうございました。………(省略)………
  • 返信者:非公開
  • 2019/06/26 14:32
ECマスターズの伊藤です。

編集の場所をおわかりいただけたようでよかったです。
また、ご不明な点がございましたら、ご相談くださいませ。………(省略)………