升降滑桿 - 【Derek 德瑞克衛浴】

上一則Previous 回列表頁Back To List 下一則Next

&lt;div class=&quot;container&quot;&gt; &lt;div class=&quot;two_three_block d-flex flex-wrap&quot;&gt; &lt;div class=&quot;col-3&quot;&gt; &lt;div data-dirid=&quot;6&quot; data-diridname=&quot;頁左選單&quot; class=&quot;menu_directory bg-white&quot;&gt; &lt;div class=&quot;title custom_h5 fw-bold py-3 px-3&quot;&gt;&lt;/div&gt; &lt;div class=&quot;accordion accordion-flush&quot;&gt;&lt;/div&gt; &lt;div id=&quot;TemplateAccordionItem&quot; class=&quot;d-none&quot;&gt; &lt;div class=&quot;accordion-item border-0 border-bottom&quot;&gt; &lt;div class=&quot;accordion-header&quot;&gt; &lt;button type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;&quot; class=&quot;accordion-button collapsed custom_h5 sectitle&quot;&gt;&lt;/button&gt; &lt;/div&gt; &lt;div aria-labelledby=&quot;&quot; class=&quot;accordion-collapse collapse&quot;&gt; &lt;div class=&quot;accordion-body p-0&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;col&quot;&gt; &lt;div class=&quot;custom_h3 my-2 fw-bold&quot;&gt; &lt;b&gt; &lt;span&gt;滑桿&lt;/span&gt; &lt;/b&gt; &lt;/div&gt; &lt;div class=&quot;container edit_lock my-0&quot;&gt; &lt;div data-dirid=&quot;44&quot; data-diridname=&quot;滑桿&quot; class=&quot;frame type_change_frame catalog_frame allowedit&quot;&gt; &lt;div class=&quot;d-flex justify-content-end switch_control allowedit mb-2&quot;&gt; &lt;button id=&quot;ig77w&quot; class=&quot;btn_prod_grid d-flex bg-transparent border-0 align-items-center mx-1 allowedit&quot;&gt; &lt;span class=&quot;material-symbols-outlined fs-5 me-1&quot;&gt;grid_on&lt;/span&gt;商品圖片 &lt;/button&gt; &lt;button id=&quot;i13wzg5&quot; class=&quot;btn_prod_list d-flex bg-transparent border-0 align-items-center mx-1 text-black-50 allowedit&quot;&gt; &lt;span class=&quot;material-symbols-outlined fs-5 me-1&quot;&gt;view_list&lt;/span&gt;商品圖文 &lt;/button&gt; &lt;/div&gt; &lt;div class=&quot;catalog content row row-cols-lg-4 gx-0 rounded-lg bg-light px-2&quot;&gt; &lt;div class=&quot;templatecontent d-none&quot;&gt; &lt;div class=&quot;template p-2 py-2&quot;&gt; &lt;div class=&quot;col bg-white p-2 position-sticky p-1 type4 rounded-lg h-100&quot;&gt; &lt;a href=&quot;&quot; title=&quot;&quot; target=&quot;_self&quot; class=&quot;text-black&quot;&gt; &lt;figure class=&quot;d-flex justify-content-center mb-0 h-100 max-h flex-column&quot;&gt; &lt;div class=&quot;image_frame d-flex flex-grow-1 justify-content-center align-items-center type4-image-frame w-100&quot;&gt; &lt;img src=&quot;/upload/Product/Photo/C656NA.jpg?v=d2fb61a94f6d0833339b386b0a7cbe90aa96b21c062981e50738cbc6c5de7a37&quot; alt=&quot;&quot; class=&quot;image gjs-plh-image img-fluid&quot; /&gt; &lt;/div&gt; &lt;figcaption class=&quot;w-100 position-relative pb1 type4-caption d-flex flex-column&quot;&gt; &lt;div class=&quot;item-header d-flex&quot;&gt; &lt;div class=&quot;itemNo m-0 p-0 align-itmes-center type4-title d-inline fw-bold&quot;&gt; {產品編號} &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;item-title&quot;&gt; &lt;div class=&quot;catalog-number itemNo m-0 p-2 align-itmes-center type4-title d-inline&quot;&gt; {產品編號} &lt;/div&gt; &lt;div class=&quot;title m-0 fs-5 align-itmes-center type4-title d-inline fs-6&quot;&gt; &lt;/div&gt; &lt;div class=&quot;like-and-share top_line d-none&quot;&gt; &lt;div class=&quot;btn_favorites bg-transparent border-0 d-none&quot;&gt; &lt;i class=&quot;fs-5 fa-regular fa-heart&quot;&gt; &lt;/i&gt;&lt;span class=&quot;d-none&quot;&gt;關注&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class=&quot;description mt-1 overflow-hidden p-2 d-none type2-content&quot;&gt; &lt;/p&gt; &lt;div class=&quot;more-btn position-absolute d-flex justify-content-center align-items-center d-none&quot;&gt; &lt;div class=&quot;fas fa-angle-right&quot;&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;date d-flex justify-content-end align-items-center p-2 d-none&quot;&gt; &lt;/div&gt; &lt;div class=&quot;more text-end mt-1 d-none&quot;&gt; 詳細介紹 &lt;/div&gt; &lt;div class=&quot;price price-grid mt-auto type2-title d-inline fw-bold fs-7&quot;&gt;{price}&lt;/div&gt; &lt;div class=&quot;bottom-row d-flex align-text-bottom&quot;&gt; &lt;div class=&quot;tags&quot;&gt;&lt;/div&gt; &lt;div class=&quot;purchase d-none&quot;&gt; &lt;div class=&quot;price price-discount me-auto p-2 align-itmes-center type2-title d-none&quot;&gt; {min price} &lt;/div&gt; &lt;div class=&quot;price normal-price me-auto p-2 align-itmes-center type2-title d-inline fw-bold&quot;&gt; {max price} &lt;/div&gt; &lt;span class=&quot;cart badge rounded-pill bg-secondary text-white me-auto p-2 px-4 align-itmes-center type2-title d-none fw-normal&quot;&gt; &lt;i class=&quot;fa-solid fa-cart-shopping fa-inverse&quot;&gt;&lt;/i&gt; 放入購物車 &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/figcaption&gt; &lt;/figure&gt; &lt;/a&gt; &lt;div class=&quot;shareBlock&quot;&gt; &lt;button class=&quot;btn_share bg-transparent border-0&quot;&gt; &lt;i class=&quot;fs-5 fa-solid fa-share&quot;&gt; &lt;/i&gt;&lt;span class=&quot;d-none&quot;&gt;分享&lt;/span&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;templatecontent-tag d-none&quot;&gt; &lt;span class=&quot;badge rounded-pill bg-light text-secondary fw-normal me-1 px-2&quot;&gt;{Tag Name}&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;nav aria-label=&quot;Catalog Page&quot;&gt; &lt;ul class=&quot;page_btn d-flex justify-content-center my-5 pagination&quot;&gt; &lt;li class=&quot;page-item btn_prev&quot;&gt; &lt;button class=&quot;page-link text-black&quot;&gt; &lt;i class=&quot;fa-solid fa-angle-left&quot;&gt;&lt;/i&gt; &lt;/button&gt; &lt;/li&gt; &lt;li class=&quot;page-item btn_next&quot;&gt; &lt;button class=&quot;page-link text-black&quot;&gt; &lt;i class=&quot;fa-solid fa-angle-right&quot;&gt;&lt;/i&gt; &lt;/button&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Content here --&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Content here --&gt; &lt;/div&gt;