Chubby Charms ✿ Display shelf~ (โพสต์สินค้า)

<!--
==== [คู่มือการแก้ไขโคด] ====

เปลี่ยนเลข 1 เป็นเลขคอลเลคชัน (ก๊อปไปวางใน word แล้ว ctrl+f หาเอาได้)

data-group="1" ==> data-group="2"
name="collection-1" ==> name="collection-2"
id="none-1" / for="none-1" ==> id="none-2" / for="none-2"
id="item1-1" / for="item1-1" ==> id="item1-2" / for="item1-2"
id="item2-1" / for="item2-1" ==> id="item2-2" / for="item2-2"
id="item3-1" / for="item3-1" ==> id="item3-2" / for="item3-2"
id="item4-1" / for="item4-1" ==> id="item4-2" / for="item4-2"
id="item5-1" / for="item5-1" ==> id="item5-2" / for="item5-2"
id="item6-1" / for="item6-1" ==> id="item6-2" / for="item6-2"

** ต้องแก้ให้ครบไม่งั้นโคดพัง **

รูปรวมคอล : <img src="--ลิงก์รูปคอลเลกชัน--" class="cbcshop-collection">
รูปไอเทมแต่ละชิ้น : --cbcitem-pic: url(--ลิงก์รูปไอเทม--);

=========================
-->

<link href="https://dl.dropbox.com/scl/fi/rzizr8hip025k61aou96r/chubbycharms.css?rlkey=8pxkhhi8xnmjxj3wc8my8hr69&st=mdgnlxol" rel="stylesheet">
<div id="chubby"><a href="https://discord.com/users/625292873914515456/"></a><div class="cbcshop-set" data-group="1">
<input type="radio" name="collection-1" data-item="none" id="none-1" checked />
<input type="radio" name="collection-1" data-item="item1" id="item1-1" />
<input type="radio" name="collection-1" data-item="item2" id="item2-1" />
<input type="radio" name="collection-1" data-item="item3" id="item3-1" />
<input type="radio" name="collection-1" data-item="item4" id="item4-1" />
<input type="radio" name="collection-1" data-item="item5" id="item5-1" />
<input type="radio" name="collection-1" data-item="item6" id="item6-1" />
<div class="cbcshop-whitebd"><div class="cbcshop-outerbg"><div class="cbcshop-logo"></div><div class="cbcshop-topbar"><div class="cbcshop-heart"><heart></heart><heart></heart><heart></heart></div><div class="cbcshop-rabbit"></div></div><div class="cbcshop-topbarbd"></div>
<div class="cbcshop-innerbg"><div class="cbcshop-content">
<img src="https://iili.io/2x81qSp.png" class="cbcshop-collection">
<h2>Collection</h2>
<h1>First Bite : Fluffy Sweets</h1>
คำบรรยาย คำบรรยาย คำบรรยาย
<div class="cbcshop-grid">
<label for="item1-1"><div class="cbcshop-item-img" style="--cbcitem-pic: url(https://i.imgur.com/lsCZUrY.gif);"></div></label>
<label for="item2-1"><div class="cbcshop-item-img" style="--cbcitem-pic: url(https://i.imgur.com/o3nmvcy.gif);"></div></label>
<label for="item3-1"><div class="cbcshop-item-img" style="--cbcitem-pic: url(https://i.imgur.com/CeUYuB1.gif);"></div></label>
<label for="item4-1"><div class="cbcshop-item-img" style="--cbcitem-pic: url(https://i.imgur.com/XOXtP8z.gif);"></div></label>
<label for="item5-1"><div class="cbcshop-item-img" style="--cbcitem-pic: url(https://i.imgur.com/gilogUa.gif);"></div></label>
<label for="item6-1"><div class="cbcshop-item-img" style="--cbcitem-pic: url(https://i.imgur.com/teSG26p.gif);"></div></label>
<div class="cbcshop-item-data" item="item1"><label for="none-1"></label>
<h3>ชื่อไอเทม 1</h3>
สรรพคุณ</div>
<div class="cbcshop-item-data" item="item2"><label for="none-1"></label>
<h3>ชื่อไอเทม 2</h3>
สรรพคุณ</div>
<div class="cbcshop-item-data" item="item3"><label for="none-1"></label>
<h3>ชื่อไอเทม 3</h3>
สรรพคุณ</div>
<div class="cbcshop-item-data" item="item4"><label for="none-1"></label>
<h3>ชื่อไอเทม 4</h3>
สรรพคุณ</div>
<div class="cbcshop-item-data" item="item5"><label for="none-1"></label>
<h3>ชื่อไอเทม 5</h3>
สรรพคุณ</div>
<div class="cbcshop-item-data" item="item6"><label for="none-1"></label>
<h3>ชื่อไอเทม 6</h3>
สรรพคุณ</div>
</div>
</div></div>
</div></div><div class="cbcshop-ring"></div></div></div>