楽天カテゴリページの見せ方について

Question

お世話になります。

楽天のカテゴリページのインターフェイスですが下記キャプチャのように３カラムに変更するにはどうやったらいいのでしょうか？

https://gyazo.com/0fb2e04c7196751fefa850d3a70cffa1

ちなみに参考サイトのURLは下記になります。

https://item.rakuten.co.jp/scurvestudio/c/0000001174/

ご教示の程よろしくお願いいたします。

Answer

ECマスターズの田辺です。

３カラムにするにはCSSでデザインの変更を加える必要がございますので、
下記内容をコピーし、カテゴリページ共通パーツ設定に貼り付けてご利用ください。

＝この下から＝＝＝＝＝＝＝＝＝


#sCSLContainer{
margin-left:0;
background-color: #EEE;
}
.sCSLBox01,.sCSLBox02{
background-color: #FFF;
width:30%;
height:240px;
float:none;
position:relative;
margin:0;
overflow:hidden;
float:left;
display:none;
background-image:none;
padding:0px;
margin:0 5px 15px 5px;
}
.sCSLBox01 img,.sCSLBox02 img{
width:100%;
}
.sCSLBox01 .inLeft,.sCSLBox02 .inLeft{
width:100%;
height:120px;
position:relative !important;
overflow:hidden;
}
.sCSLBox01 .inLeft img,.sCSLBox02 .inLeft img,.sCSLBox01 .inRight img,.sCSLBox02 .inRight img{
border:0;
}
.ctgItemNormal{
	width:102px;
	height:3.1em;
	font-size:12px;
	position:absolute !important;
	top:125px;
	left:5%;
	background:none !important;
	padding:0 !important;
	overflow:hidden;
}
.txtprice{
	width:90px;
	position:absolute !important;
	top:175px;
	left:5%;
	background:none !important;
	padding:0 !important;
}
.ctgItemsPaginate{
	float:left;
	clear:both;
	position:relative;
	left:10%;
}
p.txtprice span:nth-child(2n){
	display:block;
}


＝この上まで＝＝＝＝＝＝＝＝＝

文字数が多いのでとを削除した状態で
GOLDにアップロードし、

をカテゴリページ共通パーツ設定に書き込む方法でも構いません。

方法がわからない場合は
こちらの「3：CSSの読み込み方」をご覧ください。
https://club.ec-masters.net/index.php?design_css