<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-dev.ananda.co.th/th/brand"> <nav class="hoverDefaut">แบรนด์</nav> </li> <li class="txt-menu " data-id="location" data-canvas="T" data-href="https://istore-dev.ananda.co.th/th/location"> <nav class="hoverDefaut">ทำเล</nav> </li> <li class="txt-menu " data-id="price" data-canvas="T" data-href="https://istore-dev.ananda.co.th/th/price"> <nav class="hoverDefaut">ราคา</nav> </li> <li class="txt-menu " data-id="travel" data-canvas="T" data-href="https://istore-dev.ananda.co.th/th/travel"> <nav class="hoverDefaut">การเดินทาง</nav> </li> <li class="txt-menu " data-id="eticket" data-canvas="F" data-href="https://istore-dev.ananda.co.th/th/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();">เข้าสู่ระบบ</span> <span class="slash">/</span> <span class="txt-acc go-register hoverDefaut" onclick="javascript:triggeredLogin(true);">สมัครสมาชิก</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">แบรนด์</span> </li> <li class="list-main-menu-canvas flex v-center" data-open="location"> <span class="hoverSecond f_med">ทำเล</span> </li> <li class="list-main-menu-canvas flex v-center" data-open="price"> <span class="hoverSecond f_med">ราคา</span> </li> <li class="list-main-menu-canvas flex v-center" data-open="travel"> <span class="hoverSecond f_med">การเดินทาง</span> </li> <a class="list-main-menu-canvas link flex v-center" href="https://istore-dev.ananda.co.th/th/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-dev.ananda.co.th/th/search?search_type=brand&type=town_home&item=">ทาวน์โฮม</a> </li> <li class="list-menu-canvas hl f_bold animate-menu"> <a class="hoverSecond" href="https://istore-dev.ananda.co.th/th/search?search_type=brand&type=condo&item=">คอนโด</a> </li> <li class="list-menu-canvas hl f_bold animate-menu"> <a class="hoverSecond" href="https://istore-dev.ananda.co.th/th/search?search_type=brand&type=single_house&item=">บ้าน</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore-dev.ananda.co.th/th/search?filter_status=new">โครงการใหม่</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore-dev.ananda.co.th/th/search?filter_status=ready_to_move_in">โครงการพร้อมอยู่</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore-dev.ananda.co.th/th/promotion">โปรโมชั่น</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore-dev.ananda.co.th/th/review-list">รีวิว</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore-dev.ananda.co.th/th/360virtual-tour">360 Virtual tour</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore-dev.ananda.co.th/th/how-to-buy">ขั้นตอนการจอง</a> </li> <li class="list-menu-canvas f_med animate-menu"> <a class="hoverSecond" href="https://istore-dev.ananda.co.th/th/contact">ติดต่อเรา</a> </li> </ul> </div> </div>
ค้นหาโครงการ ทำเล หรือสถานีรถไฟฟ้า
แนะนำสำหรับคุณ
ห้องมุม
ใกล้ทางด่วน
ใกล้โรงเรียน
ติดรถไฟฟ้า
ใกล้แหล่งช็อปปิ้ง
<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">ทาวน์โฮม</span> <span class="f_reg icon icon-submenu_arrow_right"></span> </nav> <nav class="label-menu"> <input type="hidden" name="label_brand_condo" value="brand_condo"> <span class="f_reg" id="label-brand_condo">คอนโด</span> <span class="f_reg icon icon-submenu_arrow_right"></span> </nav> <nav class="label-menu"> <input type="hidden" name="label_brand_single_house" value="brand_single_house"> <span class="f_reg" id="label-brand_single_house">บ้านเดี่ยว</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="ยูนิโอ ทาวน์"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <div class="checking-img" style="background-image:url('https://istore-dev.ananda.co.th/stocks/brand/o0x0/hp/ri/o0cehprigsw/uniotown-c.png')"></div> </div> </div> </div> </div> </div> </section> <section class="section-list" id="for_brand_condo"> <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_1624875163605338" id="brand_1624875163605338" class="input-type-checkbox" value="ไอดีโอ"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <div class="checking-img" style="background-image:url('https://istore-dev.ananda.co.th/stocks/brand/o0x0/zf/4w/qlxgzf4w8mt/ideo.svg')"></div> </div> </div> <div class="brand-item"> <div class="wrap-input-checkbox flex-inline v-center type_icon"> <input type="checkbox" name="brand_1628766575352306" id="brand_1628766575352306" class="input-type-checkbox" value="ไอดีโอ คิว"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <div class="checking-img" style="background-image:url('https://istore-dev.ananda.co.th/stocks/brand/o0x0/jc/da/o8ubjcda2cl/ideoq.svg')"></div> </div> </div> </div> </div> </div> </section> <section class="section-list" id="for_brand_single_house"> <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_1627548375397465" id="brand_1627548375397465" class="input-type-checkbox" value="อาร์เทล"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <div class="checking-img" style="background-image:url('https://istore-dev.ananda.co.th/stocks/brand/o0x0/pf/jz/rwdtpfjziei/artale.svg')"></div> </div> </div> <div class="brand-item"> <div class="wrap-input-checkbox flex-inline v-center type_icon"> <input type="checkbox" name="brand_162383380350489" id="brand_162383380350489" class="input-type-checkbox" value="AIRI"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <div class="checking-img" style="background-image:url('https://istore-dev.ananda.co.th/stocks/brand/o0x0/sy/t2/7nq4syt2zem/airi.svg')"></div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="block-footer" action="https://istore-dev.ananda.co.th/th/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">ค้นหา</div> <div class="btn-clear btn-action f_bold">ล้างทัั้งหมด</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"> location44 <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_1626846730623978" value="1626846730623978"> <span class="f_reg" id="label-1626846730623978">กรุงเทพชั้นใน</span> <span class="f_reg icon icon-submenu_arrow_right"></span> </nav> <nav class="label-menu"> <input type="hidden" name="label_1623999268609216" value="1623999268609216"> <span class="f_reg" id="label-1623999268609216">วงแหวนรอบนอก</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_1626846730623978"> <div class="container-form common-form"> <div class="wrap-col-form"> <div class="col-form flex wrap stretch"> <div class="location-item all"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="location_all_1626846730623978" id="location_all_1626846730623978" class="input-type-checkbox all" value="all"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="location_all_1626846730623978" class="checking-text f_reg">เลือกทั้งหมด</label> </div> </div> <div class="location-item"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="location_1626847081250782" id="location_1626847081250782" class="input-type-checkbox" value="ทองหล่อ"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="location_1626847081250782" class="checking-text f_reg">ทองหล่อ</label> </div> </div> <div class="location-item"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="location_1626847117955269" id="location_1626847117955269" class="input-type-checkbox" value="สุขุมวิท"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="location_1626847117955269" class="checking-text f_reg">สุขุมวิท</label> </div> </div> </div> </div> </div> </section> <section class="section-list" id="for_1623999268609216"> <div class="container-form common-form"> <div class="wrap-col-form"> <div class="col-form flex wrap stretch"> <div class="location-item all"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="location_all_1623999268609216" id="location_all_1623999268609216" class="input-type-checkbox all" value="all"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="location_all_1623999268609216" class="checking-text f_reg">เลือกทั้งหมด</label> </div> </div> <div class="location-item"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="location_1626847406340155" id="location_1626847406340155" class="input-type-checkbox" value="ประชาอุทิศ"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="location_1626847406340155" class="checking-text f_reg">ประชาอุทิศ</label> </div> </div> <div class="location-item"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="location_1623999364101800" id="location_1623999364101800" class="input-type-checkbox" value="พระราม 2"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="location_1623999364101800" class="checking-text f_reg">พระราม 2</label> </div> </div> </div> </div> </div> </section> </div> </div> <div class="block-footer" action="https://istore-dev.ananda.co.th/th/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">ค้นหา</div> <div class="btn-clear btn-action f_bold">ล้างทัั้งหมด</div> </div> </div> </div> </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="ทุกช่วงราคา">เลือกช่วงราคา</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">เลือกทั้งหมด</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 ล้านบาท"> <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 ล้านบาท</label> </div> </div> <div class="price-item"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="price_1626848412544987" id="price_1626848412544987" class="input-type-checkbox" data-range="10000001_9999999999999" value="10 ล้านบาทขึ้นไป"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="price_1626848412544987" class="checking-text f_reg">10 ล้านบาทขึ้นไป</label> </div> </div> </div> </div> </div> </section> </div> </div> <div class="block-footer" action="https://istore-dev.ananda.co.th/th/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">ค้นหา</div> <div class="btn-clear btn-action f_bold">ล้างทัั้งหมด</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">เลือกทั้งหมด</label> </div> </div> <div class="traval-item"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="travel_1626846237768847" id="travel_1626846237768847" class="input-type-checkbox" value="สถานีพร้อมพงษ์"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="travel_1626846237768847" class="checking-text f_reg">สถานีพร้อมพงษ์</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="สถานีวงเวียนใหญ่"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="travel_1626846241446809" class="checking-text f_reg">สถานีวงเวียนใหญ่</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">เลือกทั้งหมด</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-dev.ananda.co.th/th/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">ค้นหา</div> <div class="btn-clear btn-action f_bold">ล้างทัั้งหมด</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">แบรนด์</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="ทาวน์โฮม"> <span class="f_reg" id="label_brand_town_home">ทาวน์โฮม</span> </div> <div class="label-menu "> <input type="hidden" name="label_brand_condo" value="คอนโด"> <span class="f_reg" id="label_brand_condo">คอนโด</span> </div> <div class="label-menu "> <input type="hidden" name="label_brand_single_house" value="บ้านเดี่ยว"> <span class="f_reg" id="label_brand_single_house">บ้านเดี่ยว</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="ยูนิโอ ทาวน์"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <div class="checking-img" style="background-image:url('https://istore-dev.ananda.co.th/stocks/brand/o0x0/hp/ri/o0cehprigsw/uniotown-c.png')"></div> </div> </div> </div> </div> </div> <div class="common-form " id="for_brand_condo"> <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_1624875163605338" id="brand_1624875163605338" class="input-type-checkbox" value="ไอดีโอ"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <div class="checking-img" style="background-image:url('https://istore-dev.ananda.co.th/stocks/brand/o0x0/zf/4w/qlxgzf4w8mt/ideo.svg')"></div> </div> </div> <div class="item brand-item"> <div class="wrap-input-checkbox flex-inline v-center type_icon"> <input type="checkbox" name="brand_1628766575352306" id="brand_1628766575352306" class="input-type-checkbox" value="ไอดีโอ คิว"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <div class="checking-img" style="background-image:url('https://istore-dev.ananda.co.th/stocks/brand/o0x0/jc/da/o8ubjcda2cl/ideoq.svg')"></div> </div> </div> </div> </div> </div> <div class="common-form " id="for_brand_single_house"> <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_1627548375397465" id="brand_1627548375397465" class="input-type-checkbox" value="อาร์เทล"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <div class="checking-img" style="background-image:url('https://istore-dev.ananda.co.th/stocks/brand/o0x0/pf/jz/rwdtpfjziei/artale.svg')"></div> </div> </div> <div class="item brand-item"> <div class="wrap-input-checkbox flex-inline v-center type_icon"> <input type="checkbox" name="brand_162383380350489" id="brand_162383380350489" class="input-type-checkbox" value="AIRI"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <div class="checking-img" style="background-image:url('https://istore-dev.ananda.co.th/stocks/brand/o0x0/sy/t2/7nq4syt2zem/airi.svg')"></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">ค้นหา</div> <div class="btn-clear btn-action">ล้างทัั้งหมด</div> </div> </div> </div> <div class="submenu-list submenu-transform" data-submenu="location"> <div class="submenu-title" data-tab="back"> <p class="row-title"> <span class="icon icon-arrow-down rotate90"></span> <span class="title f_bold">ทำเล</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_1626846730623978" value="กรุงเทพชั้นใน"> <span class="f_reg" id="label_1626846730623978">กรุงเทพชั้นใน</span> </div> <div class="label-menu "> <input type="hidden" name="label_1623999268609216" value="วงแหวนรอบนอก"> <span class="f_reg" id="label_1623999268609216">วงแหวนรอบนอก</span> </div> </div> </div> <div class="filter-list"> <div class="common-form show" id="for_1626846730623978"> <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="location_all_1626846730623978" id="location_all_1626846730623978" class="input-type-checkbox all" value="all"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="location_all_1626846730623978" class="checking-text f_reg">เลือกทั้งหมด</label> </div> </div> <div class="item item-location"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="location_1626847081250782" id="location_1626847081250782" class="input-type-checkbox" value="ทองหล่อ"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="location_1626847081250782" class="checking-text f_reg">ทองหล่อ</label> </div> </div> <div class="item item-location"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="location_1626847117955269" id="location_1626847117955269" class="input-type-checkbox" value="สุขุมวิท"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="location_1626847117955269" class="checking-text f_reg">สุขุมวิท</label> </div> </div> </div> </div> </div> <div class="common-form " id="for_1623999268609216"> <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="location_all_1623999268609216" id="location_all_1623999268609216" class="input-type-checkbox all" value="all"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="location_all_1623999268609216" class="checking-text f_reg">เลือกทั้งหมด</label> </div> </div> <div class="item item-location"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="location_1626847406340155" id="location_1626847406340155" class="input-type-checkbox" value="ประชาอุทิศ"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="location_1626847406340155" class="checking-text f_reg">ประชาอุทิศ</label> </div> </div> <div class="item item-location"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="location_1623999364101800" id="location_1623999364101800" class="input-type-checkbox" value="พระราม 2"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="location_1623999364101800" class="checking-text f_reg">พระราม 2</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">ค้นหา</div> <div class="btn-clear btn-action">ล้างทัั้งหมด</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">ราคา</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="เลือกช่วงราคา"> <span class="f_reg" id="label_price_filter" data-label="ทุกช่วงราคา">เลือกช่วงราคา</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">เลือกทั้งหมด</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 ล้านบาท"> <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 ล้านบาท</label> </div> </div> <div class="item item-location"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="price_1626848412544987" id="price_1626848412544987" class="input-type-checkbox" data-range="10000001_9999999999999" value="10 ล้านบาทขึ้นไป"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="price_1626848412544987" class="checking-text f_reg">10 ล้านบาทขึ้นไป</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">ค้นหา</div> <div class="btn-clear btn-action">ล้างทัั้งหมด</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">การเดินทาง</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">เลือกทั้งหมด</label> </div> </div> <div class="item item-location"> <div class="wrap-input-checkbox flex-inline v-top"> <input type="checkbox" name="transport_1626846237768847" id="transport_1626846237768847" class="input-type-checkbox" value="สถานีพร้อมพงษ์"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="transport_1626846237768847" class="checking-text f_reg">สถานีพร้อมพงษ์</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="สถานีวงเวียนใหญ่"> <div class="checking-box"><span class="icon icon-Check icon-check"></span></div> <label for="transport_1626846241446809" class="checking-text f_reg">สถานีวงเวียนใหญ่</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">เลือกทั้งหมด</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">ค้นหา</div> <div class="btn-clear btn-action">ล้างทัั้งหมด</div> </div> </div> </div>
หน้าหลัก | Ananda iStore อยู่ที่ไหนก็ช้อปได้
<ul class="uk-slideshow-items"> <li class="slide img-slide" data-showtime="10" data-type="image"> <img class="items hide-xs img-lazy" data-src="https://istore-dev.ananda.co.th/stocks/highlight_banner/o0x0/3n/sp/96x13nsplus/1628165466124_-_Ananda_88_iStore_1440x730.jpeg" alt="1628165466124 - Ananda_88 iStore_1440x730" width="100%" height="100%"> <img class="items show-xs img-lazy" data-src="https://istore-dev.ananda.co.th/stocks/highlight_banner/o0x0/nj/er/s5cznjerlb6/Ananda_88-iStore_640x1136.jpeg" alt="Ananda_88-iStore_640x1136" width="100%" height="100%"> </li> </ul> <div class="dot-group"> <div class="uk-slideshow-nav"></div> </div>
<div class="block-bg"> <div class="block-text hide"> <h2 class="text-recommended f_bold">แนะนำสำหรับคุณ</h2> </div> <div class="block-recommended"> <div class="block-item uk-slider uk-slider-container" tabindex="-1" uk-slider="finite:true;sets:true;"> <ul class="uk-slider-items width-item"></ul> <div class="wrap-btn-arrow prev"> <a href="#" uk-slider-item="previous" class="btn-arrow"></span><span class='icon-slide-arrow-left'></span></a> </div> <div class="wrap-btn-arrow next"> <a href="#" uk-slider-item="next" class="btn-arrow ic-last"></span><span class='icon-slide-arrow-right'></span></a> </div> </div> </div> </div>
<a href="https://istore-dev.ananda.co.th/th/how-to-buy"> <section> <div class="block-flex"> <div class="block-flex-left"> <div class="no f_bold"> <div class="no-three">3</div> </div> <div class="text-desc f_bold"> <div class="title">ฟังก์ชั่น</div> <div class="desc">รวดเร็ว ปลอดภัย</div> </div> </div> <div class="block-flex-right"> <div class="block-list space-frist"> <div class="box-image"> <div class="image"> <img src="/images/three-function/icon-easy.svg" alt="" > </div> </div> <div class="text-desc f_bold"> <div class="title">EASY</div> <div class="desc">จองง่าย จ่ายสะดวก มีข้อมูลครบ แค่คลิกก็ได้ห้องที่ถูกใจ</div> </div> </div> <div class="block-list"> <div class="box-image"> <div class="image"> <img src="/images/three-function/icon-smart.svg" alt="" > </div> </div> <div class="text-desc f_bold"> <div class="title">SMART</div> <div class="desc">จองได้ทุกที ทุกเวลา ผ่านอุปกรณ์ Smart Device</div> </div> </div> <div class="block-list"> <div class="box-image"> <div class="image"> <img src="/images/three-function/icon-secure.svg" alt="" > </div> </div> <div class="text-desc f_bold"> <div class="title">SECURE</div> <div class="desc">การันตีความปลอดภัยระบบ E-Payment มาตรฐานสากล</div> </div> </div> </div> </div> </section> </a>
<div class="wrap-home-360"> <div class="section-360logo flex"> <div class="flex margin-auto"> <img class="logo img-lazy" data-src="https://istore-dev.ananda.co.th/images/360/logo-360.svg" alt="" width="200" height="70" uk-scrollspy="cls: uk-animation-slide-bottom-small;delay:100;offset-top:-100"/> <div class="flex column" uk-scrollspy="cls: uk-animation-slide-bottom-small;delay:100;offset-top:-100"> <div class="slogan f_bold">ให้คุณสะดวก...สบาย...มั่นใจ...</div> <div class="sub-slogan f_bold">ได้ครบทุกข้อมูลเหมือนมาชมด้วยตัวเอง</div> </div> </div> <div class="block-btn hide-xs f_bold" uk-scrollspy="cls: uk-animation-slide-bottom-small;delay:100;offset-top:-100"> <div class="btn-all"> <a href="https://istore-dev.ananda.co.th/th/360virtual-tour"> <div class="text-btn">ดูทั้งหมด</div> </a> </div> </div> </div> <div class="max-width-iframe"> <div class="container-iframe" uk-scrollspy="cls: uk-animation-slide-bottom-small;delay:100;offset-top:-100"> <div class="cover-iframe" data-src="https://visualpanorama.com/360/premium360/ananda/artalegolive/index.htm"> <img class="img-lazy" data-src="https://istore-dev.ananda.co.th/images/360/360dim_logo.png" alt="dim logo" width="auto" height="auto"> </div> <img class="cover-img img-lazy" data-src="https://istore-dev.ananda.co.th/stocks/virtual_tour/o0x0/9g/p7/ran89gp7jsb/mock-thumb6.jpg" alt="mock-thumb6"> <iframe class="banner-iframe" data-src="https://visualpanorama.com/360/premium360/ananda/artalegolive/index.htm"></iframe> </div> </div> <div class="list-360"> <div class="wrap-list"> <div class="item-list flex wrap"> <div class="item" data-src="https://visualpanorama.com/360/premium360/ananda/artalegolive/index.htm" data-project="" data-title="อาร์เทล เอกมัย-รามอินทรา 2" data-desc=""> <div class="box-cover "> <img class="img-cover" src="stocks/virtual_tour/c280x204/9g/p7/ran89gp7jsb/mock-thumb6.jpg" alt="mock-thumb6" /> </div> <h2 class="pj-name f_bold">อาร์เทล เอกมัย-รามอินทรา 2</h2> </div> <div class="item" data-src="https://visualpanorama.com/360/premium360/ananda/artalegolive/index.htm" data-project="" data-title="อาร์เทล เอกมัย-รามอินทรา 3" data-desc=""> <div class="box-cover "> <img class="img-cover" src="stocks/virtual_tour/c280x204/jt/21/c5tpjt21zyr/mock-thumb6.jpg" alt="mock-thumb6" /> </div> <h2 class="pj-name f_bold">อาร์เทล เอกมัย-รามอินทรา 3</h2> </div> <div class="item" data-src="https://visualpanorama.com/360/premium360/ananda/artalegolive/index.htm" data-project="" data-title="อาร์เทล เอกมัย-รามอินทรา 4" data-desc=""> <div class="box-cover "> <img class="img-cover" src="stocks/virtual_tour/c280x204/ej/z9/dghbejz9yvb/mock-thumb6.jpg" alt="mock-thumb6" /> </div> <h2 class="pj-name f_bold">อาร์เทล เอกมัย-รามอินทรา 4</h2> </div> <div class="item" data-src="https://visualpanorama.com/360/premium360/ananda/artalegolive/index.htm" data-project="" data-title="อาร์เทล เอกมัย-รามอินทรา ได้ครบทุกข้อมูลเหมือนมาชมด้วยตัวเอง" data-desc=""> <a href="https://istore-dev.ananda.co.th/th/360virtual-tour" target="_self"> <div class="box-cover more"> <img class="img-cover" src="stocks/virtual_tour/c280x204/5t/w7/esuw5tw7g1k/mock-thumb6.jpg" alt="mock-thumb6" /> <span class="overflow-txt flex center f_bold">ดูทั้งหมด</span> </div> </a> <h2 class="pj-name f_bold">อาร์เทล เอกมัย-รามอินทรา ได้ครบทุกข้อมูลเหมือนมาชมด้วยตัวเอง</h2> </div> </div> </div> </div> </div>
<div class="warp-review"> <div class="flex-warp-review"> <div class="flex-left"> <div class="block-title f_bold"> <h2 class="title-review animate-section">รีวิวแนะนำโครงการจากเรา</h2> <div class="block-btn"> <div class="btn-all"> <a href="https://istore-dev.ananda.co.th/th/review-list"> <div class="text-btn">ดูทั้งหมด</div> </a> </div> </div> </div> </div> <div class="flex-right animate-section"> <div class="block-video uk-slider uk-slider-container" tabindex="-1" uk-slider="finite:false;"> <ul class="uk-slider-items"></ul> </div> <div class="block-btn f_bold"> <div class="btn-all"> <a href="https://istore-dev.ananda.co.th/th/review-list"> <div class="text-btn">ดูทั้งหมด</div> </a> </div> </div> </div> </div> </div>