" "

Product - All Categories --> <div class="header"> <div class="header-wrapper"> <!-- breadcrumb here --> <div class="breadcrumb-nav" style="margin-bottom: 5px; text-align: left;"> <span itemscope itemtype="http://schema.org/BreadcrumbList"> <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/hk/" href="/"><span itemprop="name">Home</span></a> <meta itemprop="position" content="1"> </span> <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> / <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/hk/products" href="https://www.archify.com/hk/products"><span itemprop="name">Products</span></a> <meta itemprop="position" content="2"> </span> </span> </div> <!-- Old Breadcrumbs --> <!-- Home / Products --> <div class="top-title" style="display:none;"> <h2><span class="count" style="font-family: WorkSans-SemiBold;"></span><span style="font-family: WorkSans-SemiBold;"> Products</span><span> in </span><span class="text">All Categories</span></h2> </div> <div class="top-title"> <h1> <span class="loading-css-animation"> <span class="obj"></span><span class="obj"></span><span class="obj"></span><span class="obj"></span><span class="obj"></span><span class="obj"></span> <span class="obj"></span><span class="obj"></span> </span> <span class="count" style="display: none;">132</span> <span id="seo_h1" class="text" style="font-family: WorkSans-SemiBold;">Products</span> <!-- Products in All Categories 132 Products --> </h1> </div> <div class="filter-area mob-filter"> <div class="category-filter-mobile"> <a href="#" class="fil-1" val="product-category"> <button type="button" name="button" class="main-button"><img src="https://www.archify.com/assets/img/svg/icon-general-filter-white.svg"><span style="margin-left:5px; position: relative;">Filters</span></button> </a> <a href="#" class="fil-2" val="project-category-speckfilter" class="floating-m"> <div class="filte-bn"> <img src="https://www.archify.com/assets/img/svg/02-icon-01-general-filter.svg"> </div> </a> <!-- --> </div> <div class="left-box"> <button id="toggleCategoryButton" class="clicked" type="button" name="button" style="display: none;">Category</button> <button id="toggleCategoryButtonMobile" class="" type="button" name="button">Category</button> <!-- Drop Down Sort By --> <div id="dropDownSortBy"> <p>Sort by <span></span></p> <img class="arrow-down" src="https://www.archify.com/assets/img/svg/mega-dropdown-arrow.svg" alt="arrow down" width="10" height="10"> <div class="toggle-area"> </div> <div class="drop-down-list"> <div class="drop-down-wrapper"> <ul id="sortByList" class=""> <li class="active" val="default" name="Default"> <span> <h5 class="">Relevant</h5> </span> </li> <li val="asc" name="A-Z"> <span> <h5 class="">A-Z</h5> </span> </li> <li val="desc" name="Z-A"> <span> <h5 class="">Z-A</h5> </span> </li> <li val="latest" name="Latest"> <span> <h5 class="">Latest</h5> </span> </li> </ul> </div> </div> </div> <div id="dropdown-brand"> <p>View by <span> - products</span></p> <img class="arrow-down" src="https://www.archify.com/assets/img/svg/mega-dropdown-arrow.svg" alt="arrow down" width="10" height="10"> <div class="toggle-area"> </div> <div class="drop-down-list"> <div class="drop-down-wrapper"> <ul class="sort-list" class=""> <li class="active" name="Products"> <span> <div class="txt-input">Products</div> </span> </li> <li class="" name="Brands" onClick="link_to_brand()"> <!--a href="https://www.archify.com/hk/brands"--> <span> <div class="txt-input">Brands</div> </span> <!--/a--> </li> </ul> </div> </div> </div> <div id="dropDownBrandList" style="display:none;" class="first-click"> <p>Brand Name</p> <img class="arrow-down" src="https://www.archify.com/assets/img/svg/mega-dropdown-arrow.svg" alt="arrow down" width="10" height="10"> <div class="toggle-area"> </div> <div class="drop-down-list"> <div class="drop-down-wrapper"> <div class="filter-brand-wrapper"> <input id="filterBrand" class="filter-brand" onkeyup="filterBrandSearch()" type="text" name="" value="" placeholder="Search Brand"> </div> <div class="brand-list-wrapper"> <ul id="brandList" class="brand-list"> </ul> </div> </div> </div> </div> <!-- Drop Down Sort By --> <div id="sortbrand" class="dropDownSortBy-mobile"> <p><img src="https://www.archify.com/assets/img/svg/sortbymob2.svg" alt="sort icon"></p> <div class="toggle-area"> </div> <div class="drop-down-list"> <div class="drop-down-wrapper"> <ul class="sort-list" class=""> <li class="active" name="Products"> <span> <div class="txt-input">Products</div> </span> </li> <li class="" name="Brands" onClick="link_to_brand()"> <!--a href="https://www.archify.com/hk/brands"--> <span> <div class="txt-input">Brands</div> </span> <!--/a--> </li> </ul> </div> </div> </div> <!-- Remove sustainable hint https://bcisuite.atlassian.net/jira/software/c/projects/AR/boards/85/backlog?selectedIssue=AR-506 --> <!-- Filters Category Category Sort by Relevant A-Z Z-A Latest View by - products Products Brands Brand Name Products Brands Sustainable Products --> <!-- --> </div> <div class="more-filter-wrapper"> <!-- https://app.asana.com/0/1201425521169514/1205484352191573 --> <!-- Drawing Files --> <!-- Sustainable Products --> </div> <div class="more-filter-wrapper float-right" style="border: none;display:none;"> <!-- NBS Enhanced Spec    --> </div> <div class="brand-filter"> <div class="search-tags-wrapper"> </div> <div class="brand-tags-wrapper"> </div> <div class="countries-tags-wrapper"> </div> </div> <div class="right-box"> </div> </div> </div> </div> <div class="product-item-wrapper"> <div class="brand-container"> </div> <div class="button-load-more-area" style="text-align: center;"> <!-- Load More