【楽天】スマホ　カテゴリーページのカスタマイズについて

Question

お世話になっております。スマホのカテゴリーページの表示について質問です。https://item.rakuten.co.jp/e-zakkamania/c/0000007949/上記店舗さんのカテゴリーページと同じ表示にしたいのですがどのようにすれば出来るか、ご教授いただければと思います。どうぞよろしくお願いします。

Answer

ECマスターズの田中です。いただいた店舗のカテゴリーページでは、https//www.rakuten.ne.jp/gold/SHOP-URL/sp/rms/header.htmlhttps//www.rakuten.ne.jp/gold/SHOP-URL/sp/rms/js/sp_catethumb.min.jshttps//www.rakuten.ne.jp/gold/SHOP-URL/sp/rms/sp_new.csshttps//www.rakuten.ne.jp/gold/SHOP-URL/sp/rms/sp_catethumb.css上記のようなiframe用HTMLやJavaScript・CSSファイルをフル活用してこの表示を実現しておりますので、全てをご説明さしあげようとすると膨大な量になってしまうのですが、特にどの部分を似た表示にしたい、といったご希望などございますでしょうか。たとえば、商品一覧を2段組・3段組で表示させたい、ということでしたら、下記質問にて実際のソースと共に解説しておりますのでご参照いただきますようお願いします。https://forum.ec-masters.net/post_view.php?id=7150その他、具体的にどの部分を実現したい、などございましたらお知らせいただきますようお願いいたします。

Answer

お世話になっております。商品一覧を2段組できれいに表示したかったので下記質問を参考にさせていただきました。ご教授いただきましてありがとうございました。今後とも、よろしくお願いいたします。

Answer

お世話になります。解決された質問でしたが失礼いたします。今回はスマホのカテゴリページとのことですが、むしろ参考店舗さんのPCカテゴリページの商品一覧画像の下の商品名が実際の商品名よりコンパクトになっております。これは基本的な設定で可能ですか？当店のは全商品名が表示され長々と邪魔くさいです。設定方法をご存じであれば教えてください。よろしくお願いいたします。

Answer

ECマスターズの田中です。> 今回はスマホのカテゴリページとのことですが、むしろ参考店舗さんのPCカテゴリページの商品一覧画像の下の商品名が実際の商品名よりコンパクトになっております。> これは基本的な設定で可能ですか？残念ながら、RMS上の設定でご変更いただくことはできません。参考店舗では、独自のスタイルシートを利用して、指定行数以降は非表示にする、といった方法で隠しております。私が一つ前の返信にてご案内差し上げた過去質問にある、商品一覧を2段組・3段組で表示する方法の中にも、商品名をコンパクトに表示する処理が含まれておりますので、一度ご検討いただければと思います。

Answer

田中様ご回答ありがとうございます。やはりスタイルシートなのですね。すいません、田中様の一つ前の返信の内容のどこに「PCカテゴリ」の記載があるかわかりませんでした。スマホカテゴリについての記載でPCについてはどこでしょうか？また【PC】カテゴリページの商品画像の大きさを128×128から250×250に変更している記述は一つ前の返信先に記載のあった下記でしょうか？＝この下から＝＝＝＝＝＝＝jQuery(function($){$('img').each(function(){$(this).attr('src', $(this).attr('src').replace('fitin=90:90','fitin=250:250') );});});＝この上まで＝＝＝＝＝＝＝恐れ入りますが、どのあたりかご教授いただけると助かります。よろしくお願いいたします。

Answer

ECマスターズの田中です。大変失礼しました、「PC」であることを見落としておりました。改めて、PC用カテゴリページについてご案内いたします。参考店舗のPC用カテゴリページでは、カテゴリ説明文上にて上記タグを記載することで、・元画像を250x250のサイズに差し替える・商品名の ◆ から前を削除する以上２つの処理を行っておりますので、FUJIさんのショップでも、同じファイルを楽天GOLDにご用意の上同様の記述をしていただくことで、以上２つの処理を行うことができるようになります。

Answer

ECマスターズ田中様お世話になります。ご回答誠にありがとうございます。教えてくださった内容でGOLD上に.jsファイルを作ったのですが、、ん？RMSのヘッダーテンプレートの場所に<SCRIPT>タグ使えません。スマホなどと同様に、PCのカテゴリページに.jsファイルを適用させるバグを利用したタグってありましたっけ？適用方法をご教授ください。何度も紹介している方法でしたら申し訳ございません。

Answer

ECマスターズ田中様あ、すいません。見落としてました。カテゴリ説明文上でしたね。失礼いたしました。

【楽天】スマホ カテゴリーページのカスタマイズについて

カテゴリーから探す

【楽天】スマホ　カテゴリーページのカスタマイズについて