</ iframe ></noscript> <!--End Google Tag Manager(noscript)--> <div id="header" class="top"> <div class="top-w"> <div class="top-main"> <span style="display: none;"> </span> <div class="header_top1"> <div class="fl"> 您好，歡迎光臨BAKEFUN焙克坊</div> <div class="fr top1_r"> <ul> <li> <a id="ProductDetails_ctl00___linkMyAccount" href="/Register">註冊</a></li> <li id="liLinkLogin"> <a href="/User/login?ReturnUrl=/product_detail/619564">登入</a><input type="hidden" id="hidIsLogin" value="0"/></li> <li class="menu"><a href="/user/userorders">我的訂單</a></li> <li class="fore3"> </li> <li style="display:none;"> <div class="app-icon dt cw-icon"><em><a href="javascript:;">APP</a><i><img src="/templates/master/qwang/images/jiantou_03.png"></i></em></div><div class="dorpdown-layer"><img src="/Storage/master/QRCode/www.bakefunstore.com_appdownload.png" /></div></li> </ul> </div> </div> </div> </div> <div class="top-search clearfix"> <div class="logo1"> <div class="logo cssEdite" type="logo" id="logo_1" > <a href="/"> <img src="/utility/pics/202103051730224633320.jpg" /> </a> </div> </div> <div class="search-box"> <div class="search1"> <input type="text" id="txt_Search_Keywords" class="search" placeholder="" /> <input type="button" value="搜 索" onclick="searchs()" class="btn1" /> </div> <div class="hot-key"> <em class="fl block">熱門關鍵字：</em> <ul class="keyword cssEdite" type="keyword" id="comments_4" > <li><a target="_blank" href="/browse/category/309?keywords=%e5%a5%b6%e7%b2%89">奶粉</a></li> <li><a target="_blank" href="/browse/category/309?keywords=%e7%84%a1%e6%b0%b4%e5%a5%b6%e6%b2%b9">無水奶油</a></li> <li><a target="_blank" href="/browse/category/309?keywords=%e8%8b%a5%e7%ab%b9">若竹</a></li> <li><a target="_blank" href="/browse/category/309?keywords=%e9%ae%ae%e5%a5%b6%e6%b2%b9">鮮奶油</a></li> <li><a target="_blank" href="/browse/category/309?keywords=%e5%b0%8f%e5%b1%b1%e5%9c%92">小山園</a></li> <li><a target="_blank" href="/browse/category/309?keywords=%e5%ae%89%e4%bd%b3">安佳</a></li> <li><a target="_blank" href="/browse/category/309?keywords=%e6%8a%b9%e8%8c%b6">抹茶</a></li> </ul> </div> <script type="text/javascript"> function searchs() { var item = $("#drop_Search_Class").val(); var key = $("#txt_Search_Keywords").val(); if (key == undefined) key = ""; key = key.replace(/&/g, '&').replace(/"/g, '"').replace(/'/g, ''').replace(/</g, '<').replace(/>/g, '>'); var url = "/SubCategory?keywords=" + encodeURIComponent(key); if (item != undefined) url += "&categoryId=" + item; window.location.href = url; } $(document).ready(function () { $('#txt_Search_Keywords').keydown(function (e) { if (e.keyCode == 13) { searchs(); return false; } }) }); </script> </div> <div class="fr ad1"><div class="ad_custom cssEdite" type="custom" id="ads_1" ><p><img src="/Storage/master/gallery/20180904/6367168776030115143740062.jpg" width="198" height="68" style="width: 198px; height: 68px;"/></p><p><br/></p></div> </div> </div> <div class="top-nav"> <div class="nav-wrap"> <div class="side-nav"> <div class="clearfix"> <ul> <li id="liall"> <h3 class="title"> 全部商品分類 </h3> </li> <li><a href="/"><span>首頁</span></a></li> <li class="abc"><a href='/browse/category/309'><span>烘焙原料</span></a> <ul> <li> <h3><a href='/browse/category/482'>膠凍類</a></h3> <div> <a href='/browse/category/483'>果凍粉</a> <a href='/browse/category/484'>吉利丁</a> <a href='/browse/category/485'>其它</a> </div> </li> <li> <h3><a href='/browse/category/486'>餡料.豆沙</a></h3> <div> <a href='/browse/category/487'>其它</a> </div> </li> <li> <h3><a href='/browse/category/488'>食用色素</a></h3> <div> <a href='/browse/category/496'>色膏</a> <a href='/browse/category/497'>色水</a> <a href='/browse/category/498'>色粉</a> </div> </li> <li> <h3><a href='/browse/category/499'>果泥類</a></h3> <div> </div> </li> <li> <h3><a href='/browse/category/501'>其它</a></h3> <div> </div> </li> <li> <h3><a href='/browse/category/518'>食品添加物</a></h3> <div> </div> </li> <li> <h3><a href='/browse/category/520'>批發商品(整箱整包)</a></h3> <div> </div> </li> <li> <h3><a href='/browse/category/311'>乳製品</a></h3> <div> <a href='/browse/category/333'>奶油.鮮奶油</a> <a href='/browse/category/334'>牛奶.奶粉</a> <a href='/browse/category/335'>起司.乳酪</a> </div> </li> <li> <h3><a href='/browse/category/312'>糖製品</a></h3> <div> <a href='/browse/category/330'>糖粉.砂糖.其他</a> <a href='/browse/category/331'>糖果.彩糖.糖珠</a> <a href='/browse/category/332'>棉花糖</a> <a href='/browse/category/338'>果糖.麥芽</a> <a href='/browse/category/339'>糖漿</a> </div> </li> <li> <h3><a href='/jiajujiadian/category/341'>乾果類</a></h3> <div> <a href='/jiajujiadian/category/344'>堅果類</a> <a href='/jiajujiadian/category/345'>堅果粉</a> <a href='/jiajujiadian/category/346'>果乾類</a> <a href='/jiajujiadian/category/347'>其它</a> </div> </li> <li> <h3><a href='/jiajujiadian/category/342'>巧克力.可可類</a></h3> <div> <a href='/jiajujiadian/category/479'>可可粉</a> <a href='/jiajujiadian/category/516'>其他</a> <a href='/jiajujiadian/category/348'>調溫巧克力</a> <a href='/jiajujiadian/category/349'>非調溫巧克力</a> </div> </li> <li> <h3><a href='/jiajujiadian/category/343'>粉類</a></h3> <div> <a href='/jiajujiadian/category/500'>酵母粉</a> <a href='/jiajujiadian/category/506'>其它</a> <a href='/jiajujiadian/category/350'>麵粉</a> <a href='/jiajujiadian/category/351'>預拌粉</a> <a href='/jiajujiadian/category/352'>抹茶粉</a> <a href='/jiajujiadian/category/353'>米粉類</a> </div> </li> <li> <h3><a href='/jiajujiadian/category/354'>香料.香精</a></h3> <div> <a href='/jiajujiadian/category/480'>調味料</a> <a href='/jiajujiadian/category/481'>其它</a> <a href='/jiajujiadian/category/356'>食用香精</a> </div> </li> </ul> </li> <li class="abc"><a href='/browse/category/381'><span>烘焙器具</span></a> <ul> <li> <h3><a href='/browse/category/386'>測量工具</a></h3> <div> <a href='/browse/category/394'>溫度計</a> <a href='/browse/category/395'>計時器</a> <a href='/browse/category/396'>電子磅秤</a> <a href='/browse/category/397'>量杯.量尺</a> <a href='/browse/category/493'>其它</a> </div> </li> <li> <h3><a href='/browse/category/387'>一般器具</a></h3> <div> <a href='/browse/category/398'>打蛋器/盆</a> <a href='/browse/category/399'>刀具.橡皮刮刀.抹刀</a> <a href='/browse/category/400'>蛋糕轉台</a> <a href='/browse/category/401'>桿麵棍.木印系列</a> <a href='/browse/category/494'>花嘴/擠花組</a> <a href='/browse/category/495'>粉篩</a> <a href='/browse/category/519'>其他</a> </div> </li> </ul> </li> <li> <a target="_blank" href="https://www.bakefunstore.com/browse/category/507"><span>烘焙模型</span></a></li><li> <a target="_blank" href="https://www.bakefunstore.com/Topics?TopicId=47"><span>最新商品</span></a></li><li> <a href="/OnlineGifts"><span>積分兌換</span></a></li> </ul> </div> <div class="cart-box"> <a href="/ShoppingCart.aspx"> <span>購物車<em id='spanCartNum'>0</em>件</span> </a> </div> <div class="left-nav"> <div class="pro-menu"> <div class="menu-inner"> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$hidMainCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_hidMainCategoryId" value="309" /> <div class="cat-01" id='twoCategory_309'> <dl class="menu01"> <dt> <span> <img class="size" src="/Storage/master/category/201706301722333037800.png" /> </span><a href='/browse/category/309'>烘焙原料</a> </dt> <dd> <a href='/browse/category/482'>膠凍類</a> <a href='/browse/category/486'>餡料.豆沙</a> <a href='/browse/category/488'>食用色素</a> <a href='/browse/category/499'>果泥類</a> <a href='/browse/category/501'>其它</a> <a href='/browse/category/518'>食品添加物</a> <a href='/browse/category/520'>批發商品(整箱整包)</a> <a href='/browse/category/311'>乳製品</a> <a href='/browse/category/312'>糖製品</a> <a href='/jiajujiadian/category/341'>乾果類</a> <a href='/jiajujiadian/category/342'>巧克力.可可類</a> <a href='/jiajujiadian/category/343'>粉類</a> <a href='/jiajujiadian/category/354'>香料.香精</a> </dd> </dl> <div class="nav-hover"> <div class="T-menu01"> <div class="L-menu"> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl00$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl00_hidTwoCategoryId" value="482" /> <div> <h4> <div><a href='/browse/category/482'>膠凍類</a></div> </h4> <span> <a href='/browse/category/483'>果凍粉</a> <a href='/browse/category/484'>吉利丁</a> <a href='/browse/category/485'>其它</a> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl01$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl01_hidTwoCategoryId" value="486" /> <div> <h4> <div><a href='/browse/category/486'>餡料.豆沙</a></div> </h4> <span> <a href='/browse/category/487'>其它</a> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl02$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl02_hidTwoCategoryId" value="488" /> <div> <h4> <div><a href='/browse/category/488'>食用色素</a></div> </h4> <span> <a href='/browse/category/496'>色膏</a> <a href='/browse/category/497'>色水</a> <a href='/browse/category/498'>色粉</a> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl03$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl03_hidTwoCategoryId" value="499" /> <div> <h4> <div><a href='/browse/category/499'>果泥類</a></div> </h4> <span> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl04$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl04_hidTwoCategoryId" value="501" /> <div> <h4> <div><a href='/browse/category/501'>其它</a></div> </h4> <span> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl05$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl05_hidTwoCategoryId" value="518" /> <div> <h4> <div><a href='/browse/category/518'>食品添加物</a></div> </h4> <span> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl06$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl06_hidTwoCategoryId" value="520" /> <div> <h4> <div><a href='/browse/category/520'>批發商品(整箱整包)</a></div> </h4> <span> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl07$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl07_hidTwoCategoryId" value="311" /> <div> <h4> <div><a href='/browse/category/311'>乳製品</a></div> </h4> <span> <a href='/browse/category/333'>奶油.鮮奶油</a> <a href='/browse/category/334'>牛奶.奶粉</a> <a href='/browse/category/335'>起司.乳酪</a> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl08$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl08_hidTwoCategoryId" value="312" /> <div> <h4> <div><a href='/browse/category/312'>糖製品</a></div> </h4> <span> <a href='/browse/category/330'>糖粉.砂糖.其他</a> <a href='/browse/category/331'>糖果.彩糖.糖珠</a> <a href='/browse/category/332'>棉花糖</a> <a href='/browse/category/338'>果糖.麥芽</a> <a href='/browse/category/339'>糖漿</a> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl09$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl09_hidTwoCategoryId" value="341" /> <div> <h4> <div><a href='/jiajujiadian/category/341'>乾果類</a></div> </h4> <span> <a href='/jiajujiadian/category/344'>堅果類</a> <a href='/jiajujiadian/category/345'>堅果粉</a> <a href='/jiajujiadian/category/346'>果乾類</a> <a href='/jiajujiadian/category/347'>其它</a> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl10$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl10_hidTwoCategoryId" value="342" /> <div> <h4> <div><a href='/jiajujiadian/category/342'>巧克力.可可類</a></div> </h4> <span> <a href='/jiajujiadian/category/479'>可可粉</a> <a href='/jiajujiadian/category/516'>其他</a> <a href='/jiajujiadian/category/348'>調溫巧克力</a> <a href='/jiajujiadian/category/349'>非調溫巧克力</a> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl11$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl11_hidTwoCategoryId" value="343" /> <div> <h4> <div><a href='/jiajujiadian/category/343'>粉類</a></div> </h4> <span> <a href='/jiajujiadian/category/500'>酵母粉</a> <a href='/jiajujiadian/category/506'>其它</a> <a href='/jiajujiadian/category/350'>麵粉</a> <a href='/jiajujiadian/category/351'>預拌粉</a> <a href='/jiajujiadian/category/352'>抹茶粉</a> <a href='/jiajujiadian/category/353'>米粉類</a> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl00$recordstwo$ctl12$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl00_recordstwo_ctl12_hidTwoCategoryId" value="354" /> <div> <h4> <div><a href='/jiajujiadian/category/354'>香料.香精</a></div> </h4> <span> <a href='/jiajujiadian/category/480'>調味料</a> <a href='/jiajujiadian/category/481'>其它</a> <a href='/jiajujiadian/category/356'>食用香精</a> </span> </div> </div> <span class="brand" > <h5 style="display: none;">品牌推薦：<b><a href='/Brand'>更多品牌>></a></b></h5> <a href='/brand/brand_detail/619'> <img src='/Storage/master/brand/201808271236082876690.jpg' /> </a> <a href='/brand/brand_detail/618'> <img src='/Storage/master/brand/201808271235273030330.jpg' /> </a> <a href='/brand/brand_detail/617'> <img src='/Storage/master/brand/201808271234385503610.jpg' /> </a> <a href='/brand/brand_detail/616'> <img src='/Storage/master/brand/202006111751387365730.jpg' /> </a> <a href='/brand/brand_detail/615'> <img src='/Storage/master/brand/201803231321216552970.png' /> </a> <a href='/brand/brand_detail/614'> <img src='/Storage/master/brand/201803252116337813160.JPG' /> </a> <a href='/brand/brand_detail/613'> <img src='/Storage/master/brand/201804062350049180170.png' /> </a> <a href='/brand/brand_detail/612'> <img src='/Storage/master/brand/201804071718441091440.jpg' /> </a> </span> </div> </div> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl01$hidMainCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl01_hidMainCategoryId" value="381" /> <div class="cat-01" id='twoCategory_381'> <dl class="menu01"> <dt> <span> <img class="size" src="" /> </span><a href='/browse/category/381'>烘焙器具</a> </dt> <dd> <a href='/browse/category/386'>測量工具</a> <a href='/browse/category/387'>一般器具</a> </dd> </dl> <div class="nav-hover"> <div class="T-menu01"> <div class="L-menu"> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl01$recordstwo$ctl00$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl01_recordstwo_ctl00_hidTwoCategoryId" value="386" /> <div> <h4> <div><a href='/browse/category/386'>測量工具</a></div> </h4> <span> <a href='/browse/category/394'>溫度計</a> <a href='/browse/category/395'>計時器</a> <a href='/browse/category/396'>電子磅秤</a> <a href='/browse/category/397'>量杯.量尺</a> <a href='/browse/category/493'>其它</a> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl01$recordstwo$ctl01$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl01_recordstwo_ctl01_hidTwoCategoryId" value="387" /> <div> <h4> <div><a href='/browse/category/387'>一般器具</a></div> </h4> <span> <a href='/browse/category/398'>打蛋器/盆</a> <a href='/browse/category/399'>刀具.橡皮刮刀.抹刀</a> <a href='/browse/category/400'>蛋糕轉台</a> <a href='/browse/category/401'>桿麵棍.木印系列</a> <a href='/browse/category/494'>花嘴/擠花組</a> <a href='/browse/category/495'>粉篩</a> <a href='/browse/category/519'>其他</a> </span> </div> </div> <span class="brand" > <h5 style="display: none;">品牌推薦：<b><a href='/Brand'>更多品牌>></a></b></h5> <a href='/brand/brand_detail/610'> <img src='/Storage/master/brand/201806091314584704120.jpg' /> </a> </span> </div> </div> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl02$hidMainCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl02_hidMainCategoryId" value="507" /> <div class="cat-01" id='twoCategory_507'> <dl class="menu01"> <dt> <span> <img class="size" src="" /> </span><a href='/browse/category/507'>烘焙模型</a> </dt> <dd> <a href='/browse/category/509'>蛋糕模</a> <a href='/browse/category/510'>吐司模</a> <a href='/browse/category/511'>烤盤</a> <a href='/browse/category/512'>鋁箔模</a> <a href='/browse/category/513'>矽膠模</a> <a href='/browse/category/514'>壓模</a> <a href='/browse/category/515'>巧克力模</a> </dd> </dl> <div class="nav-hover"> <div class="T-menu01"> <div class="L-menu"> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl02$recordstwo$ctl00$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl02_recordstwo_ctl00_hidTwoCategoryId" value="509" /> <div> <h4> <div><a href='/browse/category/509'>蛋糕模</a></div> </h4> <span> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl02$recordstwo$ctl01$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl02_recordstwo_ctl01_hidTwoCategoryId" value="510" /> <div> <h4> <div><a href='/browse/category/510'>吐司模</a></div> </h4> <span> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl02$recordstwo$ctl02$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl02_recordstwo_ctl02_hidTwoCategoryId" value="511" /> <div> <h4> <div><a href='/browse/category/511'>烤盤</a></div> </h4> <span> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl02$recordstwo$ctl03$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl02_recordstwo_ctl03_hidTwoCategoryId" value="512" /> <div> <h4> <div><a href='/browse/category/512'>鋁箔模</a></div> </h4> <span> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl02$recordstwo$ctl04$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl02_recordstwo_ctl04_hidTwoCategoryId" value="513" /> <div> <h4> <div><a href='/browse/category/513'>矽膠模</a></div> </h4> <span> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl02$recordstwo$ctl05$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl02_recordstwo_ctl05_hidTwoCategoryId" value="514" /> <div> <h4> <div><a href='/browse/category/514'>壓模</a></div> </h4> <span> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl02$recordstwo$ctl06$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl02_recordstwo_ctl06_hidTwoCategoryId" value="515" /> <div> <h4> <div><a href='/browse/category/515'>巧克力模</a></div> </h4> <span> </span> </div> </div> <span class="brand" > <h5 style="display: none;">品牌推薦：<b><a href='/Brand'>更多品牌>></a></b></h5> <a href='/brand/brand_detail/611'> <img src='/Storage/master/brand/201805241758232980770.jpg' /> </a> <a href='/brand/brand_detail/610'> <img src='/Storage/master/brand/201806091314584704120.jpg' /> </a> </span> </div> </div> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl03$hidMainCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl03_hidMainCategoryId" value="382" /> <div class="cat-01" id='twoCategory_382'> <dl class="menu01"> <dt> <span> <img class="size" src="" /> </span><a href='/browse/category/382'>包裝.包材</a> </dt> <dd> <a href='/browse/category/406'>包裝盒</a> <a href='/browse/category/407'>包裝袋</a> </dd> </dl> <div class="nav-hover"> <div class="T-menu01"> <div class="L-menu"> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl03$recordstwo$ctl00$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl03_recordstwo_ctl00_hidTwoCategoryId" value="406" /> <div> <h4> <div><a href='/browse/category/406'>包裝盒</a></div> </h4> <span> <a href='/browse/category/422'>蛋糕盒</a> <a href='/browse/category/423'>餐盒</a> <a href='/browse/category/424'>提盒</a> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl03$recordstwo$ctl01$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl03_recordstwo_ctl01_hidTwoCategoryId" value="407" /> <div> <h4> <div><a href='/browse/category/407'>包裝袋</a></div> </h4> <span> <a href='/browse/category/416'>平口袋</a> <a href='/browse/category/419'>自黏袋</a> <a href='/browse/category/420'>夾鏈袋</a> <a href='/browse/category/421'>其它</a> </span> </div> </div> <span class="brand" > <h5 style="display: none;">品牌推薦：<b><a href='/Brand'>更多品牌>></a></b></h5> </span> </div> </div> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl04$hidMainCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl04_hidMainCategoryId" value="313" /> <div class="cat-01" id='twoCategory_313'> <dl class="menu01"> <dt> <span> <img class="size" src="" /> </span><a href='/caizhuang/category/313'>節慶商品</a> </dt> <dd> <a href='/caizhuang/category/489'>中秋節</a> <a href='/browse/category/316'>萬聖節</a> <a href='/browse/category/317'>聖誕節</a> </dd> </dl> <div class="nav-hover"> <div class="T-menu01"> <div class="L-menu"> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl04$recordstwo$ctl00$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl04_recordstwo_ctl00_hidTwoCategoryId" value="489" /> <div> <h4> <div><a href='/caizhuang/category/489'>中秋節</a></div> </h4> <span> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl04$recordstwo$ctl01$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl04_recordstwo_ctl01_hidTwoCategoryId" value="316" /> <div> <h4> <div><a href='/browse/category/316'>萬聖節</a></div> </h4> <span> </span> </div> <input name="ProductDetails$ctl00$_$Common_CategoriesWithWindow1$_$recordsone$ctl04$recordstwo$ctl02$hidTwoCategoryId" type="hidden" id="ProductDetails_ctl00___Common_CategoriesWithWindow1___recordsone_ctl04_recordstwo_ctl02_hidTwoCategoryId" value="317" /> <div> <h4> <div><a href='/browse/category/317'>聖誕節</a></div> </h4> <span> </span> </div> </div> <span class="brand" > <h5 style="display: none;">品牌推薦：<b><a href='/Brand'>更多品牌>></a></b></h5> <a href='/brand/brand_detail/614'> <img src='/Storage/master/brand/201803252116337813160.JPG' /> </a> <a href='/brand/brand_detail/612'> <img src='/Storage/master/brand/201804071718441091440.jpg' /> </a> </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> var currenturl = window.location.pathname; currenturl = currenturl.toLowerCase(); var waittime; if (currenturl != "/" && currenturl != null && currenturl.indexOf("default.aspx") == -1 && currenturl.indexOf("default") == -1 && currenturl.indexOf("desig_templete.aspx?skintemp=default") == -1) { $(".left-nav").css({ "display": "none" }); var height = $(".top-nav .side-nav").height(); $(".top-nav .side-nav").css("height", "auto"); $(".side-nav .title").on("mouseenter",function () { $(".left-nav").css({ "display": "block" }); $(".left-nav").addClass("left-nav01"); }).on("mouseleave",function () { setTimeout(function(){ if(!$(".left-nav").hasClass("left-nav01")){ $(".left-nav").removeClass("left-nav01"); $(".left-nav").css({ "display": "none" }); } },100); }); $(".pro-menu").hover(function () { $(".left-nav").css({ "display": "block" }); }, function () { $(".left-nav").css("display", "none"); }); } $(document).ready(function () { $('.dialog_title_r').click(function () { $('.login_tan').hide(); $('.modal_qt').hide(); }) var hidIsLogin = $("#hidIsLogin"); if (hidIsLogin.val() == "1") { $("#liLinkLogin").addClass("fore3"); } else { $("#liLinkLogin").removeClass("fore3"); } }); </script> <div class="MSG" > <div class="LINE" > <a href="https://line.me/ti/p/@xapp" target="_blank"><span>Line詢問 </span><img src="/templates/master/qwang/images/line.png" width="45" /> </a> </div> <div class="FBM" > <a href="https://www.facebook.com/messages/t/XAPP.TAIWAN" target="_blank"><span>Facebook詢問 </span><img src="/templates/master/qwang/images/FBM.png" width="45" /> </a> </div> </div> <!--右側貼邊導航quick_links.js控制--> <div class="J-global-toolbar"> <div class="toolbar-wrap J-wrap"> <div class="toolbar"> <div class="toolbar-panels J-panel"> <div style="visibility: hidden;" class="J-content toolbar-panel tbar-panel-history toolbar-animate-in"> <h3 class="tbar-panel-header J-panel-header"> <em class="title"><a href="/ShoppingCart.aspx" target="_blank">可領用優惠券</a></em> </h3> <div class="tbar-panel-main"> <div class="tbar-panel-content J-panel-content"> <div class="jt-history-wrap"> <ul></ul> </div> </div> </div> <div class="tbar-panel-footer J-panel-footer"></div> </div> </div> <div class="toolbar-header"></div> <div class="toolbar-tabs J-tab"> <div class="toolbar-tab tbar-tab-cart1" id="shopCart"> <a href="/user/UserDefault.aspx"> <i class="tab-ico"> <img src="/templates/pccommon/images/new/icon_03.png" /></i> <em class="tab-text ">會員中心</em> </a> </div> <div class=" toolbar-tab tbar-tab-follow1"> <a href="/ShoppingCart.aspx" target="_blank"> <i class="tab-ico"> <img src="/templates/pccommon/images/new/icon_06.png" /></i> <em class="tab-text">購物車</em> </a> </div> <div class=" toolbar-tab tbar-tab-history" onclick="loadCoupons();"> <i class="tab-ico"> <img src="/templates/pccommon/images/new/icon_08.png" /></i> <em class="tab-text coupon2">優惠券</em> </div> <div id="ProductDetails_ctl01___divappdownload" class=" toolbar-tab tbar-tab-appcoupons" clientidmodel="static"> <i class="tab-qrcode"> <img src="/templates/pccommon/images/new/Layer.png" /> </i> <em class="tab-text coupon3"></em> </div> </div> <div class="toolbar-footer"> <div class="toolbar-tab tbar-tab-top"> <a id="returnTop"> <i class="tab-ico "> <img src="/templates/pccommon/images/new/jiantou.png" /></i> <em class="footer-tab-text">頂部</em> </a> </div> </div> <div class="toolbar-mini"></div> </div> <div id="J-toolbar-load-hook"></div> </div> </div> <div class="login_tan" id="DivLogin" style="display: none;"> <div class="dialog_title"> <div class="dialog_title_l"><span>您尚未登入，請登入</span></div> <div class="dialog_title_r" id="imgCloseLogin"></div> </div> <div class="dialog_cartitem"> <input type="text" name="textfield" id="textfieldusername_right" placeholder="電子信箱/手機號碼" class="login_tan_input1" /> <input type="password" name="textfield2" id="textfieldpassword_right" placeholder="密碼" class="login_tan_input2" /> <div class="info"> <a href="/register.aspx" class="register">我要註冊</a> <a href="/ForgotPassword.aspx">忘記密碼?</a> </div> <div class="btnbar"> <input type="button" name="button" id="btnLogin" value="登 入 " class="login_tan_input3" /> </div> </div> </div> <input type="hidden" id="lockSend" value="0" /> <div id="flyItem" class="fly_item"> <img src="/templates/pccommon/images/new/youhuiquan.png" width="37" height="22"> </div> <script type="text/javascript" src="/templates/pccommon/script/parabola.js"></script> <script> </script> <script> var isloadedCoupons = false; var bg = "<div class='modal_qt'></div>"; var wantCouponId = 0; // 元素以及其他一些變量 var eleFlyElement = document.querySelector("#flyItem"), eleShopCart = document.querySelector("#shopCart"); var numberItem = 0; // 拋物線運動 var myParabola = funParabola(eleFlyElement, eleShopCart, { speed: 400, //拋物線速度 curvature: 0.0008, //控制拋物線弧度 complete: function () { eleFlyElement.style.visibility = "hidden"; //eleShopCart.querySelector("span").innerHTML = ++numberItem; } }); $(document).ready(function () { //如果沒有APP下載二維碼，則不顯示小圖標 if ($(".coupon3").text().length == 0) { $(".tab-qrcode").parent().hide(); } $("#lockSend").val("0"); $('#returnTop').click(function () { $('body,html').animate({ scrollTop: 0 }, 1000) }); $("#btnLogin").bind("click", function () { Login(); }); $("#imgCloseLogin").bind("click", function () { $("#DivLogin").hide(); $(".modal_qt").remove(); }); }); // 加載優惠券 function loadCoupons() { if (isloadedCoupons) return; isloadedCoupons = true; $('.jt-history-wrap ul').empty(); var currenturl = window.location.href; currenturl = currenturl.toLowerCase(); var productId = '0'; var IsGroup = "false"; var IsPanicBuying = "false"; if (currenturl.indexOf('/product_detail') > -1) { productId = currenturl.substring(currenturl.indexOf('product_detail') + 15).replace('.aspx', ''); } if (currenturl.indexOf('/productdetail') > -1) { productId = getParam("productId"); } if (currenturl.indexOf('/groupbuyproductdetails') > -1) { IsGroup = "true"; productId = getParam("groupBuyId"); } if (currenturl.indexOf('/countdownproductsdetails') > -1) { IsPanicBuying = "true"; productId = getParam("countDownId"); } if (currenturl.indexOf('/groupbuyproduct') > -1) { IsGroup = "true"; } if (currenturl.indexOf('/countdownproduct') > -1) { IsPanicBuying = "true"; } $.ajax({ url: "/Handler/RegionHandler.ashx", type: 'post', dataType: 'json', timeout: 1000, data: { action: "ShowCoupons", productId: productId, IsGroup: IsGroup, IsPanicBuying: IsPanicBuying }, success: function (resultData) { $('.jt-history-wrap ul').empty(); if (resultData.TotalRecords == 0) { $('.jt-history-wrap ul').append("<span>暫無可領取的優惠券</span>"); } else { $('.coupon2').html("優惠券可領"); if (resultData.Data) { for (var i = 0; i < resultData.Data.length; i++) { $('.jt-history-wrap ul').append("<li id=\"" + resultData.Data[i].LiId + "\" class=\"" + resultData.Data[i].LiId + "\"><div class=\"top_line\"></div><div><a href=\"javascript:;\"><div class=\"price\"><em>$</em> <b>" + resultData.Data[i].Price + "</b></div><span class=\"line\">" + resultData.Data[i].CanUseProducts + "</span><span class=\"color\">" + resultData.Data[i].OrderUseLimit + "</span><span class=\"color1\">" + resultData.Data[i].SCTime + "</span><span id=\"act-val_" + resultData.Data[i].CId + "\" class=\"act-val btnCart\" cid=\"" + resultData.Data[i].CId + "\"><em>立即領取</em></span></a></div><div class=\"bottom_line\"></div></li>"); } } if (eleFlyElement && eleShopCart) { [].slice.call(document.getElementsByClassName("btnCart")).forEach(function (button) { button.addEventListener("click", function (event) { SendCoupon($(this).attr("cid"), event); }); }); } //獲取優惠券的個數 var Length = $('.jt-history-wrap ul li').length; if (Length >= 0) { $('.tbar-tab-history').addClass('tbar-tab-click-selected'); $('.coupon2').addClass('tbar-tab-hover'); } $('.top_line').first().addClass('top_line_f').removeClass('top_line'); var num = 0; num = $('.bottom_line').size(); if (num == 1) { $('.bottom_line').first().addClass('top_line_l').removeClass('bottom_line'); } else { $('.bottom_line').last().addClass('top_line_l').removeClass('bottom_line'); } } } }); } function SendCoupon(CouponId, event) { if ($("#lockSend").val() == 0) { $("#lockSend").val("1"); $.ajax({ url: "/Handler/RegionHandler.ashx", type: 'post', dataType: 'json', timeout: 1000, data: { action: "SendCoupons", CouponId: CouponId }, success: function (resultData) { $("#lockSend").val("0"); if (resultData.Status == "0") { wantCouponId = CouponId; $("#DivLogin").show(); $('body').append(bg); } else if (resultData.Status == "1" || resultData.Status == "2") { // 滾動大小 var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft || 0, scrollTop = document.documentElement.scrollTop || document.body.scrollTop || 0; eleFlyElement.style.left = event.clientX + scrollLeft + "px"; eleFlyElement.style.top = event.clientY + scrollTop + "px"; eleFlyElement.style.visibility = "visible"; // 需要重定位 myParabola.position().move(); if (resultData.Status == "1") $("#act-val_" + CouponId).parents("li").remove(); } else { alert(resultData.Error); $("#act-val_" + CouponId).parents('li').remove(); } if ($('.jt-history-wrap ul li').length == 0) $('.jt-history-wrap ul').append("<span>暫無可領取的優惠券</span>"); } }); } } // 登入後再獲取 function Login() { var username = $("#textfieldusername_right").val(); var password = $("#textfieldpassword_right").val(); var thisURL = document.URL; if (username.length == 0 || password.length == 0) { ShowMsg("請輸入您的會原帳號和密碼!", false); return; } $.post("/User/Login", { username: username, password: password, action: "Common_UserLogin" }, function (data) { if (data.Status == "Succes") { window.location.reload(); } else { ShowMsg(data.Msg, false); } }, "json"); } $(function () { //如果沒有APP下載二維碼則不彈出 if ($(".coupon3").text() != "") { $(".coupon3").addClass("tbar-tab-hover"); setTimeout(function () { $(".coupon3").removeClass("tbar-tab-hover") }, 10000); } }) </script> <style> .login_tan #btnAmoBuy { display: none; } .category_l { border: 1px solid #eeeeee; } .product_Brief b { display: none; } #divSupName { height: 30px; background: #f5f5f5 url(/templates/pccommon/images/ic_store.png) no-repeat; border: 1px solid #eeeeee; background-position: 7px; position: relative; } #divSupName span { position: absolute; top: 5px; left: 36px; } .after-service-img { float: left; margin-top: 10px; } .after-service-img img { position: relative; width: 50px; height: 50px; display: block; float: left; margin-right: 12px; border: 3px solid #ececec; } .after-service-img img { cursor: zoom-in; } .after-service-img .active { border: 2px solid #f43a3e !important; position: relative; cursor: zoom-out; } .preview-img { width: 305px; clear: both; overflow: hidden; padding: 10px; border: 1px solid #ddd; position: relative; left: 0; float: left; display: none; margin: 10px 0 0 0; cursor: zoom-out; } .preview-img img { width: 300px; height: 300px; } .messageboard{ padding-left:80px;} </style> <input name="ProductDetails$hidden_skus" type="hidden" id="hidden_skus" value="[{"SkuItems":{},"MemberPrices":{},"SkuId":"619564_4938","ProductId":619564,"SKU":"TB0001-9","Weight":0.1000,"Stock":28,"WarningStock":20,"CostPrice":0.0000,"SalePrice":760.0000,"StoreStock":28,"StoreSalePrice":0.0,"OldSalePrice":0.0,"ImageUrl":null,"ThumbnailUrl40":null,"ThumbnailUrl410":null,"MaxStock":28,"FreezeStock":0}]" /> <input name="ProductDetails$hidden_skuItem" type="hidden" id="hidden_skuItem" value="[{"SkuId":"619564_4938","AttributeId":173,"AttributeName":"規格","UseAttributeImage":false,"ValueId":4938,"ValueStr":"原裝100G/包","ImageUrl":null,"ThumbnailUrl40":null,"ThumbnailUrl410":null}]" /> <input name="ProductDetails$hidden_productId" type="hidden" id="hidden_productId" value="619564" /> <input name="ProductDetails$hidSubMemberDeduct" type="hidden" id="hidSubMemberDeduct" /> <input name="ProductDetails$hidShowCombinationBuy" type="hidden" id="hidShowCombinationBuy" /> <input name="ProductDetails$hidCombinationId" type="hidden" id="hidCombinationId" /> <input name="ProductDetails$hidSupName" type="hidden" id="hidSupName" /> <div class="main" id="main1"> <script src="/utility/cloud-zoom.1.0.2.js" type="text/javascript"></script> <span style="display:none;"> <span id="productDetails_sku">TB0001-9</span><input id="productDetails_sku_v" name="productDetails_sku_v" type="hidden" value="619564_4938" /></span> <link href="/utility/cloud-zoom.css" rel="stylesheet" type="text/css" media="screen" /> <div id="divshow" class="dialog"> <div class="dialog_title"> <div class="dialog_title_l"><span>成功添加到購物車</span></div> <div class="dialog_title_r"> </div> </div> <div class="dialog_cartitem"> <p>目前選購商品共<span id="spcounttype">0</span>件合計：<span><span id="sptotal">0.00</span></span>元</p> <div class="btnbar"> <a class="btn-viewcart" href="#" target="_self">進入購物車</a> <a class="btn-continue">繼續購物</a> </div> </div> </div> <div id="divbefore" class="dialog"> <div class="dialog_title"> <div class="dialog_title_l"> <span>添加到購物車</span></div> </div> <div class="dialog_cartitem">正在添加到購物車……</div> </div> <input name="ProductDetails$hiddenpid" type="hidden" id="hiddenpid" value="619564" /> <input name="ProductDetails$txCartQuantity" type="hidden" id="txCartQuantity" /> <div id="divAlready" class="dialog"> <div class="dialog_title"> <div class="dialog_title_l"> <span>妳已經收藏過該商品</span> </div> <div class="Favorite_title_r"> </div> </div> <div class="dialog_cartitem"> <a href="/user/favorites.aspx">查看我的收藏>></a> </div> </div> <div id="divFavorite" class="dialogFavorite"> <div class="Favorite_title"> <div class="Favorite_title_l"> <span>成功加入收藏</span> </div> <div class="Favorite_title_r"> </div> </div> <div id="reset" class="tips"> <h2> 收藏成功！ </h2> <p> <em> 您已收藏了<span id="favoriteCount">1</span>個商品， <a target="_blank" href="/User/Favorites"> <font>查看我的收藏>></font> </a> </em> </p> </div> <div id="attention-tags"> <div class="mt"> <h4> 加標籤<em>（最多可選3個）</em> </h4> </div> <div class="mc" id="tagDiv"> <ul class="att-tag-list" id="tag_num"></ul> <ul class="att-tag-list att-tag-list-save" id="tag_num2"> <li class="att-tag-new"> <input id="txttags" maxlength="10" type="text" onkeydown="javascript:if(event.keyCode==13) AppendTags();" onkeyup="return checkLength(this)" placeholder="自定義" onfocus="if (this.value==this.defaultValue){this.value=''};this.style.color='#333333'" onblur="if (this.value==''){this.value=this.defaultValue;};this.style.color='#9C9A9C'" value="自定義" class="text" style="height: 25; color: rgb(156, 154, 156);" /><span onclick="javascript:return AppendTags();">添加</span> </li> </ul> <div id="tishi" class="att-tag-btn"> <a onclick="return SaveTags();" href="javascript:void(0);" class="att-btn-ok">確定</a> <a class="att-btn-cancal" href="javascript:void(0);" onclick="CloseFavorite();">取消</a> <span class="hl_red fl hide">最多可選不超過三個標籤</span> <span class="hl_red fl hide">請至少選擇1個標籤</span> <span class="hl_green fl hide">設置成功</span> <span class="hl_red fl hide">請輸入自定義標籤名稱！</span> <span class="hl_red fl hide">標籤由數字、字母、漢字組成</span> <span class="hl_red fl hide">存在該標籤的收藏商品，無法刪除</span> <span class="hl_red fl hide">請選擇要刪除的收藏標籤</span> </div> </div> </div> </div> <div class="login_tan" id="loginForBuy" style="display: none;"> <div class="dialog_title"> <div class="dialog_title_l"><span>您尚未登入，請登入</span></div> <div class="dialog_title_r" id="imgCloseLogin"></div> </div> <div class="dialog_cartitem"> <input type="text" name="textfield" id="textfieldusername" placeholder="電子信箱/手機號碼" class="login_tan_input1" /> <input type="password" name="textfield2" id="textfieldpassword" placeholder="密碼" class="login_tan_input2" /> <div class="info"> <a href="/register.aspx" class="register">我要註冊</a> <a href="/ForgotPassword.aspx">忘記密碼?</a> <input id="btnAmoBuy" class="btnAmoBuy" type="button" value="匿名購買" /> </div> <div class="btnbar"> <input type="button" name="button" id="btnLoginAndBuy" value="登 入 " class="login_tan_input3" /> </div> <div class="qqalipay"> <span>快速登入：</span> <em><a href="/OpenId/RedirectLogin.aspx?ot=xapp.plugins.openid.facebook.facebookservice"><img src="/plugins/openid/images/xapp.plugins.openid.facebook.facebookservice2.gif" alt="FaceBook登入" /> </a><a href="/OpenId/RedirectLogin.aspx?ot=xapp.plugins.openid.line.lineservice"><img src="/plugins/openid/images/xapp.plugins.openid.line.lineservice2.gif" alt="Line登入" /> </a> </em> </div> </div> </div> <a name="top_name" id="top1"></a> <div class="nav_info"><a href ='/browse/category/309'>烘焙原料</a>>><a href ='/jiajujiadian/category/343'>粉類</a>>><a href ='/jiajujiadian/category/352'>抹茶粉</a>>>日本丸久小山園 青嵐(京都宇治抹茶粉)</div> <div class="product_intro"> <div class="product_preview"> <meta property="og:image" content="/Storage/master/product/images/202006131547219716600.jpg" /> <style type="text/css"> .zoom-section{clear:both; } *html .zoom-section{display:inline;clear:both;} .zoom-desc{width:410px; padding:12px 0px; height:60px; overflow:hidden;} .zoom-desc p{ width:450px; overflow:hidden; } .zoom-desc a{ float:left; width:60px; height:60px; display:block; border:1px solid #eeeeee; margin-right:18px; background:#fff;} .zoom-desc a.hover{border:1px solid #ff5722;} .zoom-small-image{float:left; width:410px; height:410px; border:1px solid #eeeeee; background:#fff; } .zoom-small-image a{ height:410px; } .zoom-tiny-image{margin:0px;} .zoom-tiny-image:hover{border:1px solid #cc000;} </style> <table cellpadding="0" cellspacing="0" border="0" width="410"> <tr class="product_preview3"> <td> <div class="zoom-section"> <div class="zoom-section"> <div class="zoom-small-image"> <a id="zoom1" class="cloud-zoom" rel="adjustX:10, adjustY:-4" title="日本丸久小山園 青嵐(京都宇治抹茶粉)" href="/Storage/master/product/images/202006131547219716600.jpg"> <table cellspacing="0" cellpadding="0" border="0" width="100%" height="100%"> <tr> <td align="center" valign="middle"> <img id="ProductDetails_common_ProductImages___imgBig" title="Optional title display" src="/storage/master/product/thumbs410/410_202006131547219716600.jpg" border="0" /> </td> </tr> </table> </a> </div> <div class="zoom-desc"> <p> <a id="ProductDetails_common_ProductImages___iptPicUrl1" class="cloud-zoom-gallery" title="日本丸久小山園 青嵐(京都宇治抹茶粉)" rel="useZoom: 'zoom1', smallImage: '/storage/master/product/thumbs410/410_202006131547219716600.jpg'" href="/Storage/master/product/images/202006131547219716600.jpg"><img id="ProductDetails_common_ProductImages___imgSmall1" alt="Thumbnail 1" src="/storage/master/product/thumbs60/60_202006131547219716600.jpg" border="0" /></a> <a id="ProductDetails_common_ProductImages___iptPicUrl2" class="cloud-zoom-gallery" title="日本丸久小山園 青嵐(京都宇治抹茶粉)" rel="useZoom: 'zoom1', smallImage: '/storage/master/product/thumbs410/410_202006131547432842600.jpg'" href="/Storage/master/product/images/202006131547432842600.jpg"><img id="ProductDetails_common_ProductImages___imgSmall2" class="zoom-tiny-image" alt="Thumbnail 2" src="/storage/master/product/thumbs60/60_202006131547432842600.jpg" border="0" /></a> <a id="ProductDetails_common_ProductImages___iptPicUrl3" class="cloud-zoom-gallery" title="日本丸久小山園 青嵐(京都宇治抹茶粉)" rel="useZoom: 'zoom1', smallImage: '/storage/master/product/thumbs410/410_202006131547505186760.jpg'" href="/Storage/master/product/images/202006131547505186760.jpg"><img id="ProductDetails_common_ProductImages___imgSmall3" class="zoom-tiny-image" alt="Thumbnail 3" src="/storage/master/product/thumbs60/60_202006131547505186760.jpg" border="0" /></a> <a id="ProductDetails_common_ProductImages___iptPicUrl4" class="cloud-zoom-gallery" title=""></a> <a id="ProductDetails_common_ProductImages___iptPicUrl5" class="cloud-zoom-gallery" title=""></a> </p> </div> </div> </div> </td> </tr> <tr> <td height="10"> </td> </tr> </table> <div class="tm-action"> <ul> <li class="iShare" style="display:none;"> <h2 style="float: left;"> 分享： <a href='javascript: void(window.open('https://lineit.line.me/share/ui?url=' .concat(encodeURIComponent(location.href)) ));' title='分享給 LINE 好友'><img alt='分享給LINE好友 !' height='20' src='/templates/pccommon/images/LNS.png' width='20' /></a> <!--Facebook分享按鈕(JavaScript語法)--> <a href="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));"> <img title="分享到臉書！" src="/templates/pccommon/images/FBS.png" border="0" width="20" /> </a> <!--Google+分享按鈕(JavaScript語法)--> <a href="javascript: void(window.open('https://plus.google.com/share?url='.concat(encodeURIComponent(location.href)), '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'));"> <img title="分享到Google+！" src="/templates/pccommon/images/GLS.png" border="0" width="20" /> <!--Twitter分享按鈕(JavaScript語法)--> <a href="javascript: void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));"> <img title="分享到維特！" src="/templates/pccommon/images/TWS.png" border="0" width="20" /> </a> <!--微博分享按鈕(JavaScript語法)--> <a href="javascript:(function(){window.open('http://v.t.sina.com.cn/share/share.php?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)+'&source=bookmark','_blank','width=450,height=400');})()"> <img title="分享到微博！" src="/templates/pccommon/images/SWS.png" border="0" width="20" /> </a> </h2> </li> <li class="product_btns_coll"> <a id="addFavorite" href="javascript:void(0)" onclick="AddToFavorite()">收藏此商品</a> </li> </ul> </div> </div> <div class="product_parameter"> <table cellpadding="0" cellspacing="0" border="0" width="530"> <tr> <td><div id="bfdProductTitle">日本丸久小山園 青嵐(京都宇治抹茶粉)</div></td> </tr> <tr> <td class="introduce"> <div style="width: 530px;float: left;word-break: break-all;">日本丸久小山園 青嵐(京都宇治抹茶粉) 青嵐（あおあらし） 京都府產的宇治抹茶，色澤鮮豔，香氣柔和，口感柔和。 以上兩種類型的抹茶主要用於飲用，但它們也適用於高檔（高檔）產品， 例如冰淇淋和糖果。</div> </td> </tr> <tr class="product_para_name"> <td></td> </tr> <tr> <td> <div class="product_para2"> <div id="divmarket"><em>市場價：</em><del>$<span id="ProductDetails_lblMarkerPrice">800</span></del></div> <div class="tm-promo-price"> <div class="price"> <em style="margin-top:13px;">售 價：</em><b>$<span><span id="ProductDetails_lblBuyPrice">760</span></span></b> <span id="ProductDetails_spdiscount" style="float:left;margin:12px;cursor:pointer;"><font style="color:#ff5722" onclick="javascript:$('#loginForBuy').show();$('body').append(bg);">請登入</font>，確認是否享受優惠</span> </div> </div> <div id="ProductDetails_divCuxiao" class="cuxiao" style="display:none;"> <em>促 銷：</em> <span> </span> </div> <div style=" height: 1px;"></div> </div> </td> </tr> <tr class="product_sale"><td><span class="num">銷量：<em>410</em> </span> <span style="display:none;">評價：<em id="spanReviewCount1">2</em> 條</span></td></tr> <tr class="product_para_select"> <td> <input type="hidden" id="hiddenProductType" value='' /> <input type="hidden" id="hiddenProductId" value='619564' /> <div id="productSkuSelector" class="Product_WareFun_bg"> <div class="SKURowClass"> <span>規格：</span><input type="hidden" name="skuCountname" AttributeName="規格" id="skuContent_173" /><dl id="skuRow_173"><dd><input type="button" class="SKUValueClass" id="skuValueId_173_4938" AttributeId="173" ValueId="4938" value='原裝100G/包' /></dd> </dl></div> </div> <div class="product_para_num"> <div class="title">數量：</div> <div class="tb-text"><span id="ProductDetails_txtBuyAmount" class="Product_input"><input class="Product_input" id="buyAmount" type="text" value="1" style="width:30px;" /><input id="oldBuyNumHidden" type="hidden" value="1" /></span></div> <div class="mui-amount-btn"> <div name="spAdd" class="shopcart-minus shopcart1"> </div> <div name="spSub" class="shopcart-add shopcart1"></div> </div> <div class="amount-unit"> <span style="display:none;">$<span><span id="productDetails_Total">760</span><input id="productDetails_Total_v" name="productDetails_Total_v" value="760.0000" type="hidden" /> </span></span> 庫存：<span stock="28" id="productDetails_Stock">28</span> <span style="display:none;">重量：<span id="ProductWeight">0.10</span>KG</span> </div> <input name="ProductDetails$hidIsOpenMultiStore" type="hidden" id="hidIsOpenMultiStore" value="0" /> </div> </td> </tr> <tr class="product_btns_append"> <td style="position:relative"> <table cellpadding="0" cellspacing="0" border="0" width="530"> <tr> <td colspan="3"> <ul class="Product_tg_ul"> <li class="product_btns_buy"> <input type="hidden" id="hiddenIsLogin" value="nologin" /><span id="buyButton">立即購買</span> </li> <li class="product_btns_shop"> <span id="addcartButton">加入購物車 </span> </li> </ul> </td> </tr> </table> </td> </tr> </table> </div> <div class="ald-inner"> <div class="brand_logo"> <a href="/brand/brand_detail/616" id="ProductDetails_aBrand"> <img id="ProductDetails_imgBrand" src="/Storage/master/brand/202006111751387365730.jpg" border="0" /> </a> <div id="divSupName"> <span> </span> </div> </div> <div class="sever"> <em>服務支持：</em> <span> <img src="/Utility/pics/pdorequest.jpg" id="ProductDetails_imgpdorequest" /> <img id="imgCustomerService" src="/Utility/pics/customerservice.jpg" /> </span> </div> </div> </div> <div style="height:40px; overflow:hidden; clear:both;"></div> <!-- 組合購 --> <div class="combination"> <div class="title"><h2>組合購</h2></div> <div class="con"> <div class="master"> <div class="product"> <div class="pic"><img id="ProductDetails_imgMainPic" /></div> <div class="name"><a href="../#" id="ProductDetails_aMainName"></a></div> <div class="price"><label><b>$<span id="ProductDetails_lblMainPrice" salePrice=""></span></b></label></div> </div> </div> <div class="suits"> <div class="info"> </div> </div> <div class="infos"> <div class="total"></div> <div class="info-name"> <div class="new_price"><b>組合價： </b><em>$<span id="spanCombinationPrice"></span></em></div> <div class="old_price"><b>原價： </b><em>$<span id="spanOldPrice"></span></em></div> <div class="buy_btn" id="buy_btn"><a href="javascript:">立即購買</a></div> </div> </div> </div> </div> <!-- end --> <!-- 組合購彈窗--> <div id="dialog_sku" class="dialog_sku"> <div class="dialog_title"> <div class="dialog_title_l"> <span>選擇組合購商品規格</span> </div> <div class="sku_r"> </div> </div> <div class="sku_con"> <div class="infinite_scroll"> </div> </div> <div class="dialog_footer"> <div class="total">合計：<em>$<span id="spanCombinationTotalPrice"></span></em></div> <div class="btn" id="btnCombinationBuySubmit">確定</div> <div class="info">（最多可購買<span id="spanCombinationBuyLimitAmount"></span>套）</div> <div class="num"> <span class="num_minus" m="pminus" t="cp" onclick="minusCombinationAmount()"><img src="/templates/pccommon/images/new/plus_03.png"></span> <input type="text" value="1" id="txtCombinationBuyAmount" class="cart_txtbuynum" onblur="changeCombinationAmount()" /> <span class="num_add" m="padd" t="cp" onclick="addCombinationAmount()"><img src="/templates/pccommon/images/new/plus_05.png"></span> </div> </div> </div> <script type="text/javascript" src="/templates/pccommon/script/jquery.masonry.min.js"></script> <script type="text/javascript"> $(document).ready(function () { var showCombinationBuy = $("#hidShowCombinationBuy").val(); if (showCombinationBuy != "1") { $(".combination").hide(); } else { getCombinationTotalPrice(); } if ($("#ProductDetails_lblMarkerPrice").text() == "-") { $("#divmarket").hide(); } $("#province_floor").show(); }); function addCombinationAmount() { var amount = parseInt($("#txtCombinationBuyAmount").val()); var limitAmount = parseInt($("#spanCombinationBuyLimitAmount").html()); if (amount < limitAmount) { $("#txtCombinationBuyAmount").val(amount + 1); bindCombinationTotalPriceAndLimitStock(); } } function minusCombinationAmount() { var amount = parseInt($("#txtCombinationBuyAmount").val()); if (amount > 1) { $("#txtCombinationBuyAmount").val(amount - 1); bindCombinationTotalPriceAndLimitStock(); } } function changeCombinationAmount() { var txtAmount = $("#txtCombinationBuyAmount").val(); var reg = /^[0-9]*[1-9][0-9]*$/; if (!reg.test(txtAmount)) { alert("請輸入正確的購買套數"); $("#txtCombinationBuyAmount").val(1); return; } var amount = parseInt(txtAmount); var limitAmount = parseInt($("#spanCombinationBuyLimitAmount").html()); if (amount < 1) { alert("購買套數不能小於1套"); $("#txtCombinationBuyAmount").val(1); return; } if (amount > limitAmount) { alert("庫存不足"); $("#txtCombinationBuyAmount").val(1); return; } } function getCombinationTotalPrice() { var mainCombinationPrice = $("#ProductDetails_lblMainPrice").html(); var mainSalePrice = $("#ProductDetails_lblMainPrice").attr("salePrice"); var totalSalePrice = parseFloat(mainSalePrice); var totalCombinationPrice = parseFloat(mainCombinationPrice); $(".suits input[id^='combinationChk_']").each(function (i, obj) { if ($(obj).checked || $(obj).is(':checked')) { var value = $(obj).val(); var items = value.split('_'); var minSalePrice = items[0]; var minCombinationPrice = items[1]; totalSalePrice = totalSalePrice + parseFloat(minSalePrice); totalCombinationPrice = totalCombinationPrice + parseFloat(minCombinationPrice); } }); $("#spanCombinationPrice").html(totalCombinationPrice.toFixed(0)); $("#spanOldPrice").html(totalSalePrice.toFixed(0)); } </script> <script> $(function () { var Pro_width = $('.suits .product').size() * $('.suits .product').width(); var Pro_plus = $('.suits .plus').size() * $('.suits .plus').outerWidth(true); var suits_width = Pro_width + Pro_plus; $('.suits .info').css('width', suits_width) var bg = "<div class='modal_qt'></div>"; $('#buy_btn').click(function () { var checkedCount = $(".suits input[id^='combinationChk_']:checked").length; if (checkedCount > 0) { getCombinationSkuItemsData(); } else { alert("請選擇組合商品！"); } }) $('.sku_r').click(function () { $('.modal_qt').hide(); $('#dialog_sku').css('visibility', 'hidden'); }) $('#btnCombinationBuySubmit').click(function () { combinationBuySubmit(); }) }); function combinationBuySubmit() { var isAllChoose = true; var skuids = ""; $.each($("li[id^='combination_']"), function () { var skuid = $(this).attr("selectedSkuId"); if (skuid == "" || skuid == null || skuid == undefined) { isAllChoose = false; } else { if (skuids != "") skuids += ","; skuids += skuid; } }); if (!isAllChoose) { alert("請選擇商品規格！"); return; } //驗證輸入的套數 var buyAmount = $("#txtCombinationBuyAmount").val(); var reg = /^[0-9]*[1-9][0-9]*$/; if (!reg.test(buyAmount)) { alert("請輸入正確的購買套數"); $("#txtCombinationBuyAmount").val(1); return; } var amount = parseInt(buyAmount); var limitAmount = parseInt($("#spanCombinationBuyLimitAmount").html()); if (amount < 1) { alert("購買套數不能小於1套"); $("#txtCombinationBuyAmount").val(1); return; } if (amount > limitAmount) { alert("庫存不足"); return; } var combinationId = $("#hidCombinationId").val(); $('.modal_qt').hide(); $('#dialog_sku').css('visibility', 'hidden'); location.href = "/SubmmitOrder.aspx?buyAmount=" + buyAmount + "&productSku=" + skuids + "&from=combinationbuy&CombinationId=" + combinationId; } // 保存當前選擇的規格 function SelectCombinationSkus(clt) { var attributeId = $(clt).attr("AttributeId"); var valueId = $(clt).attr("ValueId"); var productId = $(clt).attr("ProductId"); var combinationId = $("#hidCombinationId").val(); if ($(clt).attr("class") == "SKUSelectValueClass") { $("#skuRow_" + productId + "_" + attributeId).attr("selectedValue", ""); $(clt).attr("class", "SKUValueClass"); } else { $("#skuRow_" + productId + "_" + attributeId).attr("selectedValue", valueId); $("#skuRow_" + productId + "_" + attributeId + " .SKUSelectValueClass").attr("class", "SKUValueClass"); $(clt).attr("class", "SKUSelectValueClass"); } var imgUrl = $(clt).attr("imgUrl"); if (imgUrl != undefined && imgUrl != null && imgUrl != "") { var targetImg = $("#mainImg_" + productId); if (targetImg.length > 0) { $(targetImg).attr("src", imgUrl); } } var skuItems = null; var data = {}; data.action = "GetCombinationSku"; data.ProductId = productId; data.AttributeId = attributeId; data.ValueId = valueId; data.CombinationId = combinationId; $.ajax({ url: "../API/CombinationBuyHandler.ashx", type: 'post', dataType: 'json', timeout: 10000, data: data, success: function (resultData) { skuItems = resultData; $.each($("#combination_" + productId + " dd input,#combination_" + productId + " dd img"), function (index, item) { var currentPid = $(this).attr("AttributeId"); var currentVid = $(this).attr("ValueId"); var isBind = false; $.each($(resultData), function () { if (currentPid == this.AttributeId && currentVid == this.ValueId) { isBind = true; } }); if (isBind) { if ($(item).attr("class") == "SKUUNSelectValueClass") { $(item).attr("class", "SKUValueClass"); } $(item).attr("disabled", false); } else { $(item).attr("class", "SKUUNSelectValueClass"); $(item).attr("disabled", true); } }); if (IsCombinationAllSelected(productId)) { if (skuItems != null) { var skuRecord = eval(skuItems); for (var i = 0; i < skuRecord.length; i++) { var isMach = true; var mskuid = skuRecord[i].SkuId; mskuid = "_" + mskuid + "_"; $.each($("dl[id^='skuRow_" + productId + "']"), function () { var vid = $(this).attr("selectedValue"); if (mskuid.indexOf("_" + vid + "_") == -1) { isMach = false; } }); if (isMach) { var selectedSkuId = skuRecord[i].SkuId; $("#combinationBuySale_" + productId).html(skuRecord[i].CombinationPrice); $("#comStock_" + productId).html(skuRecord[i].Stock); $("#combination_" + productId).attr("selectedSkuId", selectedSkuId); bindCombinationTotalPriceAndLimitStock(); break; } } } } else { $("#combination_" + productId).attr("selectedSkuId", ""); } } }); } // 是否所有規格都已選 function IsCombinationAllSelected(pid) { var allSelected = true; $.each($("dl[id^='skuRow_" + pid + "']"), function () { if ($(this).attr("selectedValue") == "") { allSelected = false; } }); return allSelected; } //計算並綁定總價和最大購買套數 function bindCombinationTotalPriceAndLimitStock() { var total = 0; var minStock = 0; var count = 0; $.each($("span[id^='combinationBuySale_']"), function () { var p = $(this).html(); if (p != "" && p != null && p != undefined) { total += parseFloat(p); } }); $.each($("span[id^='comStock_']"), function () { var s = $(this).html(); if (s != "" && s != null && s != undefined) { var stock = parseFloat(s); if (count == 0 || stock < minStock) { minStock = stock; } count++; } }); $("#spanCombinationBuyLimitAmount").html(minStock); var amount = parseInt($("#txtCombinationBuyAmount").val()); $("#spanCombinationTotalPrice").html((total * amount).toFixed(0)); } //獲取規格數據 function getCombinationSkuItemsData() { var combinationId = $("#hidCombinationId").val(); var mainProductId = $("#hidden_productId").val(); var productIds = mainProductId; $(".suits input[id^='combinationChk_']:checked").each(function (i, obj) { var s = $(obj).attr("id"); var pid = s.substring(15); productIds += "," + pid; }); $.post('../API/CombinationBuyHandler.ashx?action=GetProductAttrList&ProductIds=' + productIds + "&CombinationId=" + combinationId, function (result) { if (eval(result).error == "noLogin") { $("#loginForBuy").show(); $("#btnAmoBuy").hide(); $("body").append(bg); } else { var items = eval(result); if (items.length > 0) { bindCombinationSkuHtml(items, mainProductId); var otherCount = $("div[id^='comDel_']").length; if (otherCount == 1) { $("div[id^='comDel_']").css("background", "url(../templates/pccommon/images/new/disable.png) no-repeat"); $("div[id^='comDel_']").attr("onclick", ""); } $('body').append(bg); $('#dialog_sku').css('visibility', 'visible'); } } }); } //根據獲取的規格數據，生成綁定頁面 function bindCombinationSkuHtml(items, mainProductId) { $(".infinite_scroll").html(""); var h = "<ul id='combinationSkuList'></ul>" $(".infinite_scroll").append(h); for (var i = 0; i < items.length; i++) { var obj = new Array(); var k = items[i]; obj.push(String.format('<li class="masonry_brick" id="combination_{0}" selectedSkuId="{1}">', k.ProductId, k.SingleSkuId)); obj.push(String.format('<div class="pic"><img id="mainImg_{0}" src="{1}" style="width:100px;height:100px;"></div>', k.ProductId, k.ThumbnailUrl100)); obj.push('<div class="tm-meta product_para_select">'); if (k.ProductId != mainProductId) { obj.push(String.format('<div class="delete_icon" id="comDel_{0}" onclick="delCombinationProductLi(this)"></div>', k.ProductId)); } var details = k.details; var names = ""; for (var j = 0; j < details.length; j++) { var item = details[j]; if (names.indexOf("'" + item.AttributeName + "'") > -1) { continue; } names += ",'" + item.AttributeName + "'"; obj.push('<div class="SKURowClass">'); obj.push(String.format('<b>{0}：</b>', item.AttributeName)); obj.push(String.format('<dl id="skuRow_{0}_{1}" selectedValue="">', k.ProductId, item.AttributeId)); var attributeValues = ""; for (var m = 0; m < details.length; m++) { var valueItem = details[m]; if (item.AttributeName == valueItem.AttributeName && attributeValues.indexOf("'" + valueItem.ValueStr + "'") > -1) { continue; } if (item.AttributeName == valueItem.AttributeName) { if (valueItem.UseAttributeImage && valueItem.ImageUrl != "") { obj.push(String.format('<dd><a href="#"><img class="SKUValueClass" id="skuValueId_{0}_{1}" AttributeId="{0}" ValueId="{1}" imgUrl="{4}" src="{2}" ProductId="{3}" onclick="SelectCombinationSkus(this)" /></a></dd>', item.AttributeId, valueItem.ValueId, valueItem.ThumbnailUrl40, k.ProductId, valueItem.ThumbnailUrl410)); } else { obj.push(String.format('<dd><input class="SKUValueClass" type="button" id="skuValueId_{0}_{1}" AttributeId="{0}" ValueId="{1}" value="{2}" ProductId="{3}" onclick="SelectCombinationSkus(this)" /></dd>', item.AttributeId, valueItem.ValueId, valueItem.ValueStr, k.ProductId)); } } attributeValues += ",'" + valueItem.ValueStr + "'"; } obj.push('</dl>'); obj.push('</div>'); } obj.push(String.format('<div class="tm-price"><em>售價：</em><b> $ <span id="combinationBuySale_{0}">{1}</span></b></div>', k.ProductId, k.MinCombinationPrice)); obj.push(String.format('<div class="tm-stock"><em>庫存：</em><b><span id="comStock_{0}">{1}</span></b></div>', k.ProductId, k.AllStock)); obj.push('</div>'); obj.push('</li>'); if (k.ProductId == mainProductId) { $("#combinationSkuList").prepend(obj.join("")); } else { $("#combinationSkuList").append(obj.join("")); } } $('#combinationSkuList').masonry({ itemSelector: '.masonry_brick', columnWidth: 480, gutterWidth: 16 }); bindCombinationTotalPriceAndLimitStock(); } function delCombinationProductLi(obj) { var did = $(obj).attr("id"); var productid = did.substring(7); $("#combination_" + productid).remove(); var otherCount = $("div[id^='comDel_']").length; if (otherCount == 1) { $("div[id^='comDel_']").css("background", "url(../templates/pccommon/images/new/disable.png) no-repeat"); $("div[id^='comDel_']").attr("onclick", ""); } $('#combinationSkuList').masonry({ itemSelector: '.masonry_brick', columnWidth: 480, gutterWidth: 16 }); bindCombinationTotalPriceAndLimitStock(); } </script> <div class="product_frame w1200 o-hidden"> <div class="category_l"> <div class="paihangtop ma10">熱銷推薦</div> <div class="sale_pro"><div class="sale_top60 cssEdite" type="top" id="products_17" ><ul> <li class="sale_top1"><em style=" display:none;">1</em> <div class="pic"> <a target="_blank" href="/product_detail/616456"> <img data-url="/Storage/master/product/thumbs60/60_201808082346447737080.png" alt="紐西蘭安佳全酯奶粉"></a></div> <div class="info"> <div class="name"><a target="_blank" href="/product_detail/616456">紐西蘭安佳全酯奶粉</a></div> <div class="price"> <b><em>$</em>145</b> <span><em>$</em>4500</span> </div> </div> </li> <li class="sale_top2"><em style=" display:none;">2</em> <div class="pic"> <a target="_blank" href="/product_detail/616448"> <img data-url="/Storage/master/product/thumbs60/60_201809051824529340910.jpg" alt="安佳動物性鮮奶油1L*12罐/箱"></a></div> <div class="info"> <div class="name"><a target="_blank" href="/product_detail/616448">安佳動物性鮮奶油1L*12罐/箱</a></div> <div class="price"> <b><em>$</em>205</b> <span><em>$</em>220</span> </div> </div> </li> <li class="sale_top3"><em style=" display:none;">3</em> <div class="pic"> <a target="_blank" href="/product_detail/616432"> <img data-url="/Storage/master/product/thumbs60/60_201808090004422971880.jpg" alt="紐西蘭安佳有鹽奶油/牛油/黃油454g"></a></div> <div class="info"> <div class="name"><a target="_blank" href="/product_detail/616432">紐西蘭安佳有鹽奶油/牛油/黃油454g</a></div> <div class="price"> <b><em>$</em>180</b> <span><em>$</em>168</span> </div> </div> </li> <li class="sale_top4"><em style=" display:none;">4</em> <div class="pic"> <a target="_blank" href="/product_detail/616457"> <img data-url="/Storage/master/product/thumbs60/60_201808082323375583040.jpg" alt="Fonterra恆天然綠原牛奶(箱)12入"></a></div> <div class="info"> <div class="name"><a target="_blank" href="/product_detail/616457">Fonterra恆天然綠原牛奶(箱)12入</a></div> <div class="price"> <b><em>$</em>52</b> <span><em>$</em>620</span> </div> </div> </li> <li class="sale_top5"><em style=" display:none;">5</em> <div class="pic"> <a target="_blank" href="/product_detail/616446"> <img data-url="/Storage/master/product/thumbs60/60_201808082350318626370.jpg" alt="安佳義大利馬斯卡邦乳酪MASCARPONE500g"></a></div> <div class="info"> <div class="name"><a target="_blank" href="/product_detail/616446">安佳義大利馬斯卡邦乳酪MASCARPONE500g</a></div> <div class="price"> <b><em>$</em>210</b> <span><em>$</em>250</span> </div> </div> </li> <li class="sale_top6"><em style=" display:none;">6</em> <div class="pic"> <a target="_blank" href="/product_detail/616434"> <img data-url="/Storage/master/product/thumbs60/60_202204282356336995160.jpg" alt="安佳發酵奶油片1KG*20片/箱"></a></div> <div class="info"> <div class="name"><a target="_blank" href="/product_detail/616434">安佳發酵奶油片1KG*20片/箱</a></div> <div class="price"> <b><em>$</em>350</b> <span><em>$</em>380</span> </div> </div> </li> </ul> </div></div> </div> <div class="category_r"> <div class="product_detail"> <ul class="product_nav_wrap"> <li class="curr"><a>商品詳情</a></li> <li style="display:none;"><a>商品評價<em id="spanReviewCount2">2</em></a></li> <li style="display:none;"><a>成交記錄<em>2</em></a></li> <li style="display:none;"><a>商品諮詢<em>0</em></a></li> <li class="BLKDescription" style="display:none"><a>部落客實測</a></li> </ul> <div class="product_mc"> <div class="detail-content-item"> <ul> </ul> </div> <div style="height:auto;overflow:hidden;"><p><img data-url="/Storage/master/gallery/20200613/6372766008037810297850946.jpg"/></p><p><img data-url="/Storage/master/gallery/20200612/6372757218571392147806371.jpg"/></p><p><br/></p></div> </div> <div class="product_mc" style="display:none"> <div class="i-Review"> <div class="rate"><strong>0<em>%</em></strong><span>好評度</span></div> <div class="percent"> <dl> <dt>好評<span>(0%)</span></dt> <dd><div style="width: 0px;"></div></dd> </dl> <dl> <dt>中評<span>(0%)</span></dt> <dd><div style="width: 0px;"></div></dd> </dl> <dl> <dt>差評<span>(0%)</span></dt> <dd><div style="width:0px;"></div></dd> </dl> </div> </div> <div class="Review-con"> <div class="wrap"> <div class="tab"> <ul class="tab-hd"> <li class="active">全部評價<em>（0）</em></li> <li>好評<em>（0）</em></li> <li>中評<em>（0）</em></li> <li>差評<em>（0）</em></li> <li>有圖<em>（0）</em></li> </ul> <div class="tab-bd"> <div class="thisclass review0"> </div> <div class="normal review1"></div> <div class="normal review2"></div> <div class="normal review3"></div> <div class="normal review4"></div> </div> </div> </div> </div> </div> <div class="product_mc" id="productSaleCountContainer" style="display:none"> <div class="tab_sales"> <div class="tr_head title"> <div class="name">買家</div><div class="num">數量</div> <div class="size">款式和型號</div><div class="time">付款時間</div> </div> <div class="details_plzx" id="divlineItems"> <!--<span class="colorF"><a id="ProductDetails_hpkProductSales" class="Product_b"></a></span>--> </div> </div> </div> <div class="product_mc" style="display:none"> <!--商品諮詢--> <div class="Consultations"> <div class="details_plzx"> <span class="colorF"><a id="ProductDetails_hpkProductConsultations" class="Product_b" href="../ProductConsultationsAndReplay.aspx?productId=619564">查看全部0條諮詢</a></span> <a class="Product_a" href="/ProductConsultations/619564">我要諮詢</a> </div> </div> </div> <div id="ProductDetails_divMessageBord" class="product_mc" style="display:none"> <!--商品留言板--> <div class="Messagebord"> <div class="details_plzx"> <span class="colorF"><a id="ProductDetails_hpkMessageBord" class="Product_b" href="../ProductViewMessage.aspx?productId=619564">查看全部0條留言</a></span> <a class="Product_a" href="/ProductMessageBord/619564">我要留言</a> </div> </div> </div> <div class="product_mc" style="display:none"> <!--部落客實測--> <div style="height:auto;overflow:hidden; padding:10px;" id="BLKDescription"></div> </div> </div> </div> </div> <script> var productConsultationsDataLoaded = false; var productReviewType1Loading = false; var productReviewType2Loading = false; var productReviewType3Loading = false; var productReviewType4Loading = false; var productReviewType5Loading = false; //加載成交記錄 function loadProductSaleCountData(pageSize, currentPage, productId) { //productSaleCountContainer //var url = "/ProductDetailsSaleRecord?productId=" + $("#hidden_productId").val(); //productSaleCountDataLoaded = true; //$.get(url, function (data) { // $("#productSaleCountContainer").prepend(data); //}, "text"); $.post('../API/ReviewHandler.ashx?action=LoadLineItems&PageSize=' + pageSize + '&CurrentPage=' + currentPage + '&ProductId=' + productId, function (result) { var items = JSON.parse(result); var totalCount = items.totalCount; if (items.data.length > 0) { $("#divlineItems").html(""); var userhtm = ""; for (var i = 0; i < items.data.length; i++) { var n = items.data[i]; userhtm += getLineItemHtml(n); } $("#divlineItems").html(userhtm); //分頁 var pageNum = totalCount / pageSize; if ((pageSize * parseInt(pageNum)) < totalCount) { pageNum++; } if (pageNum > 1) { var pageHtml = getLineItemPage(totalCount, parseInt(pageNum), currentPage); $("#divlineItems").append(pageHtml); } } }); } var reviewPageSize = 5; var lineItemPageSize = 5; $(function () { function tabs(tabTit, on, tabCon) { $(tabTit).children().click(function () { $(this).addClass(on).siblings().removeClass(on); var index = $(tabTit).children().index(this); $(tabCon).children().eq(index).show().siblings().hide(); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), index); }); }; tabs(".tab-hd", "active", ".tab-bd"); /* loadStatisticsData($("#hidden_productId").val()); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), 0); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), 1); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), 2); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), 3); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), 4); */ if ($("#hidSubMemberDeduct").val() == "" || $("#hidSubMemberDeduct").val() == undefined) { $("#referralMoney").hide(); } }); //加載評論 function loadReviewData(pageSize, currentPage, productId, type) { //如果是第一頁已加載就直接返回，主要處理用户多次點擊加載第一頁 switch (type) { case 0: if (productReviewType1Loading) return; productReviewType1Loading = true; break; case 1: if (productReviewType2Loading) return; productReviewType2Loading = true; break; case 2: if (productReviewType3Loading) return; productReviewType3Loading = true; break; case 3: if (productReviewType4Loading) return; productReviewType4Loading = true; break; case 4: if (productReviewType5Loading) return; productReviewType5Loading = true; break; } $.post('../API/ReviewHandler.ashx?action=LoadReview&PageSize=' + pageSize + '&CurrentPage=' + currentPage + '&ProductId=' + productId + '&type=' + type, function (result) { switch (type) { case 0: productReviewType1Loading = false; break; case 1: productReviewType2Loading = false; break; case 2: productReviewType3Loading = false; break; case 3: productReviewType4Loading = false; break; case 4: productReviewType5Loading = false; break; } var items = JSON.parse(result); var totalCount = items.totalCount; if (type == 0) { $("#spanReviewCount1").text(totalCount); $("#spanReviewCount2").text(totalCount); } if (items.data.length > 0) { $(".review" + type).html(""); var userhtm = ""; for (var i = 0; i < items.data.length; i++) { var n = items.data[i]; userhtm += getReviewHtml(n); } $(".review" + type).html(userhtm); $('input.rating').rating(); //分頁 var pageNum = totalCount / pageSize; if ((pageSize * parseInt(pageNum)) < totalCount) { pageNum++; } if (pageNum > 1) { $(".review" + type).append(getPage(totalCount, parseInt(pageNum), currentPage, type)); } } $('.after-service-img img').click(function () { var bigsrc = $(this).attr('src'); $(this).addClass("active"); $(this).siblings().removeClass("active"); $(this).parents().siblings(".preview-img").children().attr("src", bigsrc); $(this).parents().siblings(".preview-img").show(300); }) $(".preview-img").click(function () { $(this).hide(300); }) }); } //加載評論統計 function loadStatisticsData(productId) { $.post('../API/ReviewHandler.ashx?action=StatisticsReview&ProductId=' + productId, function (result) { var items = JSON.parse(result); var reviewNum = parseInt(items.reviewNum); var reviewNum1 = parseInt(items.reviewNum1); var reviewNum2 = parseInt(items.reviewNum2); var reviewNum3 = parseInt(items.reviewNum3); var reviewNumImg = parseInt(items.reviewNumImg); var reviewRate1 = 0; var reviewRate2 = 0; var reviewRate3 = 0; if (reviewNum != 0) { reviewRate1 = ((reviewNum1 * 100) / (reviewNum)).toFixed(0); reviewRate2 = ((reviewNum2 * 100) / (reviewNum)).toFixed(0); reviewRate3 = ((reviewNum3 * 100) / (reviewNum)).toFixed(0); } $(".i-Review .rate strong").html(reviewRate1 + "<em>%</em>"); $(".i-Review .percent dl").eq(0).html("<dt>好評<span>(" + reviewRate1 + "%)</span></dt><dd><div style=\"width: " + reviewRate1 + "px;\"></div></dd>"); $(".i-Review .percent dl").eq(1).html("<dt>中評<span>(" + reviewRate2 + "%)</span></dt><dd><div style=\"width: " + reviewRate2 + "px;\"></div></dd>"); $(".i-Review .percent dl").eq(2).html("<dt>差評<span>(" + reviewRate3 + "%)</span></dt><dd><div style=\"width: " + reviewRate3 + "px;\"></div></dd>"); $(".tab-hd li").eq(0).find("em").html("(" + reviewNum + ")"); $(".tab-hd li").eq(1).find("em").html("(" + reviewNum1 + ")"); $(".tab-hd li").eq(2).find("em").html("(" + reviewNum2 + ")"); $(".tab-hd li").eq(3).find("em").html("(" + reviewNum3 + ")"); $(".tab-hd li").eq(4).find("em").html("(" + reviewNumImg + ")"); $(".product_nav_wrap li").eq(1).find("em").html(reviewNum); }); } function getReviewHtml(obj) { var arr = new Array(); arr.push('<div class="reviewNew">'); arr.push('<div class="reviewNew_tx">'); arr.push('<img src="' + obj.Picture + '" />'); arr.push('<span>' + obj.UserName + '</span>'); arr.push('</div>'); arr.push('<div class="reviewNew_t">'); arr.push('<span><input id="input-2ba" type="number" class="rating" min="0" max="5" step="1" data-size="xs" data-stars="5" value="' + obj.Score + '" data-symbol="" readonly="readonly"></span>'); arr.push('<span>' + obj.SKUContent + '</span>'); arr.push('<i>發表於：' + obj.ReviewDate + '</i>'); arr.push('</div>'); arr.push('<p class="reviewInfo">' + obj.ReviewText + '</p>'); arr.push('<span class="after-service-img">'); if (obj.ImageUrl1 != null && obj.ImageUrl1 != "") arr.push('<img src="' + obj.ImageUrl1 + '" style="max-height:60px;" class="" />'); if (obj.ImageUrl2 != null && obj.ImageUrl2 != "") arr.push('<img src="' + obj.ImageUrl2 + '" style="max-height:60px;" class="" />'); if (obj.ImageUrl3 != null && obj.ImageUrl3 != "") arr.push('<img src="' + obj.ImageUrl3 + '" style="max-height:60px;" class="" />'); if (obj.ImageUrl4 != null && obj.ImageUrl4 != "") arr.push('<img src="' + obj.ImageUrl4 + '" style="max-height:60px;" class="" />'); if (obj.ImageUrl5 != null && obj.ImageUrl5 != "") arr.push('<img src="' + obj.ImageUrl5 + '" style="max-height:60px;" class="" />'); arr.push('</span>'); arr.push('<div class="preview-img" style="overflow: hidden; display: none;">'); arr.push('<img src="">'); arr.push('</div>'); if (obj.ReplyDate != null && obj.ReplyDate != "") { arr.push('<p class="Preply"><span>商家回覆：</span>' + obj.ReplyText + '</p>'); } arr.push('</div>'); return arr.join(""); } function getLineItemHtml(obj) { var arr = new Array(); arr.push('<div class="tr_head">'); arr.push('<div class="name"><img style="width:40px;border-radius:100%;" src="' + obj.Picture + '" />' + obj.UserName + '</div>'); arr.push('<div class="num">' + obj.Quantity + '</div>'); arr.push('<div class="size">' + obj.SKUContent + ' </div>'); arr.push('<div class="time">' + obj.PayDate + '</div>'); arr.push('</div>'); return arr.join(""); } function getPage(totalCount, pageNum, currentPage, type) { var arr = new Array(); arr.push('<div class="page">'); if (currentPage > 1) arr.push('<a href="javascript:loadReviewData(' + reviewPageSize + ',' + (currentPage - 1) + ',' + $("#hidden_productId").val() + ',' + type + ');" class="page-prev">上一頁</a>'); var finallyPage = 0; for (var i = 1; i <= pageNum; i++) { if (i > (currentPage - 3 + ((pageNum - currentPage - 3) > 0 ? 0 : (pageNum - currentPage - 3))) && i < (currentPage + 3 - ((currentPage - 3) > 0 ? 0 : (currentPage - 3)))) { finallyPage = i; if (i == currentPage) arr.push('<a class="page-cur">' + i + '</a>'); else arr.push('<a href="javascript:loadReviewData(' + reviewPageSize + ',' + i + ',' + $("#hidden_productId").val() + ',' + type + ');" >' + i + '</a>'); } } if (finallyPage < pageNum) { arr.push('<a class="page-break">...</a>'); } if (currentPage < pageNum) arr.push('<a href="javascript:loadReviewData(' + reviewPageSize + ',' + (currentPage + 1) + ',' + $("#hidden_productId").val() + ',' + type + ');" class="page-next">下一頁</a>'); arr.push('<span class="page-skip">'); arr.push('第' + currentPage + '/' + pageNum + '頁 共' + totalCount + '記錄'); arr.push('<input type="text" id="txtGoto' + type + '" size="3" value="" class="text">頁'); arr.push('<input type="button" onclick="javascript:btnfanye(' + type + ',' + pageNum + ');" value="確定" class="button">'); arr.push('</span>'); arr.push('</div>'); return arr.join(""); } function getLineItemPage(totalCount, pageNum, currentPage) { var arr = new Array(); arr.push('<div class="page">'); if (currentPage > 1) arr.push('<a href="javascript:loadProductSaleCountData(' + lineItemPageSize + ',' + (currentPage - 1) + ',' + $("#hidden_productId").val() + ');" class="page-prev">上一頁</a>'); var finallyPage = 0; for (var i = 1; i <= pageNum; i++) { if (i > (currentPage - 3 + ((pageNum - currentPage - 3) > 0 ? 0 : (pageNum - currentPage - 3))) && i < (currentPage + 3 - ((currentPage - 3) > 0 ? 0 : (currentPage - 3)))) { finallyPage = i; if (i == currentPage) arr.push('<a class="page-cur">' + i + '</a>'); else arr.push('<a href="javascript:loadProductSaleCountData(' + lineItemPageSize + ',' + i + ',' + $("#hidden_productId").val() + ');" >' + i + '</a>'); } } if (finallyPage < pageNum) { arr.push('<a class="page-break">...</a>'); } if (currentPage < pageNum) arr.push('<a href="javascript:loadProductSaleCountData(' + lineItemPageSize + ',' + (currentPage + 1) + ',' + $("#hidden_productId").val() + ');" class="page-next">下一頁</a>'); arr.push('<span class="page-skip">'); arr.push('第' + currentPage + '/' + pageNum + '頁 共' + totalCount + '記錄'); arr.push('<input type="text" id="txtLineItemGoto" size="3" value="" class="text">頁'); arr.push('<input type="button" onclick="javascript:btnLineItemfanye(' + pageNum + ');" value="確定" class="button">'); arr.push('</span>'); arr.push('</div>'); return arr.join(""); } function btnfanye(type, pageNum) { if ($("#txtGoto" + type).val() == "") alert("請輸入翻頁數"); if (isNaN($("#txtGoto" + type).val())) alert("翻頁數只能輸入數字"); if (parseInt($("#txtGoto" + type).val()) > pageNum) alert("翻頁數不可以大於最大頁數"); loadReviewData(reviewPageSize, parseInt($("#txtGoto" + type).val()), $("#hidden_productId").val(), type) } function btnLineItemfanye(pageNum) { if ($("#txtLineItemGoto").val() == "") alert("請輸入翻頁數"); if (isNaN($("#txtLineItemGoto").val())) alert("翻頁數只能輸入數字"); if (parseInt($("#txtLineItemGoto").val()) > pageNum) alert("翻頁數不可以大於最大頁數"); loadProductSaleCountData(lineItemPageSize, parseInt($("#txtLineItemGoto").val()), $("#hidden_productId").val()) } </script> <script type="text/javascript"> var number = $("#buyAmount"); $('div[name="spAdd"]').bind("click", function () { if ($("#hidIsOpenMultiStore").val() == "0") { var stock = parseInt($("#productDetails_Stock").text()); var num = parseInt(number.val()) + 1; if (num <= stock) { number.val(num); ChangeBuyAmount(); } } else if ($("#hidIsOpenMultiStore").val() == "1") { var num = parseInt(number.val()) + 1; number.val(num); ChangeBuyAmount(); } }); $('div[name="spSub"]').bind("click", function () { var num = parseInt(number.val()) - 1; if (num > 0) { number.val(num); ChangeBuyAmount(); } }); $(".product_nav_wrap li").bind("click", function () { var li_index = $(".product_nav_wrap li").index(this); $(".product_mc").hide().eq(li_index).show(); $(this).addClass("curr").siblings().removeClass("curr"); switch (li_index) { case 1://評論 loadStatisticsData($("#hidden_productId").val()); loadReviewData(reviewPageSize, 1, $("#hidden_productId").val(), 0); break; case 2://成交記錄 //loadProductSaleCountData(); loadProductSaleCountData(lineItemPageSize, 1, $("#hidden_productId").val()); break; } }); $(function () { if ($("div.qq span").children().length == 0) $("div.qq").hide(); }) </script> <!--評論大小圖切換--> <script> $(function () { var global_img_src = ''; $(document).on('click', '.after-service-img img', function () { var new_src = $(this).attr("bigsrc"); var is_img = $(this).parents('.column2').find('.preview-img img').attr('src'); if (new_src != global_img_src || is_img == '') { global_img_src = new_src; $(this).addClass('active').siblings().removeClass('active'); $(this).parents('.column2').children('.preview-img').show(400); var new_src = $(this).attr("bigsrc") $(this).parents('.column2').find('.preview-img img').attr('src', new_src); } else { $(this).parents('.column2').children('.preview-img').hide(10); $(this).parents('.column2').find('.preview-img img').attr('src', ''); } }); if ($("#BLKDescription").html() != "") { $(".BLKDescription").show(); } }) </script> <script src="/utility/product.helper.js" type="text/javascript"></script> <div class="clearboth"></div> <!-- 相關商品--> <div class="product_related"> <h2><b>相關商品</b></h2> <ul> <!--相關商品--> <li> <div class="related_pic"> <a id="ProductDetails_list_Common_GoodsList_Correlative_ctl00_ctl00_ProductDetailsLink2" href="/product_detail/616427" target="_blank"> <img data-url="/Storage/master/product/thumbs160/160_201805241712199014310.jpg" /> </a> </div> <div class="related_name"> <a id="ProductDetails_list_Common_GoodsList_Correlative_ctl00_ctl00_ProductDetailsLink1" href="/product_detail/616427" target="_blank">宇治丸久小山園抹茶粉 若竹</a> </div> <div class="related_price"> <strong>$<span id="ProductDetails_list_Common_GoodsList_Correlative_ctl00_ctl00_FormatedMoneyLabel2">660</span></strong> </div> </li> <li> <div class="related_pic"> <a id="ProductDetails_list_Common_GoodsList_Correlative_ctl01_ctl00_ProductDetailsLink2" href="/product_detail/616428" target="_blank"> <img data-url="/Storage/master/product/thumbs160/160_201804122024006270760.jpg" /> </a> </div> <div class="related_name"> <a id="ProductDetails_list_Common_GoodsList_Correlative_ctl01_ctl00_ProductDetailsLink1" href="/product_detail/616428" target="_blank">宇治丸久小山園抹茶粉 綠樹</a> </div> <div class="related_price"> <strong>$<span id="ProductDetails_list_Common_GoodsList_Correlative_ctl01_ctl00_FormatedMoneyLabel2">560</span></strong> </div> </li> <li> <div class="related_pic"> <a id="ProductDetails_list_Common_GoodsList_Correlative_ctl02_ctl00_ProductDetailsLink2" href="/product_detail/616429" target="_blank"> <img data-url="/Storage/master/product/thumbs160/160_201804122024554524060.jpg" /> </a> </div> <div class="related_name"> <a id="ProductDetails_list_Common_GoodsList_Correlative_ctl02_ctl00_ProductDetailsLink1" href="/product_detail/616429" target="_blank">宇治丸久小山園抹茶粉 龍膽</a> </div> <div class="related_price"> <strong>$<span id="ProductDetails_list_Common_GoodsList_Correlative_ctl02_ctl00_FormatedMoneyLabel2">460</span></strong> </div> </li> <li> <div class="related_pic"> <a id="ProductDetails_list_Common_GoodsList_Correlative_ctl03_ctl00_ProductDetailsLink2" href="/product_detail/616430" target="_blank"> <img data-url="/Storage/master/product/thumbs160/160_201804122019410699530.jpg" /> </a> </div> <div class="related_name"> <a id="ProductDetails_list_Common_GoodsList_Correlative_ctl03_ctl00_ProductDetailsLink1" href="/product_detail/616430" target="_blank">宇治丸久小山園抹茶粉 菖浦</a> </div> <div class="related_price"> <strong>$<span id="ProductDetails_list_Common_GoodsList_Correlative_ctl03_ctl00_FormatedMoneyLabel2">360</span></strong> </div> </li> <li> <div class="related_pic"> <a id="ProductDetails_list_Common_GoodsList_Correlative_ctl04_ctl00_ProductDetailsLink2" href="/product_detail/616549" target="_blank"> <img data-url="/Storage/master/product/thumbs160/160_201804121929002396270.jpg" /> </a> </div> <div class="related_name"> <a id="ProductDetails_list_Common_GoodsList_Correlative_ctl04_ctl00_ProductDetailsLink1" href="/product_detail/616549" target="_blank">靜岡抹茶粉100g</a> </div> <div class="related_price"> <strong>$<span id="ProductDetails_list_Common_GoodsList_Correlative_ctl04_ctl00_FormatedMoneyLabel2">250</span></strong> </div> </li> <li> <div class="related_pic"> <a id="ProductDetails_list_Common_GoodsList_Correlative_ctl05_ctl00_ProductDetailsLink2" href="/product_detail/616791" target="_blank"> <img data-url="/Storage/master/product/thumbs160/160_201804171952593051110.jpg" /> </a> </div> <div class="related_name"> <a id="ProductDetails_list_Common_GoodsList_Correlative_ctl05_ctl00_ProductDetailsLink1" href="/product_detail/616791" target="_blank">台灣大師父抹茶粉</a> </div> <div class="related_price"> <strong>$<span id="ProductDetails_list_Common_GoodsList_Correlative_ctl05_ctl00_FormatedMoneyLabel2">120</span></strong> </div> </li> </ul> </div> </div> <link rel="stylesheet" href="/Utility/star/star-rating.css" rev="stylesheet" type="text/css"> <script src="/Utility/star/star-rating.js"></script> <script src="/Utility/star/es5-shim.js"></script> <link href="/Utility/xappUpload/xappUpload.css" rel="stylesheet" /> <script src="/Utility/jquery.scrollLoading.min.js"></script> <script language="javascript"> var min_num = $('.cuxiao em').html(); if (!min_num) { $('.cuxiao').hide(); } $("#showQrCode").click(function (e) { $("#productQrCode").show(); }); $("#productQrCode h2 span").click(function (e) { $("#productQrCode").hide(); }) $('.j_zhankai').click(function () { if ($(this).parents('.full').hasClass('hover')) { $(this).parents('.full').removeClass('hover'); } else { $(this).parents('.full').addClass('hover'); } }) $('#zhankaiQrCode,#icon_tel_03').mouseover(function () { $("#full").addClass("hover"); $("#phonePriceQrCode").show(); }) $('#full').mouseleave(function () { $("#full").removeClass("hover"); $("#phonePriceQrCode").hide(); }) $(window).scroll(function () { setScrollLoading(); }); function setScrollLoading() { $("img").scrollLoading(); } $(function () { var strSupName = $("#hidSupName").val(); if (strSupName == "" || strSupName == null) { $("#divSupName").css("display", "none"); } }) $(function () { //$('.after-service-img img').click(function () { // var bigsrc = $(this).attr('src'); // var is_img = $(this).parents('.column2').find('.preview-img img').attr('src'); // $(this).addClass("active"); // $(this).siblings().removeClass("active"); // $(".preview-img img").attr("src", bigsrc); // $(".preview-img").show(300); //}) //$(".preview-img").click(function () { // $(this).hide(300); //}) var product_nav_wrap = $('.product_nav_wrap').offset().top - 40; $(window).scroll(function () { if ($(document).scrollTop() >= product_nav_wrap) { $('.product_nav_wrap').css({ position: 'fixed', top: '0', borderBottom: '1px solid #ccc', boxShadow: '0 1px 3px #ccc', width: '978px', background: '#fff', "z-index": '9', }) } if ($(document).scrollTop() + $('.product_nav_wrap').height() + 40 <= product_nav_wrap) { $('.product_nav_wrap').removeAttr('style'); } }); }) </script> <script>xappdataLayer.push({'ecommerce': {'detail': {'actionField': {'list':'309|343|352|'}, 'products': [{'name': '日本丸久小山園 青嵐(京都宇治抹茶粉)', 'id': '619564','price': '760.0000','brand': '京都宇治丸久小山園','category': '352','variant': '619564'}]}}});</script> <div class="MSG"> <div class="FBM"><a href="https://www.facebook.com/%E7%84%99%E5%85%8B%E5%9D%8ABakefun%E7%83%98%E7%84%99%E7%99%BE%E8%B2%A8-1746323318786590/" target="_blank"><span>Facebook詢問 </span><img src="/Templates/master/qwang/images/FBM.png" width="45"></a></div> <div class="LINE"><a href="https://line.me/ti/p/@cmg2106b" target="_blank"><span>LINE詢問 </span><img src="/Templates/master/qwang/images/line.png" width="45"></a></div> </div> <div class="footer" id="footer"> <div class="footer-nav"> <dl> <dt>購買須知 </dt> <dd> <a href='/help/show/20' target="_blank" title='購物必讀'> 購物必讀 </a> </dd> </dl> <dl> <dt>常見問題 </dt> <dd> <a href='/help/show/1' target="_blank" title='常見問題'> 常見問題 </a> </dd> </dl> <dl> <dt>關於我們 </dt> <dd> <a href='/help/show/7' target="_blank" title='關於我們'> 關於我們 </a> </dd> </dl> <dl> <dt>聯絡我們 </dt> <dd> <a href='/help/show/19' target="_blank" title='聯絡我們'> 聯絡我們 </a> </dd> </dl> </div> <div class="bottom"> <div class="footer_link"> </div> <div class="Copyright"> </div> </div><!--bottom結束--> </div> <script src="/Utility/china.js"></script> <script src="/Utility/jquery.cookie.js"></script> <script type="text/javascript"> var uid = 0; $(document).ready(function () { uid = parseInt($.cookie("uid")); if (isNaN(uid)) uid = 0; if (uid == 1) { uid ? (run()) : (run()); $("#id_c").html("切換簡體"); } }); $(document).bind('click', function (e) { var a = $(e.target).attr('id'); if (a == 'id_c') { uid ? (run()) : (run()); (uid == 1) ? (uid = 0, $('#id_c').html('切換繁體')) : (uid += 1, $('#id_c').html('切換簡體')); $.cookie("uid", uid); } }); </script> </body> </html>