:::
<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="44" 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 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;}.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>