トップページのレビューの表示のさせ方について

Question

いつもお世話になっております。ECマスターズさんに入会して4か月、売り上げが順調に伸びてきました。ありがとうございます。
まだまだいろいろやるべきことがありますが、上位ショップさんとのギャップを頑張って埋めようとしています。
そこで質問があります。うちの扱っている商品は世間的に需要が多いものではなく、上位ショップさんでもレビューの数が多くなく　総合評価に有効な件数に達しておりません。　の文言が出てきてしまいます。

だけどさすが上位ショップさんは、そこの部分を表示させず上手にレビューからトップページに出てくる工夫をされているようです。

https://www.rakuten.ne.jp/gold/art-coral/

この店舗のようにうちもお客様の声としてトップページに表示させるにはどのようにすればいいでしょうか？

Answer

ECマスターズの塚本です。

１点ご確認ですがページ下部にございます、

　お客様の声

の部分のことでお間違いないですか？

Answer

そうです。宜しくお願い致します。

Answer

ECマスターズの田中です。

いただいたショップのトップページでは、
iframeで埋め込んだレビューページを
600ピクセル分上に移動させた上で、
移動させた分を非表示にすることで
この見た目を実現しております。

枠組み用のiframeを用意して実現されておりますが、
タグを重ねてスタイルシートを利用することで、
同様の仕組みを実現することもできます。

たとえば、下記タグをトップ説明文にご記載いただく形になります。

= この下の行から ====================

  
    
  


.dispReview { overflow-y: scroll; height: 400px; }
.dispReview div { overflow-y: hidden;  }
.dispReview div iframe { margin-top: -600px; }

= この上の行まで ====================
※みんなのレビューのURLは、実際のURLに置き換えてご利用ください。

上記ソースの「」が
表示枠の役割を持ちますので、
高さ・横幅の調整は、このタグに対して行ってください。
つまり、高さを変更する際は、ソース中の「400px」の数字を
ご変更いただく形になります。

なお、みんなのレビューページの仕様変更により、
隠していたはずの評価が表示されたり、
逆に、最初のレビューが見えなくなったりする場合がございます。
ソースに含まれる「-600px」が、非表示にする内容の高さとなりますので、
こちらの数字を都度調整していただきますようお願いします。

Answer

ありがとうございます。
うまくいきました。
これからも頑張ります。よろしくお願いいたします。