跳到主要內容區塊
::: <div custom_block_template="true" block_id="customBlockTemplate_1" id="in4v" draggable="true" class="container"><div custom_block_template="true" block_id="customBlockTemplate_56" id="i41f9" draggable="true" class="two_three_block d-flex flex-wrap"><div id="im2fn" draggable="true" class="col-3 d-lg-block d-none"><div data-dirid="6" data-diridname="頁左選單" id="ispgl" class="menu_directory bg-white"><div id="i2m6e" draggable="true" class="title custom_h5 fw-bold py-3 px-3"> </div><div id="igae7" draggable="true" class="accordion accordion-flush"> </div><div id="TemplateAccordionItem" draggable="true" class="d-none"><div id="i5xq7" draggable="true" class="accordion-item border-0 border-bottom"><div id="" draggable="true" class="accordion-header"><button id="itcfj" draggable="true" type="button" data-bs-toggle="collapse" data-bs-target="" aria-expanded="false" aria-controls="" class="accordion-button collapsed custom_h5 sectitle"></button></div><div id="" draggable="true" aria-labelledby="" class="accordion-collapse collapse"><div id="iobpe" draggable="true" class="accordion-body p-0"> </div></div></div></div></div></div><div id="i6j5e" draggable="true" class="col"><div id="i582-3-2" draggable="true" custom_block_template="true" block_id="customBlockTemplate_36" class="custom_h3 my-2 px-4 fw-bold"><b id="ifdmo-2" draggable="true"><span id="idvigk-2" draggable="true">下嵌盆</span></b></div><div custom_block_template="true" block_id="customBlockTemplate_1" id="in4v-3" draggable="true" class="container edit_lock my-0"><div data-dirid="31" data-diridname="下嵌盆" id="igmm" class="frame type_change_frame catalog_frame allowedit"><div id="i5z9" draggable="true" btn_text="1" btn_grid="1" btn_list="1" class="d-flex justify-content-end switch_control allowedit mb-2"><button draggable="true" id="itrvo" class="btn_text d-flex bg-transparent border-0 align-items-center mx-1 allowedit d-none"><span draggable="true" id="izvju" class="material-symbols-outlined fs-5 me-1">list</span>文字 </button><button draggable="true" id="i4nk9" class="btn_grid d-flex bg-transparent border-0 align-items-center mx-1 allowedit d-none"><span draggable="true" class="material-symbols-outlined fs-5 me-1">grid_on</span>圖片 </button><button draggable="true" id="i7yaj" class="btn_list d-flex bg-transparent border-0 align-items-center mx-1 text-black-50 allowedit d-none"><span draggable="true" class="material-symbols-outlined fs-5 me-1">view_list</span>圖文 </button><button draggable="true" id="ig77w" class="btn_prod_grid d-flex bg-transparent border-0 align-items-center mx-1 allowedit"><span draggable="true" class="material-symbols-outlined fs-5 me-1">grid_on</span>商品圖片 </button><button draggable="true" id="i13wzg5" class="btn_prod_list d-flex bg-transparent border-0 align-items-center mx-1 text-black-50 allowedit"><span draggable="true" class="material-symbols-outlined fs-5 me-1">view_list</span>商品圖文 </button></div><div draggable="true" id="idtoy" class="catalog content row row-cols-lg-4 gx-0 rounded-lg bg-light px-2"><div data-key="" id="ij7df" class="templatecontent d-none"><div id="ih27i" class="template p-2 py-2"><div data-key="" id="iqbcl" class="col bg-white p-2 position-sticky p-1 type4 rounded-lg h-100"><a data-key="" href="/lcb/Apro_1/product/2" title="" target="_self" class="text-black"><figure data-key="" class="d-flex justify-content-center mb-0 h-100 max-h flex-column"><div data-key="" class="image_frame d-flex flex-grow-1 justify-content-center align-items-center type4-image-frame w-100"><img data-key="" src="/upload/logo.png" alt="" class="image gjs-plh-image img-fluid"/></div><figcaption data-key="" class="w-100 position-relative pb1 type4-caption d-flex flex-column"><div class="item-header d-flex"><div data-key="" class="itemNo m-0 p-0 align-itmes-center type4-title d-inline fw-bold"> </div></div><div class="item-title"><div data-key="" class="catalog-number itemNo m-0 p-2 align-itmes-center type4-title d-inline"> </div><div data-key="" 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"><button class="btn_favorites bg-transparent border-0 d-none"><i class="fs-5 fa-regular fa-heart"> </i><span class="d-none">關注</span></button></div></div><p data-key="" 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 data-key="" class="date d-flex justify-content-end align-items-center p-2 d-none"> </div><div data-key="" class="more text-end mt-1 d-none"> 詳細介紹 </div><div data-key="" class="price price-grid mt-auto type2-title d-inline fw-bold fs-7"> </div><div data-key="" class="bottom-row d-flex align-text-bottom"><div data-key="" class="tags"> </div><div class="purchase d-none"><div data-key="" class="price price-discount me-auto p-2 align-itmes-center type2-title d-none"> </div><div data-key="" class="price normal-price me-auto p-2 align-itmes-center type2-title d-inline fw-bold"> </div><span data-key="" 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 data-key="" id="ij7df-2" class="templatecontent-tag d-none"><span class="badge rounded-pill bg-light text-secondary fw-normal me-1 px-2"></span></div></div><nav draggable="true" aria-label="Catalog Page"><ul draggable="true" class="page_btn d-flex justify-content-center my-5 pagination"><li draggable="true" class="page-item btn_prev"><button draggable="true" class="page-link text-black"><i class="fa-solid fa-angle-left"> </i></button></li><li draggable="true" class="page-item btn_next"><button draggable="true" 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;}*{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{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/5446fdb3-1593-4db0-99eb-4c06a9cc04f0.jpg" alt="" class="banner-img-crop times-16"/><h1 id="i63q-2-2" draggable="true" class="position-absolute text-center w-100 text-white bottom_3-2"><span id="izjj-2-2" draggable="true" class="text_shadow text-white fw-bold">面盆&浴櫃組<br id="iw9n" draggable="true"/></span><span id="iaukcn" draggable="true" data-key="" class="text_shadow text-white fw-bold">Basins/Cabinet<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-2" draggable="true" class="position-relative"><figcaption id="iab1-2-2" 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="Cpro_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/70faf83d-0686-4175-8806-f1256ec39b33.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="i3jdm" data-key="" title="連結至:下崁盆" href="Cpro_2" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="iz2yj" data-key="" src="/upload/htmlConten/13f9d8cb-ea29-4bd2-82e7-212bc2e41499.jpg" class="w-100 h-auto allowedit"/><div id="imbwr"><i class="material-symbols-outlined">add </i><div id="ioopg" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">下嵌盆 </div></div></a><a id="i1qyf" draggable="true" href="Cpro_3" title="時尚一體盆" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="i6fmc" draggable="true" src="/upload/htmlConten/cf752962-cfbc-4173-8eb4-6e885383ceba.jpg" alt="" class="w-100 h-auto allowedit"/><div id="iqzbi"><i class="material-symbols-outlined">add </i><div id="i0r9u" draggable="true" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">時尚一體盆 </div></div></a><a id="ir1fy" draggable="true" href="Cpro_4" title="連結至:小空間面盆" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="i486m" draggable="true" src="/upload/htmlConten/b969d68d-1280-409b-b113-4023e3ed7166.jpg" alt="" class="w-100 h-auto allowedit"/><div id="iqmwe"><i class="material-symbols-outlined">add </i><div id="ilryk" draggable="true" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">小空間面盆 <br/></div></div></a><a id="is2ey" data-key="" href="Cpro_5" title="連結至:經典壁掛盆" class="col-12 col-md-6 text-center position-relative allowedit px-1 my-1 prodItem"><img id="ijtum" data-key="" src="/upload/htmlConten/74a03c5f-7e42-441d-a814-9e1a0dbcc315.jpg" class="w-100 h-auto allowedit"/><div id="ivrct"><i class="material-symbols-outlined">add </i><div id="iw21z" data-key="" class="custom_h3 fw-bold mb-0 mb-md-5 allowedit">經典壁掛盆 </div></div></a></div><!-- Content here --></div>