楽天市場、店舗内カテゴリの設定

Question

ビーノを使ってページを制作しています。
店舗内カテゴリの1項目をクリックした際に出るページを違う表示方法にしたいのですが、どこで変更したらいいのか分かりません。###HR######IMG03f78697c4fae377cae58b32d7e1c693f.pngIMG0### ###IMG175d7fa41c472fa18cf155cad65a614c5.pngIMG1###

Answer

ECマスターズの菅原です。

> ビーノを使ってページを制作しています。
> 店舗内カテゴリの1項目をクリックした際に出るページを違う表示方法にしたいのですが、
> どこで変更したらいいのか分かりません。

念のためご確認させていただきたいのですが、
カテゴリ表示方法の変更というのは
デザインの変更でしょうか。

もし参考とされているショップさんなどが
ございましたらご教示いただけますと幸いです。

Answer

やはり伝わりづらいですよね。
すみません。
店舗内カテゴリをどれか１つ押すと1枚目（左画像）のような表示で出てくるかと思うのですが、2枚目（右画像）のような表示方法に出来ると聞いたので、そのようにしたいです。
なので参考のショップがあるとかではないです。

Answer

ECマスターズの北原です。

>店舗内カテゴリをどれか１つ押すと1枚目（左画像）のような表示で出てくるかと思うのですが、2枚目（右画像）のような表示方法に出来ると聞いたので、そのようにしたいです。

まずサムネイルの大きさを変更する方法を、
説明させていただきます。

下記のbodyタグとstyleタグを、
カテゴリ説明文下に記述してください。




body #risFil .categoryWindowImg {
width: 230px !important; /* ←お好きな大きさに変更して下さい。 */
height: 230px !important; /* ←お好きな大きさに変更して下さい。 */
}


230という数字は、画像のサイズになります。
それぞれお好きな大きさに変更してお使いください。

なお、アップロードした画像サイズが小さい場合、
画像が引き伸ばしされ荒くなる可能性がございます。
あらかじめご了承ください。

続いてキャッチコピーと商品名を変更する方法を、
説明させていただきます。

先ほどと同様、下記のbodyタグとstyleタグを、
カテゴリ説明文下に記述してください。


div#risFil table td a.category_itemnamelink {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* ←表示する行数を指定してください。 */
text-align: left;
}


-webkit-line-clamp: 3; という部分は、
表示する行数を指定するものです。
3ですと3行分のキャッチコピー・商品名が、
表示されますので、適時変更してお使いください。