楽天のカラー選択の画像について

Question

楽天で販売しているのですが、カラー選択(添付画像)の部分に写真を登録されている方を多く見ますが、どのようにして写真を登録したらよろしいでしょうか？
よろしくお願いいたします。###HR######IMG0ad7917e492f662b03d486c5a51a4d316.pngIMG0###

Answer

ECマスターズの田中です。

下記styleタグを、商品ページに併せて修正の上、
PC用商品説明文もしくはPC用販売説明文に追記していただくことで、
写真を表示させることができます。

項目選択肢別在庫、縦軸の数に併せて、
「/* ○項目目 */」から始まる4行のソースを追記・削除していただいた上で、
ソース内の「画像URL」を、実際のURLに差し替えてご利用ください。



/* 項目選択肢名に画像表示・縦軸用 */
#rakutenLimitedId_aroundCart tr tr tr:not(:first-child) .inventory_choice_name span:before {
content: "";
display: block;
width: 100px; /*画像の幅*/
height: 100px; /*画像の高さ*/
background-size: 100px; /*画像の幅*/
margin-bottom: 4px;
}

/* 1項目目 */
#rakutenLimitedId_aroundCart tr tr tr:nth-child(2) .inventory_choice_name span:before {
background-image:url("画像URL");
}

/* 2項目目 */
#rakutenLimitedId_aroundCart tr tr tr:nth-child(3) .inventory_choice_name span:before {
background-image:url("画像URL");
}

/* 3項目目 */
#rakutenLimitedId_aroundCart tr tr tr:nth-child(4) .inventory_choice_name span:before {
background-image:url("画像URL");
}

/* 4項目目 */
#rakutenLimitedId_aroundCart tr tr tr:nth-child(5) .inventory_choice_name span:before {
background-image:url("画像URL");
}

Answer

ありがとうございました！！できました！！