一つの商品ページに違うセット数の設定方法

Question

質問させていただきます。
①下記の商品ページのように一つの商品ページに違うセット数の設定方法をご存知でしょうか？

https://item.rakuten.co.jp/eatharb/keicomini/

②いつも縦に並んだ商品画像はどのようにすれば上記商品ページの画像のように1枚目の商品画像を大きく、そのほかを並べて小さめで表示できますか？

宜しくお願い致します。

Answer

ECマスターズの森田です。

お待たせしております。
いただいたご質問につきまして、
確認した上で回答させていただきます。

恐れ入りますが、もうしばらくお時間いただけますと幸いです。

Answer

ECマスターズの伊藤です。

> ①下記の商品ページのように一つの商品ページに違うセット数の設定方法をご存知でしょうか？

こちらは、商品ページへリンクを貼っていただいています。

テキスト

としていただくことで、リンクを貼ることが
可能となっております。


> ②いつも縦に並んだ商品画像はどのようにすれば上記商品ページの画像のように1枚目の商品画像を大きく、そのほかを並べて小さめで表示できますか？

下記に記載しましたコードを、
PC用商品説明文等、HTMLが記載可能な箇所に
記載いただきますと、ご対応いただけます。

注意点としまして、
楽天で仕様変更が行われた際などに、
表示が崩れてしまう可能性がございます。

楽天の意図しないレイアウト変更で
あることを、ご理解の上、
ご利用頂ますよう、お願いいたします。



/* PC版サムネイルを縮小表示 */
#pagebody .rakutenLimitedId_ImageMain1-2{
display:inline-block;
float: left;
}
#pagebody .rakutenLimitedId_ImageMain1-3:nth-child(1) {
width: 380px;
height: auto !important;
}

#pagebody .rakutenLimitedId_ImageMain1-3 {
width: 120px;
height: auto;
float: left;
margin: 5px;
}
#pagebody .rakutenLimitedId_ImageMain1-3 img {
width:100%
}

Answer

ありがとうございました。