<ul class="box-menu flex f_med hide-xs" uk-scrollspy="cls:uk-animation-slide-bottom-small;"> <li class="txt-menu " data-id="brand" data-canvas="T" data-href="https://istore.ananda.co.th/en/brand"> <nav class="hoverDefaut">Brand</nav> </li> <li class="txt-menu " data-id="location" data-canvas="T" data-href="https://istore.ananda.co.th/en/location"> <nav class="hoverDefaut">Location</nav> </li> <li class="txt-menu " data-id="price" data-canvas="T" data-href="https://istore.ananda.co.th/en/price"> <nav class="hoverDefaut">Price</nav> </li> <li class="txt-menu " data-id="travel" data-canvas="T" data-href="https://istore.ananda.co.th/en/travel"> <nav class="hoverDefaut">Transport</nav> </li> <li class="txt-menu " data-id="eticket" data-canvas="F" data-href="https://istore.ananda.co.th/en/eticket"> <nav class="hoverDefaut">E-Ticket</nav> </li> </ul> <div class="box-right-menu flex v-center" uk-scrollspy="cls:uk-animation-slide-bottom-small;"> <div class="box-user"> <div class="section-user guest" uk-scrollspy="cls:uk-animation-fade;"> <div class="row-acc guest"> <div class="user-acc f_med flex v-center"> <span class="txt-acc go-login hoverDefaut" onclick="javascript:triggeredLogin();">Login</span> <span class="slash">/</span> <span class="txt-acc go-register hoverDefaut" onclick="javascript:triggeredLogin(true);">Register</span> </div> </div> </div> </div> <div class="box-search"> <span class="icon icon-search" href="#search-keyword-modal" uk-toggle></span> </div> <div class="box-hamburger"> <a class="hamburger-in" href="#offcanvas-menu" uk-toggle> <div class="hamburger"> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> </div> <div class="hamburger hover"> <div class="line"></div> <div class="line"></div> <div class="line"></div> <div class="line"></div> </div> </a> </div> </div>
<div class="wrap-canvas-content"> <div class="section-main-category show-xs" data-offcanvas="advance-filter"> <ul class="box-main-category-canvas f_med"> <li class="list-main-menu-canvas flex v-center" data-open="brand"> <span class="hoverSecond f_med">Brand</span> </li> <li class="list-main-menu-canvas flex v-center" data-open="location"> <span class="hoverSecond f_med">Location</span> </li> <li class="list-main-menu-canvas flex v-center" data-open="price"> <span class="hoverSecond f_med">Price</span> </li> <li class="list-main-menu-canvas flex v-center" data-open="travel"> <span class="hoverSecond f_med">Transport</span> </li> <a class="list-main-menu-canvas link flex v-center" href="https://istore.ananda.co.th/en/eticket" data-id="eticket"> <span class="hoverSecond f_med">E-Ticket</span> </a> </ul> </div> <div class="section-main-menu hide"> <!-- <div class="section-main-menu" uk-scrollspy="target: .animate-menu; cls:uk-animation-fade; delay: 180;"> --> <ul class="box-menu-canvas"> <li class="list-menu-canvas hl f_bold animate-menu"> <a class="hoverSecond" href="https://istore.ananda.co.th/en/search?search_type=brand&type=town_home&item=">Townhome</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore.ananda.co.th/en/search?filter_status=new">New Project</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore.ananda.co.th/en/search?filter_status=ready_to_move_in">Ready to Move In Project</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore.ananda.co.th/en/promotion">Promotion</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore.ananda.co.th/en/review-list">Review</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore.ananda.co.th/en/360virtual-tour">360 Virtual Tour</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore.ananda.co.th/en/how-to-buy">How to Buy</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore.ananda.co.th/en/contact">Contact us</a> </li> </ul> </div> </div>
Search projects, locations or sky trains
Recommended for you
<div id="submenu-brand" class="wrap-submenu-block"> <div class="submenu-block-inner" data-id="brand"> <div class="wrap-container-filter flex wrap"> brand44 <div class="container-filter-search flex column"> <div class="block-filter flex row"> <div class="filter-menu flex column"> <nav class="label-menu"> <input type="hidden" name="label_brand_town_home" value="brand_town_home"> <span class="f_reg" id="label-brand_town_home">town home</span> <span class="f_reg icon icon-submenu_arrow_right"></span> </nav> </div> <div class="filter-list flex column"> <section class="section-list" id="for_brand_town_home"> <div class="container-form common-form"> <div class="wrap-col-form"> <div class="col-form flex wrap stretch"> <div class="brand-item"> <div class="wrap-input-checkbox flex-inline v-center type_icon"> <input type="checkbox" name="brand_1628607720202120" id="brand_1628607720202120" class="input-type-checkbox" value="UNIO TOWN"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <div class="checking-img" style="background-image:url('https://istore.ananda.co.th/stocks/brand/o0x0/xh/4y/qiv9xh4ymtg/uniotown-c.png')"></div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="block-footer" action="https://istore.ananda.co.th/en/search" method="get"> <ul class="search-result-list"> </ul> <div class="block-search-action flex v-center h-justify"> <div class="btn-search btn-action f_bold">Search</div> <div class="btn-clear btn-action f_bold">Clear</div> </div> </div> </div> </div> </div> </div> <div id="submenu-location" class="wrap-submenu-block"> <div class="submenu-block-inner" data-id="location"> <div class="wrap-container-filter flex wrap"> </div> </div> </div> <div id="submenu-price" class="wrap-submenu-block"> <div class="submenu-block-inner" data-id="price"> <div class="wrap-container-filter flex wrap"> price44 <div class="container-filter-search flex column"> <div class="block-filter flex row"> <div class="filter-menu flex column"> <nav class="label-menu"> <input type="hidden" name="label_price_filter" value="price_filter"> <span class="f_reg" id="label-price_filter" data-label="ALL price range">price range</span> <span class="f_reg icon icon-submenu_arrow_right"></span> </nav> </div> <div class="filter-list flex column"> <section class="section-list" id="for_price_filter"> <div class="container-form common-form"> <div class="wrap-col-form"> <div class="col-form flex wrap stretch"> <div class="price-item all"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="price_all_price_filter" id="price_all_price_filter" class="input-type-checkbox all" value="all"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="price_all_price_filter" class="checking-text f_reg">select all</label> </div> </div> <div class="price-item"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="price_1626848361546110" id="price_1626848361546110" class="input-type-checkbox" data-range="4010000_6000000" value="4.01 - 6 MB"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="price_1626848361546110" class="checking-text f_reg">4.01 - 6 MB</label> </div> </div> <div class="price-item"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="price_162684839944272" id="price_162684839944272" class="input-type-checkbox" data-range="8010000_10000000" value="8.01 - 10 MB"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="price_162684839944272" class="checking-text f_reg">8.01 - 10 MB</label> </div> </div> </div> </div> </div> </section> </div> </div> <div class="block-footer" action="https://istore.ananda.co.th/en/search" method="get"> <ul class="search-result-list"> </ul> <div class="block-search-action flex v-center h-justify"> <div class="btn-search btn-action f_bold">Search</div> <div class="btn-clear btn-action f_bold">Clear</div> </div> </div> </div> </div> </div> </div> <div id="submenu-travel" class="wrap-submenu-block"> <div class="submenu-block-inner" data-id="travel"> <div class="wrap-container-filter flex wrap"> travel44 <div class="container-filter-search flex column"> <div class="block-filter flex row"> <div class="filter-menu flex column"> <nav class="label-menu"> <input type="hidden" name="label_1624015218390580" value="1624015218390580"> <span class="f_reg" id="label-1624015218390580">BTS</span> <span class="f_reg icon icon-submenu_arrow_right"></span> </nav> <nav class="label-menu"> <input type="hidden" name="label_1624015499505928" value="1624015499505928"> <span class="f_reg" id="label-1624015499505928">MRT</span> <span class="f_reg icon icon-submenu_arrow_right"></span> </nav> </div> <div class="filter-list flex column"> <section class="section-list" id="for_1624015218390580"> <div class="container-form common-form"> <div class="wrap-col-form"> <div class="col-form flex wrap stretch"> <div class="traval-item all"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="traval_all1624015218390580" id="traval_all1624015218390580" class="input-type-checkbox all" value="all"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="traval_all1624015218390580" class="checking-text f_reg">select all</label> </div> </div> <div class="traval-item"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="travel_1626846241446809" id="travel_1626846241446809" class="input-type-checkbox" value="Wongwian Yai"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="travel_1626846241446809" class="checking-text f_reg">Wongwian Yai</label> </div> </div> </div> </div> </div> </section> <section class="section-list" id="for_1624015499505928"> <div class="container-form common-form"> <div class="wrap-col-form"> <div class="col-form flex wrap stretch"> <div class="traval-item all"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="traval_all1624015499505928" id="traval_all1624015499505928" class="input-type-checkbox all" value="all"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="traval_all1624015499505928" class="checking-text f_reg">select all</label> </div> </div> <div class="traval-item"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="travel_1626846114563645" id="travel_1626846114563645" class="input-type-checkbox" value="สถานีบางซ่อน"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="travel_1626846114563645" class="checking-text f_reg">สถานีบางซ่อน</label> </div> </div> </div> </div> </div> </section> </div> </div> <div class="block-footer" action="https://istore.ananda.co.th/en/search" method="get"> <ul class="search-result-list"> </ul> <div class="block-search-action flex v-center h-justify"> <div class="btn-search btn-action f_bold">Search</div> <div class="btn-clear btn-action f_bold">Clear</div> </div> </div> </div> </div> </div> </div> <div id="submenu-eticket" class="wrap-submenu-block"> <div class="submenu-block-inner" data-id="eticket"> <div class="wrap-container-filter flex wrap"> </div> </div> </div>
<div class="submenu-list submenu-transform" data-submenu="brand"> <div class="submenu-title" data-tab="back"> <p class="row-title"> <span class="icon icon-arrow-down rotate90"></span> <span class="title f_bold">Brand</span> </p> </div> <div class="submenu-content"> <div class="wrap-menu"> <div class="filter-menu"> <div class="label-menu open"> <input type="hidden" name="label_brand_town_home" value="town home"> <span class="f_reg" id="label_brand_town_home">town home</span> </div> </div> </div> <div class="filter-list"> <div class="common-form show" id="for_brand_town_home"> <div class="wrap-col-form"> <div class="col-form flex wrap stretch"> <div class="item brand-item"> <div class="wrap-input-checkbox flex-inline v-center type_icon"> <input type="checkbox" name="brand_1628607720202120" id="brand_1628607720202120" class="input-type-checkbox" value="UNIO TOWN"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <div class="checking-img" style="background-image:url('https://istore.ananda.co.th/stocks/brand/o0x0/xh/4y/qiv9xh4ymtg/uniotown-c.png')"></div> </div> </div> </div> </div> </div> </div> </div> <div class="submenu-footer"> <ul class="tag-list"> </ul> <div class="footer-button"> <div class="btn-search btn-action f_bold">Search</div> <div class="btn-clear btn-action">Clear</div> </div> </div> </div> <div class="submenu-list submenu-transform" data-submenu="price"> <div class="submenu-title" data-tab="back"> <p class="row-title"> <span class="icon icon-arrow-down rotate90"></span> <span class="title f_bold">Price</span> </p> </div> <div class="submenu-content"> <div class="wrap-menu"> <div class="filter-menu"> <div class="label-menu open_no_css"> <input type="hidden" name="label_price_filter" value="price range"> <span class="f_reg" id="label_price_filter" data-label="ALL price range">price range</span> </div> </div> </div> <div class="filter-list"> <div class="common-form show" id="for_price_filter"> <div class="wrap-col-form"> <div class="col-form flex wrap stretch"> <div class="item item-price all"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="price_all_price_filter" id="price_all_price_filter" class="input-type-checkbox all" value="all"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="price_all_price_filter" class="checking-text f_reg">select all</label> </div> </div> <div class="item item-location"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="price_1626848361546110" id="price_1626848361546110" class="input-type-checkbox" data-range="4010000_6000000" value="4.01 - 6 MB"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="price_1626848361546110" class="checking-text f_reg">4.01 - 6 MB</label> </div> </div> <div class="item item-location"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="price_162684839944272" id="price_162684839944272" class="input-type-checkbox" data-range="8010000_10000000" value="8.01 - 10 MB"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="price_162684839944272" class="checking-text f_reg">8.01 - 10 MB</label> </div> </div> </div> </div> </div> </div> </div> <div class="submenu-footer"> <ul class="tag-list"> </ul> <div class="footer-button"> <div class="btn-search btn-action f_bold">Search</div> <div class="btn-clear btn-action">Clear</div> </div> </div> </div> <div class="submenu-list submenu-transform" data-submenu="travel"> <div class="submenu-title" data-tab="back"> <p class="row-title"> <span class="icon icon-arrow-down rotate90"></span> <span class="title f_bold">Transport</span> </p> </div> <div class="submenu-content"> <div class="wrap-menu"> <div class="filter-menu"> <div class="label-menu open"> <input type="hidden" name="label_1624015218390580" value="bts"> <span class="f_reg" id="label_1624015218390580">BTS</span> </div> <div class="label-menu "> <input type="hidden" name="label_1624015499505928" value="mrt"> <span class="f_reg" id="label_1624015499505928">MRT</span> </div> </div> </div> <div class="filter-list"> <div class="common-form show" id="for_1624015218390580"> <div class="wrap-col-form"> <div class="col-form flex wrap stretch"> <div class="item item-location all"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="travel_all_1624015218390580" id="travel_all_1624015218390580" class="input-type-checkbox all" value="all"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="travel_all_1624015218390580" class="checking-text f_reg">select all</label> </div> </div> <div class="item item-location"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="transport_1626846241446809" id="transport_1626846241446809" class="input-type-checkbox" value="Wongwian Yai"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="transport_1626846241446809" class="checking-text f_reg">Wongwian Yai</label> </div> </div> </div> </div> </div> <div class="common-form " id="for_1624015499505928"> <div class="wrap-col-form"> <div class="col-form flex wrap stretch"> <div class="item item-location all"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="travel_all_1624015499505928" id="travel_all_1624015499505928" class="input-type-checkbox all" value="all"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="travel_all_1624015499505928" class="checking-text f_reg">select all</label> </div> </div> <div class="item item-location"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="transport_1626846114563645" id="transport_1626846114563645" class="input-type-checkbox" value="สถานีบางซ่อน"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="transport_1626846114563645" class="checking-text f_reg">สถานีบางซ่อน</label> </div> </div> </div> </div> </div> </div> </div> <div class="submenu-footer"> <ul class="tag-list"> </ul> <div class="footer-button"> <div class="btn-search btn-action f_bold">Search</div> <div class="btn-clear btn-action">Clear</div> </div> </div> </div>
Reviews recommend projects from us
All Project