聯絡人姓名 : TEST04
訂購電話 : 0912345678
- 營業備註 -
<div class="col-6"> <div class="card-snapshot"> <div class="card-img"> <img src="/assets/images/fake_img/vendors/01/01.png" alt="位於一樓的點餐店面"> </div> <p class="card-text">/ 位於一樓的點餐店面 /</p> </div> </div> <div class="col-6"> <div class="card-snapshot"> <div class="card-img"> <img src="/assets/images/fake_img/vendors/01/02.png" alt="位於一樓的點餐店面"> </div> <p class="card-text">/ 充滿日式風情的天花設計 /</p> </div> </div> <div class="col-6"> <div class="card-snapshot"> <div class="card-img"> <img src="/assets/images/fake_img/vendors/01/03.png" alt="位於一樓的點餐店面"> </div> <p class="card-text">/ 彷彿置身日本的露天座位區 /</p> </div> </div> <div class="col-6"> <div class="card-snapshot"> <div class="card-img"> <img src="/assets/images/fake_img/vendors/01/04.png" alt="位於一樓的點餐店面"> </div> <p class="card-text">/ 燒烤配啤酒最對味 /</p> </div> </div> <div class="col-6"> <div class="card-snapshot"> <div class="card-img"> <img src="/assets/images/fake_img/vendors/01/05.png" alt="位於一樓的點餐店面"> </div> <p class="card-text">/ 點餐區琳瑯滿目 /</p> </div> </div> <div class="col-6"> <div class="card-snapshot"> <div class="card-img"> <img src="/assets/images/fake_img/vendors/01/06.png" alt="位於一樓的點餐店面"> </div> <p class="card-text">/ 多樣的美味串燒 /</p> </div> </div> </div> --> </div> </div> </main> <!-- ------------------------------------------------------------------------ --> <footer id="footer" class=""> <a href="#Z" title="上方功能區塊" aria-label="上方功能區塊" id="AZ" accesskey="Z" name="Z">:::</a> <!-- Top Bar --> <section class="footer-top"> <div class="container"> <a href="/" class="footer-logo" title="線上菜市仔 夜市仔(回首頁)" aria-label="線上菜市仔 夜市仔(回首頁)"> <img src="/assets/images/logo/logo_footer.svg" class="js-acc-ignore" alt="" > <span class="sr-only">aria-label="線上菜市仔 夜市仔(回首頁)"</span> </a> <div class="footer-nav-wrapper"> <div class="footer-nav-block"> <p class="footer-subject">客服中心</p> <div class="nav-group"> <nav class="nav-wrapper"> <a href="/website/market_counseling" class="link" title="關於我們(連結)" aria-label="關於我們(連結)"> 關於我們 </a> <a href="/website/news_list" class="link" title="最新消息(連結)" aria-label="最新消息(連結)"> 最新消息 </a> <a href="/website/photo_gallery" class="link" title="活動集錦(連結)" aria-label="活動集錦(連結)"> 活動集錦 </a> <a href="/website/vendors_list" class="link" title="優良市集與樂活名攤(連結)" aria-label="優良市集與樂活名攤(連結)"> 優良市集與樂活名攤 </a> </nav> <nav class="nav-wrapper"> <a href="/website/product_list/all/all/35" class="link" title="線上購物專區(連結)" aria-label="線上購物專區(連結)"> 線上購物專區 </a> <a href="/website/shopping_description_list" class="link" title="購物服務說明(連結)" aria-label="購物服務說明(連結)">購物服務說明</a> <a href="/website/questions_list" class="link" title="常見 Q&A(連結)" aria-label="常見 Q&A(連結)">常見 Q&A</a> <a href="/website/sitemap" class="link" title="網站導覽(連結)" aria-label="網站導覽(連結)">網站導覽</a> </nav> </div> </div> <div class="footer-nav-block"> <p class="footer-subject">關於線上菜市仔．夜市仔</p> <nav class="nav-wrapper"> <a href="/website/aesthetic_counseling_list" class="link" title="市集美學輔導(連結)" aria-label="市集美學輔導(連結)">市集美學輔導</a> <a href="/website/vendors_result_list" class="link" title="攤舖位優化輔導(連結)" aria-label="攤舖位優化輔導(連結)">攤舖位優化輔導</a> <a href="/website/low_carbon_counseling_list" class="link" title="綠色低碳市集輔導(連結)" aria-label="綠色低碳市集輔導(連結)">綠色低碳市集輔導</a> </nav> </div> <div class="footer-nav-block"> <p class="footer-subject">追蹤我們</p> <nav class="nav-wrapper"> <a href="https://www.facebook.com/NMgo.tw" target="_blank" class="link" title="Facebook官方帳號(新開分頁)" aria-label="Facebook官方帳號(新開分頁)"> <i class="icon icon-facebook"></i> Facebook </a> <a href="https://instagram.com" target="_blank" class="link" title="Instagram官方帳號(新開分頁)" aria-label="Instagram官方帳號(新開分頁)"> <i class="icon icon-instagram"></i> Instagram </a> <a href="https://page.line.me/?accountId=229buoeu&openerPlatform=native&openerKey=talkroom:header#mst_challenge=sEF0CT8a9QVkLV1A32g1vpc3VKE1Bx1z9Jj9FKlziSI" target="_blank" class="link" title="Line官方帳號(新開分頁)" aria-label="Line官方帳號(新開分頁)"> <i class="icon icon-line"></i> Line </a> </nav> </div> </div> <a class="accessibility-icon text-center" href="https://accessibility.moda.gov.tw/Applications/Detail?category=20221212141639" title="移至無障礙標章網頁"> <img src="/assets/images/logo/logo_accessibility_a_plus.svg" border="0" alt="通過A無障礙網頁檢測" /> </a> </div> </section> <!-- Bottom Bar --> <section class="footer-bottom"> <div class="container"> <p class="contact-mail"> 聯繫信箱：<a href="mailto:nmgo@cpc.org.tw" title="聯繫信箱(開啟信箱軟體)" aria-label="聯繫信箱(開啟信箱軟體)">nmgo@cpc.org.tw</a> </p> <!-- <p class="copyright"> Copyright © 2021 免踅好揀 all right reserved. Design by <a href="https://mukicorp.com/" target="_blank" title="沐奇資訊(另開分頁)" aria-label="沐奇資訊(另開分頁)">Muki</a> </p> --> <div class="policy-group"> <a href="/website/privacy_policy" class="link" title="隱私權條款(連結)" aria-label="隱私權條款(連結)">隱私權條款</a> <a href="/website/copyright_clause" class="link" title="著作權條款(連結)" aria-label="著作權條款(連結)">著作權條款</a> </div> </div> </section> </footer> <a href="javascript:;" class="gotop" title="到頁面最頂端" aria-label="到頁面最頂端" role="button"> <img src="/assets/images/icon/arrow_up.svg" class="js-acc-ignore" alt=""> <span class="sr-only">到頁面最頂端</span> </a> <div class="loading d-none"> <div class="loading-icon"> <div class="car-mask"><span class="icon-car"></span></div> <div class="loading-text">Loading</div> </div> </div> <!-- 登入modal --> <div class="modal modal-common fade" id="modal-login" tabindex="-1" aria-labelledby="會員登入燈箱" aria-hidden="true" > <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h2 class="subject-title"> <span class="ch">會員登入</span> </h2> <p class="tip"> 還不是會員嗎？<a href="javascript:;" title="還不是會員嗎?立即註冊(按鈕)" aria-label="還不是會員嗎?立即註冊(按鈕)" data-custom-toggle="#modal-register" >立即註冊</a > </p> <button type="button" class="close" data-dismiss="modal" aria-label="Close" > <i class="icon icon-delete"></i> </button> </div> <div class="modal-body"> <form action="/website/login_check" class="form-style" method="POST" id="login_form"> <input type="hidden" name="csrf_test_name" class="csrf_test_name" value="0ec4d4b7d4bcaf03a3a3654a8ce44c2e" /> <input type="hidden" name="is_modal_login" value=""> <label class="form-item" for="login_modal_account"> <p class="form-title">會員帳號</p> <div class="input-icon-wrapper"> <input name="account" type="email" class="form-control" aria-label="請輸入會員Eamil" placeholder="請輸入Email" required="required" id="login_modal_account" /> <i class="icon icon-user"></i> </div> </label> <label class="form-item" for="login_modal_pwd"> <p class="form-title">會員密碼</p> <div class="input-icon-wrapper password"> <input name="password" type="password" class="form-control" aria-label="請輸入會員密碼" placeholder="請輸入密碼" required="required" id="login_modal_pwd" /> <i class="icon icon-padlock"></i> <a href="javascript:;" class="btn-pwd" title="切換密碼顯示或隱藏(按鈕)" aria-label="切換密碼顯示或隱藏(按鈕)" > <i class="fa fa-eye"></i> <i class="fa fa-eye-slash"></i> <span class="sr-only" >切換密碼顯示或隱藏(按鈕)</span > </a> </div> </label> <div class="text-right"> <a href="javascript:;" class="text" title="忘記密碼(按鈕)" aria-label="忘記密碼(按鈕)" data-custom-toggle="#modal-forgot-pwd">忘記密碼?</a> </div> <button type="submit" id="login_submit" class="btn-solid">登入</button> </form> </div> <div class="modal-footer"> <p class="title-slash"><span>快速登入</span></p> <div class="btn-group"> <a href="/website_community/login_fb" class="btn-solid" title="使用facebook登入(按鈕)" aria-label="使用facebook登入(按鈕)" role="button" > <i class="icon icon-facebook_1"></i> 使用 Facebook 登入 </a> <a href="/website_community/login_line" class="btn-solid" title="使用LINE登入(按鈕)" aria-label="使用LINE登入(按鈕)" role="button" > <i class="icon icon-line"></i> 使用 LINE 登入 </a> </div> </div> </div> </div> </div> <!-- 註冊modal --> <div class="modal modal-common fade" id="modal-register" tabindex="-1" aria-labelledby="註冊會員燈箱" aria-hidden="true" > <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h2 class="subject-title"> <span class="ch">註冊會員</span> </h2> <button type="button" class="close" data-dismiss="modal" aria-label="Close" > <i class="icon icon-delete"></i> </button> </div> <div class="modal-body"> <form action="/website/register_check" class="form-style" method="POST" id="register_form"> <input type="hidden" name="csrf_test_name" class="csrf_test_name" value="0ec4d4b7d4bcaf03a3a3654a8ce44c2e" /> <label class="form-item" for="register_modal_email"> <p class="form-title">帳號(Email)</p> <div class="input-icon-wrapper"> <input name="account" type="email" class="form-control" aria-label="請輸入Eamil" placeholder="請輸入Email" required="required" id="register_modal_email" /> <i class="icon icon-user"></i> </div> </label> <label class="form-item" for="register_modal_password" for="register_modal_pwd"> <p class="form-title">密碼</p> <div class="input-icon-wrapper password"> <input id="register_modal_password" name="password" type="password" class="form-control" aria-label="請輸入密碼" placeholder="請輸入密碼" required="required" /> <i class="icon icon-padlock"></i> <a href="javascript:;" class="btn-pwd" title="切換密碼顯示或隱藏(按鈕)" aria-label="切換密碼顯示或隱藏(按鈕)" > <i class="fa fa-eye"></i> <i class="fa fa-eye-slash"></i> <span class="sr-only" >切換密碼顯示或隱藏(按鈕)</span > </a> </div> </label> <label class="form-item" for="register_modal_pwd_check"> <p class="form-title">確認密碼</p> <div class="input-icon-wrapper password"> <input name="password_check" type="password" class="form-control" aria-label="請再次輸入密碼" placeholder="請再次輸入密碼" required="required" id="register_modal_pwd_check" /> <i class="icon icon-padlock"></i> <a href="javascript:;" class="btn-pwd" title="切換密碼顯示或隱藏(按鈕)" aria-label="切換密碼顯示或隱藏(按鈕)" > <i class="fa fa-eye"></i> <i class="fa fa-eye-slash"></i> <span class="sr-only" >切換密碼顯示或隱藏(按鈕)</span > </a> </div> </label> <label class="form-item" for="g-recaptcha-response"> <p class="form-title">驗證碼</p> <div id="append-here" class="security-code-app" style="margin-left: 0 " style="margin-left: 0 "></div> <input type='hidden' value="0" id="security_code" name="security_code3" aria-label="輸入驗證碼"> </label> <button type="submit" id = "register_submit" class="btn-solid">註冊</button> </form> </div> </div> </div> </div> <!-- 忘記密碼modal --> <div class="modal modal-common fade" id="modal-forgot-pwd" tabindex="-1" aria-labelledby="忘記密碼燈箱" aria-hidden="true" > <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h2 class="subject-title"> <span class="ch">忘記密碼</span> </h2> <p class="tip"> 請輸入您的帳號，我們將發送修改密碼連結到您的電子郵件信箱，您可透過Email中的修改密碼連結前往修改密碼 </p> <button type="button" class="close" data-dismiss="modal" aria-label="Close" > <i class="icon icon-delete"></i> </button> </div> <div class="modal-body"> <form action="/website/forgot_password" class="form-style" method="POST" id="forgot_password"> <input type="hidden" name="csrf_test_name" class="csrf_test_name" value="0ec4d4b7d4bcaf03a3a3654a8ce44c2e" /> <label class="form-item" for="forgot_modal_email"> <p class="form-title">會員帳號</p> <div class="input-icon-wrapper"> <input type="email" class="form-control" aria-label="請輸入會員Eamil" placeholder="請輸入Email" name="email" id="forgot_modal_email" /> <i class="icon icon-user"></i> </div> </label> <button type="submit" class="btn-solid">申請修改</button> <div class="text-center"> <a href="javascript:;" class="text" data-custom-toggle="#modal-login" title="返回登入(按鈕)" aria-label="返回登入(按鈕)">返回登入</a> </div> </form> </div> </div> </div> </div> <!-- 登入modal --> <div class="modal modal-common fade" id="modal-vendor-login" tabindex="-1" aria-labelledby="攤商登入燈箱" aria-hidden="true" > <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h2 class="subject-title"> <span class="ch">攤商登入</span> </h2> </div> <div class="modal-body"> <form action="/website/vendor_login_check" class="form-style" method="POST" id="vendor_login_form"> <input type="hidden" name="csrf_test_name" class="csrf_test_name" value="0ec4d4b7d4bcaf03a3a3654a8ce44c2e" /> <label class="form-item"> <p class="form-title">攤商帳號</p> <div class="input-icon-wrapper"> <input name="account" class="form-control" aria-label="請輸入攤商編號" placeholder="請輸入攤商編號" /><!--type="email"--> <i class="icon icon-user"></i> </div> </label> <label class="form-item"> <p class="form-title">攤商密碼</p> <div class="input-icon-wrapper password"> <input name="password" type="password" class="form-control" aria-label="請輸入攤商密碼" placeholder="請輸入密碼" /> <i class="icon icon-padlock"></i> <a href="javascript:;" class="btn-pwd" title="切換密碼顯示或隱藏(按鈕)" aria-label="切換密碼顯示或隱藏(按鈕)" > <i class="fa fa-eye"></i> <i class="fa fa-eye-slash"></i> <span class="sr-only" >切換密碼顯示或隱藏(按鈕)</span > </a> </div> </label> <div class="text-right"> <a href="javascript:;" class="text" title="忘記密碼(按鈕)" aria-label="忘記密碼(按鈕)" data-custom-toggle="#modal-vendors-forgot-pwd">忘記密碼?</a> </div> <button type="submit" id ="vendor_login_submit" class="btn-solid" style="margin-bottom: 80px;">登入</button> </form> </div> </div> </div> </div> <!-- 忘記密碼modal --> <div class="modal modal-common fade" id="modal-vendors-forgot-pwd" tabindex="-1" aria-labelledby="忘記密碼燈箱" aria-hidden="true" > <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h2 class="subject-title"> <span class="ch">忘記密碼</span> </h2> <!-- <p class="tip"> 請攤商聯絡自治會或執行團隊(FB、LINE@)修改密碼 </p> <br> <br> <button type="button" class="close" data-dismiss="modal" aria-label="Close" > <i class="icon icon-delete"></i> </button> --> </div> <div class="modal-body"> <form action="/website/vendor_forgot_password" method="POST" class="form-style" id="vendor_forgot_password"> <input type="hidden" name="csrf_test_name" class="csrf_test_name" value="0ec4d4b7d4bcaf03a3a3654a8ce44c2e" /> <label class="form-item"> <p class="form-title">攤商帳號</p> <div class="input-icon-wrapper"> <input id="vendor_forgot_account" name="account" class="form-control" aria-label="請輸入攤商帳號" placeholder="請輸入攤商帳號" /> <i class="icon icon-user"></i> </div> </label> <label class="form-item"> <p class="form-title">手機號碼</p> <div class="input-icon-wrapper"> <input id="vendor_forgot_phone" name="phone" class="form-control" aria-label="請輸入手機號碼" placeholder="請輸入手機號碼" /> <i class="icon icon-user"></i> </div> </label> <a href="#" onclick="get_captcha()" class="btn-solid" style="margin-bottom: 30px">取得驗證碼</a> <label class="form-item"> <p class="form-title">驗證碼</p> <div class="input-icon-wrapper"> <input name="code" class="form-control" aria-label="請輸入驗證碼" placeholder="請輸入驗證碼" /> <i class="icon icon-user"></i> </div> </label> <button type="submit" id="vendor_forgot_password_submit" class="btn-solid">申請修改</button> <div class="text-center"> <a href="javascript:;" class="text" data-custom-toggle="#modal-vendors-login" title="返回登入(按鈕)" aria-label="返回登入(按鈕)">返回登入</a> </div> </form> </div> </div> </div> </div> <!-- line 教學 --> <div class="modal modal-common fade" id="modal-lesson" tabindex="-1" aria-labelledby="Line設定燈箱" aria-hidden="true" > <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h2 class="subject-title"> <span class="ch">Line設定教學</span> </h2> <button type="button" class="close" data-dismiss="modal" aria-label="Close" > <i class="icon icon-delete"></i> </button> </div> <div class="modal-body"> <img src="/assets/images/common/line_lesson.jpg" alt=""> </div> </div> </div> </div> </body> </html> <!-- lazyload --> <script src="/plugin/lazyloading/lazyload.min.js"></script> <!-- jQuery --> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <!-- jQuery UI --> <script src="/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script> <script src="/plugin/jquery-ui-1.12.1.custom/jquery.ui.touch-punch.min.js" defer></script> <!-- Bootstrap --> <!-- <script src="/assets/js/custom/introduce/bootstrap4/js/popper.min.js"></script> <script src="/assets/js/custom/introduce/bootstrap4/js/bootstrap.min.js"></script> --> <script src="/assets/js/custom/introduce/bootstrap4.6.0/js/popper.min.js"></script> <script src="/assets/js/custom/introduce/bootstrap4.6.0/js/bootstrap.min.js"></script> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script> --> <!-- simplebar --> <script src="/plugin/simplebar/simplebar.min.js"></script> <!-- common scripts --> <script type="text/javascript" src="/assets/js/common/common.js"></script> <script type="text/javascript" src="/assets/js/common/website_common.js"></script> <script src="/assets/js/libs/muki_core.js"></script> <script src="/assets/js/libs/muki_basic.js"></script> <script src="/assets/js/libs/muki_location.js"></script> <script src="/assets/js/libs/muki_picture.js"></script> <script src="/assets/js/libs/muki_file.js"></script> <script src="/assets/js/libs/muki_offline.js"></script> <script src="/assets/js/libs/muki_storage.js"></script> <script src="/assets/js/libs/muki_attach.js"></script> <script src="/assets/js/libs/muki_login.js"></script> <script src="/assets/js/libs/muki_share.js"></script> <script src="/assets/js/custom/website.js"></script> <!-- sweet alert --> <script type="text/javascript" src="/plugin/sweetAlert2/core.js" defer="defer"></script> <script type="text/javascript" src="/plugin/sweetAlert2/sweetalert2.min.js"></script> <script type="text/javascript" src="/plugin/sweetAlert2/es6-promise.min.js" defer="defer"></script> <!-- OWL carousel --> <script type="text/javascript" src="/plugin/OwlCarousel2-2.3.4/owl.carousel.min.js" defer="defer"></script> <!-- validate --> <script type="text/javascript" src="/assets/js/ace_backstage/jquery.validate.js?v=2"></script> <script type="text/javascript" src="/assets/js/common/jquery.validate.custom.js" defer="defer"></script> <script src="/assets/js/common/jquery-validation1.19.3-localization/messages_zh_tw.js"></script> <!-- TWzipcode --> <script src="/plugin/zipcode/twzipcode.js"></script> <!-- fancybox --> <script type="text/javascript" src="/plugin/fancybox-master/dist/jquery.fancybox.min.js" defer></script> <!-- moment --> <script src="/plugin/moment/moment.min.js"></script> <!-- custom scripts --> <script type="text/javascript" src="/assets/js/custom/function.js?v=1" defer="defer"></script> <script type="text/javascript" src="/assets/js/custom/main.js?v=1" defer="defer"></script> <script type="text/javascript" src="/assets/js/custom/cart.js?v=3"></script> <!-- 條碼字型 --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Libre+Barcode+128+Text&display=swap" rel="stylesheet"> <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script> <!-- CSS --> <script type="text/javascript" defer="defer"> var cssListAll = function() { var cssList = [ // prj_reset CSS 重設 '/assets/css/custom/prj_reset.css', // icomoon '/assets/icomoon/style.css', // font-awesome '/assets/css/font-awesome.min.css', // sweetalert2 '/plugin/sweetAlert2/sweetalert2.css', // carousel '/plugin/OwlCarousel2-2.3.4/assets/owl.carousel.min.css', // simplebar '/plugin/simplebar/simplebar.css', // jQuery UI '/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.css', // fancybox '/plugin/fancybox-master/dist/jquery.fancybox.min.css' ] var cssAll = document.getElementsByTagName('head')[0].firstChild; cssList.forEach(function(item , index){ var a = document.createElement('link'); a.rel = 'stylesheet'; a.type = 'text/css'; a.href = item; cssAll.parentNode.insertBefore(a,cssAll); }) }; var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame; if (raf) raf(cssListAll); else window.addEventListener('load', cssListAll); function addLoading(){ $('.loading').removeClass('d-none'); } function outLoading(){ $('.loading').addClass('d-none'); } </script> <script src="//cdn.holmesmind.com/js/rtid.js"></script> <script src="https://cdn.holmesmind.com/dmp/cft/triggerTracker.js"></script> <script async src="https://cdn.holmesmind.com/dmp/cft/tracker.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-767811923"></script> <script> clickforce_rtid("9630001"); var clickforceThat = this; window.cft = window.cft || function () { (cft.q = cft.q || []).push([].slice.call(arguments)) }; function clickForceMyyCFT() { cft('setSiteId', 'CF-211100102199'); cft('setViewPercentage'); } clickForceDelayLoading(); window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'AW-767811923'); gtag('event', 'conversion', { 'send_to': 'AW-767811923/49UzCPaU_IQDENPCj-4C' }); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-HVSGMHKR8M"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HVSGMHKR8M', { page_title: '/website/vendors_info/2606', page_location: 'https://marketbuy.com.tw/website/vendors_info/2606' // 加入完整網址 }); </script> <!-- Facebook Pixel Code --> <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '420678718721600'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=420678718721600&ev=PageView&noscript=1" alt="Facebook Pixel設定" /></noscript> <!-- End Facebook Pixel Code --> <script> var COMMOM_AC_TEXT = '線上菜市仔．夜市仔' // 標題檢查 // var zeroFlag = false; // window.addEventListener('DOMContentLoaded', function(){ // for(var i=1; i<=6; i++){ // var num = $('h'+i).length; // if ( num ==0 ){ // zeroFlag = true; // } else { // if ( zeroFlag && num ) { // alert('wrong') // } // } // console.log('h'+i , num) // } // }) // 無障礙相關支援 window.AccessibilitySupport = { owl:{ onInitialized: function(owlElement){ // https://stackoverflow.com/a/59635460/20237601 if ( !owlElement ) return var $element = $(owlElement); // since screen reader users may not have a use for slider controls to begin with, // since all slides should be readable at all times, it's maybe not an issue at all $element.find('.owl-dot').attr('aria-hidden', 'true').append('<span class="sr-only">按鈕</span>') $element.find('.owl-prev').attr({ 'title':'前一個' }).append('<span class="sr-only">前一個(按鈕)</span>'); $element.find('.owl-next').attr({ 'title': '後一個' }).append('<span class="sr-only">後一個(按鈕)</span>'); } }, summbernote:{ onInitialized: function(element){ if ( ACCheck ) { if ( ACCheck.check ) { ACCheck.check() } } } } } window.ACCheck = (function(){ /** * 限期改善: HM1240200E 提供網頁的描述性標題 * */ var defaultTitle = $('head title').text() || ''; var breadsText = $('.breadcrumbs-simple a:not([href="/"]):not([href="/website"])').toArray().map(function(el){ return el.textContent.trim() }).join(' - ') var newTitle = breadsText ? (defaultTitle + ' - ' + breadsText) : defaultTitle; $('head title').text(newTitle) function _check(){ var pathname = location.pathname; if ( pathname ) { if ( pathname.indexOf('/website/vendors_info/') > -1 ) { // fb line 按鈕 $('[href][target="_blank"]').each(function(idx, el){ var href = $(el).attr('href'); href = href ? String(href).trim() : href; if ( href ){ if ( href.indexOf('https://') !== 0 ) { el.target = ''; el.href = 'javascript:;' } } else { el.target = ''; el.href = 'javascript:;' } }) } } // 全站通用 $('iframe').each(function(idx, el){ var title = el.title; if ( !title ){ el.title = COMMOM_AC_TEXT } }) $('button').each(function(idx, el){ var title = el.title; if ( !title ){ el.title = COMMOM_AC_TEXT } }) /** * 111-12-20 無障礙限期改善 : 全站裝飾性圖片處理 * HM1110112E 對於輔助科技應當要忽略的圖片，使用空字串作為替代文字，並且不可使用標題屬性 * 使用在美編、排版等用途的圖片，替代說明文字請為空值(即alt=””)，並且不可使用title屬性，以免語音判讀軟體讀取無意義的資訊 */ $('img[src="/assets/images/icon/noimg-store.png"]').each(function(idx, img){ $(img).attr('alt', '') $(img).attr('title', '') $(img).addClass('js-acc-ignore') }) /** * 限期改善: GN1320200E 在會產生脈絡變更的表單控制元件變更生效前，先描述會發生什麼事 * 開啟新視窗前，應先告知使用者「另開新視窗」，各項連結開啟新視窗並未提示使用者，建議直接於超連結上加註「另開新視窗」，全網站如有相同問題請一併修正。 * */ $('a[target="_blank"]').each(function(idx, a){ var title = a.title; var ariaLabel = a.ariaLabel; if ( title ) { if ( title.indexOf('另開新視窗') > -1 || title.indexOf('新開分頁') > -1 ) return; a.title = title + '(另開新視窗)' } else { a.title = '另開新視窗' } if ( ariaLabel ) { if ( ariaLabel.indexOf('另開新視窗') > -1 || ariaLabel.indexOf('新開分頁') > -1 ) return; a.ariaLabel = ariaLabel + '(另開新視窗)' } }) // img元素中，alt屬性為必要屬性。 $('img').each(function(idx, el){ var alt = el.alt; if ($(el).is('.js-acc-ignore')) { if ( !alt ) { el.removeAttribute('title'); } return }; if ( !alt ){ el.alt = COMMOM_AC_TEXT } }) // 如為無法設置標籤組件，請以title屬性或aria-*屬性提供該控制元件的標題說明，以幫助螢幕報讀軟體識別。 $('input, select, textarea').each(function(idx, el){ var title = el.title; if ( !title ){ el.title = COMMOM_AC_TEXT } }) // swal 相關 // 拿掉避免掃錯 $('.swal2-textarea').each(function(idx, el){ if ( $(el).is(':hidden') ){ $(el).remove() } }) /** * 1)具有連結目的之鏈結<a>組件均需有鏈結文字，且其內容不得為空字串或空白； * 若此鏈結<a>組件前後尚有其他內容，則亦需有標題(title)屬性，且其值不得為空字串或空白 * * 2)具有連結目的之鏈結組件內需有連結文字或圖片： */ $('a').each(function(idx, el){ var title = el.title; if ( !title ){ el.title = COMMOM_AC_TEXT } if ( !el.textContent ) { $(el).append('<span class="sr-only">聯結</span>'); } // 不是空值仍然有被掃出來，故加上 if($(el).is('.oajrlxb2')){ $(el).append('<span class="sr-only">聯結</span>'); } }) // FB watch $('.text-editor-block [href*="https://fb.watch"]').append('<span class="sr-only">Facebook Watch</span>'); // 使用標題組件，其內容不可以為空值。 $('h1, h2, h3, h4, h5, h6').each(function(idx, el){ if ( !el.textContent ) { $(el).append('<span class="sr-only">標題</span>'); } }); } function check(){ setTimeout(function(){ _check() }, 3000) } return { check } }()); window.addEventListener('DOMContentLoaded', function(){ if ( ACCheck && ACCheck.check ) { ACCheck.check() } }) </script> <script> // 無障礙程式 // 改寫 owlCarousel jquery plugin $(function(){ if ( $.fn ) { if ( $.fn.owlCarousel ) { var oriFunc = $.fn.owlCarousel; $.fn.owlCarousel = function(config){ var that = this; var config = config || {}; var oriOnInitialized = config.onInitialized || function(evt){}; var onInitialized = function(evt){ /** * 使用config的callback * 因為使用 initialized.owl.carousel 的事件，html還抓不到生成好的元素 * */ AccessibilitySupport.owl.onInitialized(this.$element) oriOnInitialized(evt) } config.onInitialized = onInitialized return oriFunc.call(this, config) } } if ( $.fn.summernote ) { var oriFunc = $.fn.summernote; $.fn.summernote = function(config){ var that = this; var config = config || {}; var oriOnInitialized = (config.callbacks && config.callbacks.onInit) || function(evt){}; var onInitialized = function(instance){ /** * 使用config的callback * */ AccessibilitySupport.summbernote.onInitialized(instance.editor) oriOnInitialized(instance) } if( config.callbacks ) { config.callbacks.onInit = onInitialized } else { config.callbacks = { onInit: onInitialized } } return oriFunc.call(this, config) } } } }) </script> <script> var lazyLoadInstance = new LazyLoad({}); // 複寫預設驗證訊息 $.extend( $.validator.messages, { required: "必填", remote: "請修正此欄位", email: "電子郵件格式不符。", url: "網址格式不符。", date: "日期格式不符。", dateISO: "請輸入有效的日期 (YYYY-MM-DD)", number: "請輸入數字。", digits: "請輸入整數。", creditcard: "請輸入有效的信用卡號碼", equalTo: "兩次密碼輸入不符。", extension: "請輸入有效的後綴", maxlength: $.validator.format( "最多 {0} 個字" ), minlength: $.validator.format( "最少 {0} 個字" ), rangelength: $.validator.format( "請輸入長度為 {0} 至 {1} 之間的字串" ), range: $.validator.format( "請輸入 {0} 至 {1} 之間的數值" ), step: $.validator.format( "請輸入 {0} 的整數倍值" ), max: $.validator.format( "請輸入不大於 {0} 的數值" ), min: $.validator.format( "請輸入不小於 {0} 的數值" ) } ); add_cart = function (category_node_id, id, default_spec_id, amount) { var product_category_id = category_node_id; var product_id = id; var product_spec_id = default_spec_id; var amount = amount; var $AddCart = new Cart(); $AddCart.addCart(product_category_id, product_id, product_spec_id, amount, 'change_addition'); } // 側選單 $(function(){ // 側選單 var name = $('main').data('name'); if(name != undefined){ $('.nav-list .nav-item.active').removeClass('active'); $('.nav-item[data-name='+ name +']').addClass('active'); } if($('.fixed-menu').length > 0){ $('#btn-toggle-category').on('click',function(){ $('.fixed-menu').toggleClass('open'); }) } $('.collection-item').on('click',function(e){ e.preventDefault(); // $(this).toggleClass('active'); }); //彈出登入視窗 //https://ssur.cc/ZeR8ebj4X var modal_vendor_login = ''; if(modal_vendor_login == 1){ $('#modal-vendor-login').modal('show'); } //https://ssur.cc/9K2tTC8d9 var modal_login = ''; if(modal_login == 1){ $('#modal-login').modal('show'); } }); function headerSearch(el, btn){ var parent = $(el).closest('.searchbar-item'); var val = $('#S').val(); if(val == ''){ swal({ text: '請輸入搜尋關鍵字', type: 'warning', }).then(function (result) { $(el).removeClass('lock'); }).catch(); } else if(val.split('').length < 2){ swal({ text: '搜尋關鍵字請輸入2個字以上，謝謝！', type: 'warning', }).then(function (result) { $(el).removeClass('lock'); }).catch(); } else { $(btn).click(); } } </script> <script> //會員登入---------------------------------------------------------------------------------------------- $("#login_form").validate({ errorElement: 'div', errorClass: 'help-block', focusInvalid: true, ignore: "", rules: { account: { required: true }, password: { required: true, }, captcha: { required: true, remote:{ url:"/ajax/ajax_common/captcha_validate", //後台處理程序 type:"post", //數據發送方式 dataType:"json", //接受數據格式 data:{ //要傳遞的數據 captcha:function(){return $("#captcha_code").val();}, csrf_test_name: function(){return $('.csrf_test_name').val();} }, dataFilter: function(data, type) { data = $.parseJSON(data); $('.csrf_test_name').val(data['csrf_data']['hash']); if(data['result'] == 1) { return true; } else { return false; } } } } }, messages: { account: { required: "必填", email:"帳號格式錯誤" }, password: { required: "必填", }, captcha: { remote: "驗證碼錯誤" } }, highlight: function (e) { $(e).closest('.form-group').removeClass('has-info').addClass('has-error'); }, success: function (e) { $(e).closest('.form-group').removeClass('has-error');//.addClass('has-info'); $(e).remove(); }, errorPlacement: function (error, element) { if(element.is('input[type=checkbox]') || element.is('input[type=radio]')) { var controls = element.closest('div[class*="col-"]'); if(controls.find(':checkbox,:radio').length > 1) controls.append(error); else error.insertAfter(element.nextAll('.lbl:eq(0)').eq(0)); } else if(element.is('.select2')) { error.insertAfter(element.siblings('[class*="select2-container"]:eq(0)')); } else if(element.is('.chosen-select')) { error.insertAfter(element.siblings('[class*="chosen-container"]:eq(0)')); } else error.insertAfter(element.parent()); }, submitHandler: function (form) { $('#login_submit').attr('disabled', 'disabled'); form.submit(); } }); //會員註冊---------------------------------------------------------------------------------------------- // var allowSubmit = 0; var onloadCallback = function() { ACCheck.check() grecaptcha.render('append-here', { 'sitekey': '6LcqywgdAAAAAJZiJyfh-eErKFTcueVXErNHzqWu', 'theme': 'light', 'size': 'normal', 'callback': verifyCallback, 'expired-callback': expired, 'error-callback': error }); function verifyCallback(token) { // allowSubmit = 1; $("#security_code").val(1); // 把 token 跟 ip 送到後端做驗證 var formData = new FormData(); console.log('token') console.log(location.hostname) formData.append('token', token); formData.append('url', location.hostname); // fetch('/ajax/ajax_common/get_google_script', { // method: "POST", // body: formData // }) // .then(response => response.json()) // .then(result => { // if(result.success) { // // $('#verify').removeClass('d-none'); // // allowSubmit = 1; // $("#security_code").val(1); // } else { // window.alert(result['error-codes'][0]) // } // }) // .catch(err => { // window.alert(err) // }) // 後端教學：https://letswritetw.github.io/letswrite-recaptcha-v2/gas.html // 秘 6LdzbMYcAAAAAKImIk2t0pmYvmChT5HyKwVsMwg3 } // 過期要做的事 function expired(ex) { // $('#verify').addClass('d-none'); // allowSubmit = 0; $("#security_code").val(''); } // 失敗要做的事 function error(err) { // $('#verify').addClass('d-none'); // allowSubmit = 0; $("#security_code").val(''); } } $(function () { jQuery.validator.addMethod("check_security_code", function(value, element) { return parseFloat(value) !== 0; }, "未通過"); // 表單驗證 $("#register_form").validate({ errorElement: 'div', errorClass: 'help-block', focusInvalid: true, ignore: "", rules: { account: { required: true, email: true }, password: { required: true, regex: '^[\\w]{6,20}$' }, password_check: { required: true, equalTo: "#register_modal_password" }, security_code3:{ check_security_code: true, } }, messages: { account: { required: '必填', email: '帳號格式錯誤' }, password: { required: '必填', regex: '密碼為 6~20個字元的英文字母、數字、底線混合，但不含空白鍵及特殊符號' }, password_check: { required: '必填', equalTo: '確認密碼錯誤' }, security_code3: { check_security_code: '必填' }, }, highlight: function (e) { $(e).closest('.form-group').removeClass('has-info').addClass('has-error'); }, success: function (e) { $(e).closest('.form-group').removeClass('has-error'); //.addClass('has-info'); $(e).remove(); }, errorPlacement: function (error, element) { console.log(element); // 驗證 security code if (element[0].name == 'security_code3') { $('.security-code-app').append(error) return } if (element.closest('.form-group').length) { element.closest('.form-group').append(error) } else if (element.is('input[type=checkbox]') || element.is('input[type=radio]')) { var controls = element.closest('div[class*="col-"]'); if (controls.find(':checkbox,:radio').length > 1) controls.append(error); else error.insertAfter(element.nextAll('.lbl:eq(0)').eq(0)); } else if (element.is('.select2')) { error.insertAfter(element.siblings('[class*="select2-container"]:eq(0)')); } else if (element.is('.chosen-select')) { error.insertAfter(element.siblings('[class*="chosen-container"]:eq(0)')); } else error.insertAfter(element.parent()); }, submitHandler: function (form) { $('#register_submit').attr('disabled', 'disabled'); form.submit(); } }); }) //攤商登入---------------------------------------------------------------------------------------------- $("#vendor_login_form").validate({ errorElement: 'div', errorClass: 'help-block', focusInvalid: true, ignore: "", rules: { account: { required: true }, password: { required: true, }, captcha: { required: true, remote:{ url:"/ajax/ajax_common/captcha_validate", //後台處理程序 type:"post", //數據發送方式 dataType:"json", //接受數據格式 data:{ //要傳遞的數據 captcha:function(){return $("#vendor_captcha_code").val();}, csrf_test_name: function(){return $('.csrf_test_name').val();} }, dataFilter: function(data, type) { data = $.parseJSON(data); $('.csrf_test_name').val(data['csrf_data']['hash']); if(data['result'] == 1) { return true; } else { return false; } } } } }, messages: { account: { required: "必填" }, password: { required: "必填" }, captcha: { remote: "驗證碼錯誤" } }, highlight: function (e) { $(e).closest('.form-group').removeClass('has-info').addClass('has-error'); }, success: function (e) { $(e).closest('.form-group').removeClass('has-error');//.addClass('has-info'); $(e).remove(); }, errorPlacement: function (error, element) { if(element.is('input[type=checkbox]') || element.is('input[type=radio]')) { var controls = element.closest('div[class*="col-"]'); if(controls.find(':checkbox,:radio').length > 1) controls.append(error); else error.insertAfter(element.nextAll('.lbl:eq(0)').eq(0)); } else if(element.is('.select2')) { error.insertAfter(element.siblings('[class*="select2-container"]:eq(0)')); } else if(element.is('.chosen-select')) { error.insertAfter(element.siblings('[class*="chosen-container"]:eq(0)')); } else error.insertAfter(element.parent()); }, submitHandler: function (form) { $('#vendor_login_submit').attr('disabled', 'disabled'); form.submit(); } }); //選擇攤商--------------------------------------------------------------------------------------------------- function get_next_vendor() { var csrf_test_name = $('.csrf_test_name').val(); var bazaar_id = $('select[name="bazaar_id"]').val(); $('select[name="vendor_id"] option').remove(); // 取得下一層及分類資料 $.post('/ajax/ajax_vendor/ajax_get_vendor_child', {bazaar_id: bazaar_id, 'csrf_test_name':csrf_test_name}, function(res) { // 加上下一層級分類選項 $.each(res['result_data'], function(key, value) { $('select[name="vendor_id"]').append($("<option></option>").attr("value", value['id']).text(value['vendor_name']+'('+value['vendor_number']+')')); }); $('.csrf_test_name').val(res['csrf_data']['hash']); }, 'json'); } //忘記密碼-------------------------------------------------------------------------------------------------- $("#forgot_password").validate({ errorElement: 'div', errorClass: 'help-block', focusInvalid: true, ignore: "", rules: { email: { required: true, email: true }, }, messages: { email: { required: '必填', email: 'email格式錯誤' } }, highlight: function (e) { $(e).closest('.form-group').removeClass('has-info').addClass('has-error'); }, success: function (e) { $(e).closest('.form-group').removeClass('has-error');//.addClass('has-info'); $(e).remove(); }, errorPlacement: function (error, element) { if(element.is('input[type=checkbox]') || element.is('input[type=radio]')) { var controls = element.closest('div[class*="col-"]'); if(controls.find(':checkbox,:radio').length > 1) controls.append(error); else error.insertAfter(element.nextAll('.lbl:eq(0)').eq(0)); } else if(element.is('.select2')) { error.insertAfter(element.siblings('[class*="select2-container"]:eq(0)')); } else if(element.is('.chosen-select')) { error.insertAfter(element.siblings('[class*="chosen-container"]:eq(0)')); } else error.insertAfter(element.parent()); }, submitHandler: function (form) { $('#vendor_login_submit').attr('disabled', 'disabled'); form.submit(); } }); //取得驗證碼(攤商忘記密碼)--------------------------------------------------------------------------------------------------- function get_captcha() { var account = $('#vendor_forgot_account').val(); var phone = $('#vendor_forgot_phone').val(); if(account==''){ swal({ text: '攤商帳號不能為空', type: 'warning', }).then(function (result) { }).catch(); }else if(phone==''){ swal({ text: '手機號碼不能為空', type: 'warning', }).then(function (result) { }).catch(); }else{ // 取得下一層及分類資料 $.post('/ajax/ajax_website/ajax_get_captcha', {account: account, 'phone':phone}, function(res) { if(res['result']){ swal({ text: res['message'], type: 'warning', }).then(function (result) { }).catch(); }else{ swal({ text: res['message'], type: 'warning', }).then(function (result) { }).catch(); } }, 'json'); } } //攤商忘記密碼-------------------------------------------------------------------------------------------------- $("#vendor_forgot_password").validate({ errorElement: 'div', errorClass: 'help-block', focusInvalid: true, ignore: "", rules: { account: { required: true }, phone: { required: true, regex: /^09[0-9]{8}$/ }, code: { required: true }, }, messages: { account: { required: "必填" }, phone: { required: "必填", regex: '手機格式錯誤' }, code: { required: "必填" }, }, highlight: function (e) { $(e).closest('.form-group').removeClass('has-info').addClass('has-error'); }, success: function (e) { $(e).closest('.form-group').removeClass('has-error');//.addClass('has-info'); $(e).remove(); }, errorPlacement: function (error, element) { if(element.is('input[type=checkbox]') || element.is('input[type=radio]')) { var controls = element.closest('div[class*="col-"]'); if(controls.find(':checkbox,:radio').length > 1) controls.append(error); else error.insertAfter(element.nextAll('.lbl:eq(0)').eq(0)); } else if(element.is('.select2')) { error.insertAfter(element.siblings('[class*="select2-container"]:eq(0)')); } else if(element.is('.chosen-select')) { error.insertAfter(element.siblings('[class*="chosen-container"]:eq(0)')); } else error.insertAfter(element.parent()); }, submitHandler: function (form) { $('#vendor_forgot_password_submit').attr('disabled', 'disabled'); form.submit(); } }); function googleSearchActive() { var searchValue = $('#gsc-i-id1').val(); var isGcse = searchValue !== '' && searchValue !== undefined; if (isGcse) { $('body').addClass('search_open'); $('main').addClass('hide'); $('#___gcse_1').addClass('show'); console.log('有搜尋值'); } else { $('body').removeClass('search_open'); $('main').removeClass('hide'); $('#___gcse_1').removeClass('show'); console.log('沒搜尋值'); } } $(function(){ googleSearchActive(); $(document).on('click','.gscb_a',function(){ $('main').removeClass('hide'); $('#___gcse_1').removeClass('show'); $('body').removeClass('search_open'); }) $(document).on('change','[class="gsc-input"]',function(){ googleSearchActive(); }) $(document).on('keyup','[class="gsc-input"]',function(){ if (event.keyCode === 13) { googleSearchActive(); } }); $('.styleable-rootcontainer').css('background-color','none'); setTimeout(function(){ $('[class="gsc-input"]').attr('placeholder', '請輸入關鍵字'); },500) }); //正式站升級php版本的關係，所以一定要在最下面這地方加上這行 </script> <!-- ------------------------------------------------------------------------ --> <script> $(document).ready(function() { (function() { /* ============================ fancybox ============================ */ $('[data-fancybox="images"]').fancybox({ buttons: ['close'], btnTpl: { close: '<button data-fancybox-close class="fancybox-button fancybox-button--close" title="{{CLOSE}}"><i class="icon icon-delete_circle"></i></button>' } }); /* ============================ Owl Carousel ============================ */ triggerGroupOfCarousel('#carousel-main', '#carousel-options'); })(); }) </script>
