跳到主要內容區塊
::: <div class="container"><div class="two_three_block d-flex flex-wrap"><div class="col-3"><div data-dirid="6" data-diridname="頁左選單" class="menu_directory bg-white"><div class="title custom_h5 fw-bold py-3 px-3"> </div><div class="accordion accordion-flush"> </div><div id="TemplateAccordionItem" class="d-none"><div class="accordion-item border-0 border-bottom"><div class="accordion-header"><button type="button" data-bs-toggle="collapse" data-bs-target="" aria-expanded="false" aria-controls="" class="accordion-button collapsed custom_h5 sectitle"></button></div><div aria-labelledby="" class="accordion-collapse collapse"><div class="accordion-body p-0"> </div></div></div></div></div></div><div class="col"><div class="custom_h3 my-2 fw-bold"><b><span>杯子/肥皂架</span></b></div><div class="container edit_lock my-0"><div data-dirid="46" data-diridname="杯子/肥皂架" class="frame type_change_frame catalog_frame allowedit"><div class="d-flex justify-content-end switch_control allowedit mb-2"><button id="ig77w" class="btn_prod_grid d-flex bg-transparent border-0 align-items-center mx-1 allowedit"><span class="material-symbols-outlined fs-5 me-1">grid_on</span>商品圖片 </button><button id="i13wzg5" class="btn_prod_list d-flex bg-transparent border-0 align-items-center mx-1 text-black-50 allowedit"><span class="material-symbols-outlined fs-5 me-1">view_list</span>商品圖文 </button></div><div class="catalog content row row-cols-lg-4 gx-0 rounded-lg bg-light px-2"><div class="templatecontent d-none"><div class="template p-2 py-2"><div class="col bg-white p-2 position-sticky p-1 type4 rounded-lg h-100"><a href="" title="" target="_self" class="text-black"><figure class="d-flex justify-content-center mb-0 h-100 max-h flex-column"><div class="image_frame d-flex flex-grow-1 justify-content-center align-items-center type4-image-frame w-100"><img src="/upload/Product/Photo/C656NA.jpg" alt="" class="image gjs-plh-image img-fluid"/></div><figcaption class="w-100 position-relative pb1 type4-caption d-flex flex-column"><div class="item-header d-flex"><div class="itemNo m-0 p-0 align-itmes-center type4-title d-inline fw-bold"> {產品編號} </div></div><div class="item-title"><div class="catalog-number itemNo m-0 p-2 align-itmes-center type4-title d-inline"> {產品編號} </div><div class="title m-0 fs-5 align-itmes-center type4-title d-inline fs-6"> </div><div class="like-and-share top_line d-none"><div class="btn_favorites bg-transparent border-0 d-none"><i class="fs-5 fa-regular fa-heart"> </i><span class="d-none">關注</span></div></div></div><p class="description mt-1 overflow-hidden p-2 d-none type2-content"> </p><div class="more-btn position-absolute d-flex justify-content-center align-items-center d-none"><div class="fas fa-angle-right"> </div></div><div class="date d-flex justify-content-end align-items-center p-2 d-none"> </div><div class="more text-end mt-1 d-none"> 詳細介紹 </div><div class="price price-grid mt-auto type2-title d-inline fw-bold fs-7">{price} </div><div class="bottom-row d-flex align-text-bottom"><div class="tags"> </div><div class="purchase d-none"><div class="price price-discount me-auto p-2 align-itmes-center type2-title d-none"> {min price} </div><div class="price normal-price me-auto p-2 align-itmes-center type2-title d-inline fw-bold"> {max price} </div><span class="cart badge rounded-pill bg-secondary text-white me-auto p-2 px-4 align-itmes-center type2-title d-none fw-normal"><i class="fa-solid fa-cart-shopping fa-inverse"> </i> 放入購物車 </span></div></div></figcaption></figure></a><div data-init="true" class="shareBlock"><button class="btn_share bg-transparent border-0"><i class="fs-5 fa-solid fa-share"> </i><span class="d-none">分享</span></button></div></div></div></div><div class="templatecontent-tag d-none"><span class="badge rounded-pill bg-light text-secondary fw-normal me-1 px-2">{Tag Name}</span></div></div><nav aria-label="Catalog Page"><ul class="page_btn d-flex justify-content-center my-5 pagination"><li class="page-item btn_prev"><button class="page-link text-black"><i class="fa-solid fa-angle-left"> </i></button></li><li class="page-item btn_next"><button class="page-link text-black"><i class="fa-solid fa-angle-right"> </i></button></li></ul></nav></div></div><!-- Content here --></div></div><!-- Content here --></div>
header .navbar{z-index:1000;} * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin:0;} * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}.position-absolute.translate-middle-y.start-50.fw-bold{top:350px;}.position-absolute.translate-middle-y.fw-bold{top:350px;}.row.row-cols-1.row-cols-sm-2.align-items-center.gx-0{padding:0 0px 0 0;}.mx-auto.w-100.h-auto.gjs-plh-image{height:400px;}.mx-auto.w-100.gjs-plh-image{height:400px;}.custom_h3.fw-bold.mb-0.mb-md-5.allowedit{text-align:center;}.prodItem > div{position:absolute;width:100%;height:100%;justify-content:center;flex-direction:column;top:45%;visibility:hidden;color:#000;}.prodItem:hover > div{visibility:visible;}.prodItem:after{content:"";position:absolute;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.5);top:0;left:0;}.prodItem:hover:after{display:none;}.prodItem:hover > div > i{transform:scale(1);font-size:1.5rem;}.prodItem > div > i{background:#62AACA;display:inline-block;padding:0.5rem;border-radius:100%;margin-bottom:1rem;color:#fff;transform:scale(0);transition:transform 0.5s;font-size:0;}.custom_h3{text-shadow:3px 2px 5px #fff;}#iaukcn-2{font-size:1.7rem;}
<figure custom_block_template="true" block_id="customBlockTemplate_159" id="ihly-2" draggable="true" class="position-relative"><img id="ieot-2" draggable="true" src="/upload/htmlConten/f16d824f-d263-4eb3-be1e-94a72daf58aa.jpg" alt="" class="times-16 banner-img-crop"/><h1 id="i63q-2-3" draggable="true" class="position-absolute text-center w-100 text-white bottom_3-2"><span id="izjj-2-3" draggable="true" class="text_shadow text-white fw-bold">浴室配件<br id="iw9n-2" draggable="true"/></span><span id="iaukcn-2" draggable="true" data-key="" class="text_shadow text-white fw-bold">Accessories<br/></span></h1><figcaption id="iab1-2" draggable="true"> </figcaption></figure><div custom_block_template="true" block_id="customBlockTemplate_71" id="iw75" draggable="true" class="subpage_content"> </div><figure custom_block_template="true" block_id="customBlockTemplate_180" id="ihly-2-3" draggable="true" class="position-relative"><figcaption id="iab1-2-3" draggable="true"> </figcaption></figure><div custom_block_template="true" block_id="customBlockTemplate_1" id="in4v-2" draggable="true" class="container"><div custom_block_template="true" block_id="customBlockTemplate_162" id="i0nee" draggable="true" class="row mx-0 edit_lock noInherit"><a id="io3vy" data-key="" title="連結至:鏡面/鏡櫃" href="Gpro_1" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="ilqoh" data-key="" src="/upload/htmlConten/667ffd92-29cf-4ad1-872a-b4174ab6c42c.jpg" class="w-100 h-auto allowedit"/><div id="iql1p"><i class="material-symbols-outlined">add </i><div id="iid43" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">鏡面/鏡櫃 </div></div></a><a id="imm9c" data-key="" title="連結至:置物架/櫃" href="Gpro_5" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="id-2" data-key="" src="/upload/htmlConten/4a1ff3cd-03e0-47a2-8469-6170b0d5bf25.jpg" class="w-100 h-auto allowedit"/><div id="if8rg" data-key=""><i id="ik4ar" data-key="" class="material-symbols-outlined">add </i><div id="iku4l" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">置物架/櫃 </div></div></a><a id="il1o5" data-key="" title="連結至:多功能家電" href="Gpro_4" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="i4gbv" data-key="" src="/upload/htmlConten/f331f4eb-8353-4dd5-8875-cb02ca304667.jpg" class="w-100 h-auto allowedit"/><div id="i8eis" data-key=""><i id="izo5l" data-key="" class="material-symbols-outlined">add </i><div id="ibd0z" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">多功能家電 <br id="ilvfh" data-key=""/></div></div></a><a id="icu2c" data-key="" title="連結至:毛巾架/環/勾" href="Gpro_6" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="i9jju" data-key="" src="/upload/htmlConten/1bbd670b-119b-41e3-bfb6-ac90807e6e31.jpg" class="w-100 h-auto allowedit"/><div id="ipgyf" data-key=""><i id="i758g" data-key="" class="material-symbols-outlined">add </i><div id="i5z23" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">毛巾架/環/勾 </div></div></a><a id="ii16l" data-key="" title="連結至:掛衣勾" href="Gpro_7" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="iz3fg" data-key="" src="/upload/htmlConten/f05a44b2-8375-4397-8e80-44b7e0b2af56.jpg" class="w-100 h-auto allowedit"/><div id="imzfx" data-key=""><i id="ibrvj" data-key="" class="material-symbols-outlined">add </i><div id="i7xg8" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">掛衣勾 </div></div></a><a id="if8ru" data-key="" title="連結至:滑桿" href="Gpro_8" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="iwi8d" data-key="" src="/upload/htmlConten/1ae8229b-a580-42b4-aa12-d32f8d71ab0d.jpg" class="w-100 h-auto allowedit"/><div id="itn9g" data-key=""><i id="iq4pl" data-key="" class="material-symbols-outlined">add </i><div id="ihijh" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">滑桿 </div></div></a><a id="iehtk" data-key="" title="連結至:衛生紙架/盒" href=" Gpro_9" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="isof7" data-key="" src="/upload/htmlConten/e984f869-5b97-4f50-8899-032122e9dff4.jpg" class="w-100 h-auto allowedit"/><div id="iqsau" data-key=""><i id="iy14u" data-key="" class="material-symbols-outlined">add </i><div id="ip2k2" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">衛生紙架/盒 <br id="ikjr4" data-key=""/></div></div></a><a id="iy5qg" data-key="" title="連結至:杯子/肥皂架" href="Gpro_10" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="ijiw6" data-key="" src="/upload/htmlConten/678e630d-c542-43f2-8dc0-038aaf03aa8a.jpg" class="w-100 h-auto allowedit"/><div id="i538h" data-key=""><i id="i3e2i" data-key="" class="material-symbols-outlined">add </i><div id="idlz4" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">杯子/肥皂架 <br id="isb8k" data-key=""/></div></div></a><a id="ivs26" data-key="" title="連結至:馬桶蓋" href="Gpro_11" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="imeyu" data-key="" src="/upload/htmlConten/69638465-cd6d-488d-98f2-d109bc7cac2f.jpg" class="w-100 h-auto allowedit"/><div id="ib3md" data-key=""><i id="iyayj" data-key="" class="material-symbols-outlined">add </i><div id="i860i" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">馬桶蓋 <br id="ih6c4" data-key=""/></div></div></a><a id="imejil" data-key="" title="連結至:其他配件" href=" Gpro_3" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="im0jk" data-key="" src="/upload/htmlConten/2ca84d8f-13ce-4b65-8865-a3d6f72da570.jpg" class="w-100 h-auto allowedit"/><div id="ixeoj" data-key=""><i id="ijncy" data-key="" class="material-symbols-outlined">add </i><div id="i3q4z" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">其他配件 </div></div></a></div><!-- Content here --></div>