楽天市場商品画像横並びのCSS調整方法

吉永 2020年7月22日

楽天市場ショップの商品ページは一列並んでいますが

お客様下までドロップしないといけないですが

大変長いです、疲れますね

楽天商品ページ

CSS調整します

効果

下記のソースを楽天市場のヘッダーコンテンツ内部配置すれば 結構です

/* 画像パネル化 */
a[data-ratid="itempopup_1"] > img {
    width: 500px !important;
    height: auto !important;
    border: none;
}


a[data-ratid="itempopup_1"] > img {width: 500px!important; height:auto !important; border: none;}

img[expid]{
width:160px;
height:160px;
float: left;
margin:5px;
border: 1px solid #cccccc;
}

.RVideoPF-Player-BCPlayer {
float: left;
margin: 5px 5px 40px 5px;
}

/* 画像パネル化 */

 

配置前の一般的に効果

 

無料イラスト名楽天市場商品画像横並びのCSS調整方法
イラストのカテゴリEC-CUBEサイト構築
イラストのタグ