API tools faq
paste
Guest User

Untitled

a guest
Jan 4th, 2019
240
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 253.48 KB | None | 0 0
raw download clone embed print report
  1. <%@page import="com.xsx.ec.model.Cat4xsxModel"%>
  2. <%@page import="java.text.DecimalFormat"%>
  3. <%@page import="com.xsx.customer.service.CustQingdanService"%>
  4. <%@page import="com.xsx.customer.service.CustomerService"%>
  5. <%@page import="com.enjar.system.LoginUtil"%>
  6. <%@page import="com.xsx.val.Customer"%>
  7. <%@page import="com.taaze.system.util.CookieSecure"%>
  8. <%@page import="org.dom4j.Element"%>
  9. <%@page import="java.util.Calendar"%>
  10. <%@page import="com.enjar.ec.util.ApUtil"%>
  11.  
  12. <%@ page language="java" contentType="text/html; charset=UTF-8"
  13. pageEncoding="UTF-8"%>
  14. <%@ taglib prefix="s" uri="/struts-tags"%>
  15. <%@ include file="/new_ec/rwd/include/jsp/include_login.jsp" %>
  16. <%@ include file="/new_ec/rwd/include/jsp/include_goods.jsp" %>
  17. <%@ page trimDirectiveWhitespaces="true" %>
  18. <%@ taglib uri="/WEB-INF/tlds/c.tld" prefix="c"%>
  19. <%
  20. SystemDAO systemDao = (SystemDAO)SpringUtil.getSpringBeanById(this, "SystemDAO");
  21. String lock18 = "0";
  22. String showThumbnail = "";
  23. String bookImgUrl = "https://media.taaze.tw/showThumbnail.html";
  24.  
  25. String schoolBookUrlPattern = "/container_snd_actview.html?t=11&k=03&d=00&a=08#";
  26. String schoolBookUrlParameter = "AA1,2,30,2,%s,%s,%s,%s,%s";
  27. String searchProdAllUrlPattern = "/rwd_searchResult.html?keyType[]=0&keyword[]=%s";
  28. String searchProdNameUrlPattern = "/rwd_searchResult.html?keyType[]=1&keyword[]=%s";
  29. String searchProdAuthorUrlPattern = "/rwd_searchResult.html?keyType[]=2&keyword[]=%s";
  30. String searchProdPubUrlPattern = "/rwd_searchResult.html?keyType[]=3&keyword[]=%s";
  31. String searchProdTagUrlPattern = "/rwd_searchResult.html?keyType[]=4&keyword[]=%s";
  32.  
  33. String pid = request.getParameter("pid") != null ? CookieSecure.HTMLEncode(request.getParameter("pid").toString()) : "11100660592";
  34. StringBuilder giftsCarousel = new StringBuilder();
  35. SingleLibs sing = null;
  36. if(pid.length()==11) {
  37. sing = new SingleLibs(this, pid);
  38. } else {
  39. sing = new SingleLibs();
  40. }
  41.  
  42. if(!sing.initState) {
  43. response.sendRedirect("/rwd_index.html");
  44. return;
  45. }
  46. if(sing.prodCatId.equals("16")){
  47. response.sendRedirect("/rwd_index.html");
  48. return;
  49. }
  50. showThumbnail = "https://media.taaze.tw/showThumbnail.html?sc="+sing.orgProdId +"&height=400&width=310";
  51. if(sing.rank!=null && sing.rank.equals("D")){
  52. String lock = (String)session.getAttribute("lock");
  53. if(lock==null || !lock.equals("unlocked")){
  54. lock18 = "1";
  55. showThumbnail = "/new_ec/rwd/include/images/B_image/pic_book_1@2x.png";
  56. //showProdImageByPK = "showProdImageByPKLock18";
  57. }
  58. }
  59.  
  60. SimpleDateFormat formatter=new SimpleDateFormat("yyyy-MM-dd");
  61. Calendar nowCal = Calendar.getInstance();
  62.  
  63. /* @@sitemap資料 */
  64. JSONArray pathList = new JSONArray();
  65.  
  66. JSONObject path = new JSONObject();
  67. path.put("title","首頁");
  68. path.put("url","/rwd_index.html");
  69. pathList.add(path);
  70. /*
  71. if(sing.orgFlg!=null&&sing.orgFlg.equals("C")){
  72. path = new JSONObject();
  73. path.put("title","二手書");
  74. path.put("url","/container_snd.html?t=11&k=03&d=00");
  75. pathList.add(path);
  76. }
  77. */
  78. String siteUrl = "";
  79. if(sing.orgFlg!=null&&sing.orgFlg.equals("C")){
  80. siteUrl = "t=11&k=03&d="+sing.prodCatId;
  81. }else{
  82. siteUrl = "t=" + sing.prodCatId + "&k=01&d=00";
  83. }
  84.  
  85. if(sing.prodCatId!=null&&sing.prodCatId.length()==2){
  86. path = new JSONObject();
  87. path.put("title",sing.getProdCatIdWord());
  88. path.put("url","/rwd_list.html?"+siteUrl);
  89. pathList.add(path);
  90. }
  91.  
  92. if(sing.catId!=null&&sing.catId.length()==12){
  93. if(sing.orgFlg!=null&&sing.orgFlg.equals("C")){
  94. if(sing.catName1!=null && sing.catName1.length()>0){
  95. path = new JSONObject();
  96. path.put("title",sing.catName1);
  97.  
  98. path.put("url","/rwd_listView.html?t=11&k=03&d="+sing.prodCatId+"&a=00&c=" + sing.catId.substring(0,2)+ "0000000000&l=1");
  99.  
  100. pathList.add(path);
  101. }
  102. if(sing.catName!=null && sing.catName.length()>0){
  103. path = new JSONObject();
  104. path.put("title",sing.catName);
  105. path.put("url","/rwd_listView.html?t=11&k=03&d="+sing.prodCatId+"&a=00&c=" + sing.catId.substring(0,4)+ "00000000&l=2");
  106. pathList.add(path);
  107. }
  108. }else{
  109. if(sing.catName1!=null && sing.catName1.length()>0){
  110. path = new JSONObject();
  111. path.put("title",sing.catName1);
  112. if(sing.prodCatId.equals("11")||sing.prodCatId.equals("12")){
  113. path.put("url","/rwd_list.html?t=" + sing.prodCatId + "&k=01&d=00&a=00&c=" + sing.catId.substring(0,2)+ "0000000000&l=1");
  114. }else{
  115. path.put("url","/rwd_listView.html?t=" + sing.prodCatId + "&k=01&d=00&a=00&c=" + sing.catId.substring(0,2)+ "0000000000&l=1");
  116. }
  117. pathList.add(path);
  118. }
  119. if(sing.catName!=null && sing.catName.length()>0){
  120. path = new JSONObject();
  121. path.put("title",sing.catName);
  122. path.put("url","/rwd_listView.html?t=" + sing.prodCatId + "&k=01&d=00&a=00&c=" + sing.catId.substring(0,4)+ "00000000&l=2");
  123. pathList.add(path);
  124. }
  125. }
  126. }
  127. /* @@sitemap資料 */
  128.  
  129. //圖檔
  130. sing.setImgUrl(request);
  131. //評價數(星評數)
  132. int startLevelSize = sing.getSizeStartLevelByOrgProdId(sing.orgProdId, systemDao);
  133. int myStartLevel = 0;
  134.  
  135. JSONArray commentList = null;
  136. JSONObject cust_cmt = null;
  137. String comment_pk = "";
  138. String comment_text = "";
  139. String comment_html = "";
  140. String comment_title = "";
  141. String comment_status = "A";
  142. String comment_date = "";
  143. try {
  144. if(cc!=null) {
  145. //commentList = sing.queryHotCommentMasByOrgProdId(cc.getCustId(), sing.orgProdId, systemDao);
  146. cust_cmt = sing.queryCustComment(cc.getCustId(), sing.orgProdId, systemDao);
  147. if(cust_cmt != null) {
  148. myStartLevel = Integer.valueOf(cust_cmt.getString("stars"));
  149. comment_pk = cust_cmt.getString("pk_no");
  150. comment_text = cust_cmt.getString("content");
  151. comment_html = comment_text.replaceAll("\n", "<br/>");
  152. comment_title = cust_cmt.getString("title");
  153. comment_status = cust_cmt.getString("status_flg");
  154. String[] dates = cust_cmt.getString("crt_time").split("-");
  155. comment_date = dates[0]+"年"+dates[1]+"月"+dates[2]+"日";
  156. }
  157. }
  158. } catch(Exception e) {
  159. sing.logger.error("query comment occur error : "+e.getMessage());
  160. }
  161.  
  162. //收藏
  163. int collectArray[];
  164. if(cc!=null) {
  165. collectArray = sing.getCollectionItemSizeByOrgProdIdAndCustId(cc.getCustId(), sing.orgProdId, systemDao);
  166. } else {
  167. collectArray = sing.getCollectionItemSize(sing.orgProdId, systemDao);
  168. }
  169. if(collectArray==null){
  170. collectArray = new int[3];
  171. collectArray[0] = 0;
  172. collectArray[1] = 0;
  173. collectArray[2] = 0;
  174. }
  175.  
  176. //業種 11：繁體書,12：簡體書,13：外文書才能加入二手徵求
  177. //2016-10-05加入24,27
  178. boolean wantedSndFlg = false;
  179. int wantedSndSize = 0;
  180. boolean IsWanted = false;
  181. if ((sing.prodCatId.equals("11") || sing.prodCatId.equals("27") || sing.prodCatId.equals("24") || sing.prodCatId.equals("12") || sing.prodCatId.equals("13"))) {
  182. /** 取得二手徵求量 * */
  183. wantedSndFlg = true;//業種 11：繁體書,12：簡體書,13：外文書顯示標記
  184. CustQingdanService custQingdanService = (CustQingdanService)SpringUtil.getSpringBeanById(this, "CustQingdanService");
  185. List<Object> paraList = new ArrayList<Object>();
  186. paraList.add(sing.orgProdId);
  187. String whCond = " where model.orgProdId = ?";
  188. wantedSndSize = custQingdanService.getCustProdSeeklistSizeByWhcond(whCond, paraList);
  189. if (cc != null && cc.getCustId().length() > 0) {
  190. paraList.clear();
  191. paraList.add(cc.getCustId());
  192. paraList.add(sing.orgProdId);
  193. int IsWantedCheck = custQingdanService.getCustProdSeeklistSizeByWhcond(" where model.custId=? and model.orgProdId=?", paraList);
  194. if (IsWantedCheck>0) {
  195. IsWanted = true;
  196. }
  197. }
  198. }
  199. //試讀
  200. String previewCount = sing.displayDL(sing.orgProdId, systemDao);
  201.  
  202. //回饋金
  203. SingeBookService singeBookService = (SingeBookService)SpringUtil.getSpringBeanById(this, "SingeBookService");
  204. int bonusPctValue = singeBookService.getBonusPctValue(new BigDecimal(sing.salePrice),pid,null,null,sing.mcPk);
  205.  
  206. //回饋金 new
  207. JSONObject pct_result = sing.findMaxBonusPct(sing.orgProdId, (int)sing.salePrice, sing.pubId, sing.supId, sing.prodCatId, sing.catId, sing.orgFlg, systemDao);
  208. String bonus_text = "";
  209. boolean showBonusFlag = true;
  210. //Date hideBonusDate = formatter.parse("2017-09-01");
  211. //活動網址
  212. String act_url = "";
  213. if(pct_result.getString("bonus_text")!=null) {
  214. bonus_text = pct_result.getString("bonus_text");
  215. }
  216. if(pct_result.getString("act_url")!=null) {
  217. act_url = pct_result.getString("act_url");
  218. }
  219. if("".equals(bonus_text)){
  220. showBonusFlag= false;
  221. }
  222.  
  223. //銷售地區與運送方式
  224. JSONObject saleAreaJson = null;
  225. if(sing.openFlg != 0) {
  226. saleAreaJson = sing.getSaleAreaAndCdtByJson(sing.saleArea,sing.soCnCdt);
  227. }
  228.  
  229. //出版日期距今
  230. int diffDay = 0;
  231. if(sing.publishDate!= null) {
  232. diffDay = (int)sing.getDiffDay(new Date(), formatter.parse(sing.getDateFormat(sing.publishDate)));
  233. }
  234. //相同版本
  235. //List<SingProdScrollModel> versionList = singeBookService.getSingProdSameVersionList(sing.istProdId, sing.prodId);
  236. JSONArray versionList = sing.getVersionList(sing.istProdId, sing.prodId);
  237.  
  238. //其他版本
  239. int version_size = 0;
  240. if(versionList!=null && versionList.size()>0){
  241. version_size = versionList.size();
  242. }
  243. if(diffDay > 180 && (sing.prodCatId.equals("11") || sing.prodCatId.equals("14"))){
  244. version_size += 1;
  245. }
  246. if(sing.orgFlg.equals("A") && sing.prodCatId.equals("11") && !sing.haseUSed) {
  247. version_size += 1;
  248. }
  249. if(sing.orgFlg.equals("A") && sing.prodCatId.equals("27") && !sing.haseUSed) {
  250. version_size += 1;
  251. }
  252.  
  253.  
  254. //take look resort
  255. String[] imageTakeLook = null;
  256. String[] imageTakeLookTitle = null;
  257. String[] imageTakeLookDesc = null;
  258. String[] imageDesc = null;
  259. if(sing.prodImages!=null && sing.prodImages.length>1){ //多個書封圖時顯示 ,重新排序及過濾Image Index大於1000
  260. //重新排序
  261. String[] imageMap;
  262. String[] imagePkNo = new String[sing.prodImages.length];
  263. String[] imageInnerTitle = new String[sing.prodImages.length];
  264. String[] imageInnerDes = new String[sing.prodImages.length];
  265. int[] imageIndex = new int[sing.prodImages.length];
  266.  
  267. for(int i=1; i<(sing.prodImages.length+1); i++){
  268. imageMap = sing.prodImages[(i-1)].split("_");
  269. imageIndex[i-1] = Integer.parseInt(imageMap[0]);
  270. imagePkNo[i-1] = imageMap[1];
  271. if(imageMap[2]!=null) {
  272. imageInnerTitle[i-1] = imageMap[2];
  273. } else {
  274. imageInnerTitle[i-1] = "";
  275. }
  276. if(imageMap[3]!=null) {
  277. imageInnerDes[i-1] = imageMap[3];
  278. } else {
  279. imageInnerDes[i-1] = "";
  280. }
  281. }
  282. //泡沫排序法
  283. for (int i=0;i<imageIndex.length-1;i++) //從a[0]比到a[8]，比較a[9]沒有意義
  284. {
  285. for (int j=0;j<imageIndex.length-i-1;j++)
  286. {
  287. if (imageIndex[j+1]<imageIndex[j])
  288. {
  289. int temp = imageIndex[j+1]; //交換陣列元素
  290. imageIndex[j+1]=imageIndex[j];
  291. imageIndex[j]= temp;
  292. String temp2 = imagePkNo[j+1]; //交換陣列元素
  293. String temp3 = imageInnerTitle[j+1]; //交換陣列元素
  294. String temp4 = imageInnerDes[j+1]; //交換陣列元素
  295.  
  296. imagePkNo[j+1]=imagePkNo[j];
  297. imageInnerTitle[j+1]=imageInnerTitle[j];
  298. imageInnerDes[j+1]=imageInnerDes[j];
  299.  
  300. imagePkNo[j]= temp2;
  301. imageInnerTitle[j]= temp3;
  302. imageInnerDes[j]= temp4;
  303. }
  304. }
  305. }
  306. List<String> tempTakeLook = new ArrayList<String>();
  307. List<String> tempImageDesc = new ArrayList<String>();
  308. List<String> tempImageInnerTitle = new ArrayList<String>();
  309. List<String> tempImageInnerDesc = new ArrayList<String>();
  310.  
  311. for (int i=0;i<imagePkNo.length;i++){
  312. if(imageIndex[i]>1000){
  313. tempImageDesc.add(imagePkNo[i]);
  314. }else{
  315. tempTakeLook.add(imagePkNo[i]);
  316. tempImageInnerTitle.add(imageInnerTitle[i]);
  317. tempImageInnerDesc.add(imageInnerDes[i]);
  318. }
  319. }
  320. if(tempImageDesc.size()>0){
  321. imageDesc = new String[tempImageDesc.size()];
  322. for (int i=0;i<tempImageDesc.size();i++){
  323. imageDesc[i] = tempImageDesc.get(i);
  324. }
  325. }
  326. if(tempTakeLook.size()>0){
  327. //log.info(tempTakeLook.size());
  328. imageTakeLook = new String[tempTakeLook.size()];
  329. imageTakeLookTitle = new String[tempImageInnerTitle.size()];
  330. imageTakeLookDesc = new String[tempImageInnerDesc.size()];
  331.  
  332. for (int i=0;i<tempTakeLook.size();i++){
  333. imageTakeLook[i] = tempTakeLook.get(i);
  334. imageTakeLookTitle[i] = tempImageInnerTitle.get(i);
  335. imageTakeLookDesc[i] = tempImageInnerDesc.get(i);
  336. }
  337. //log.info(imageTakeLook.length);
  338. }
  339. }
  340.  
  341. //video check
  342. //二手書資訊, 二手影片
  343. SprodModel sprodAskModel = null;
  344. List<CustSprodSchoolinfo> custSprodSchoolinfo = null;
  345. List<CustSprodSchoolinfo> custSprodSchoolinfoByDiscipline = null;
  346. List<CustSprodSchoolinfo> queryCustSprodSchoolinfo = null;
  347. if(sing.orgFlg.equals("C")){
  348. sprodAskModel = sing.querySprodAskDetailByProdId(sing.prodId, systemDao);
  349. if(sprodAskModel == null) {
  350. response.sendRedirect(sing.getWebUrl(request));
  351. return;
  352. }
  353. custSprodSchoolinfo = sing.SchoolBookBySchool();
  354. custSprodSchoolinfoByDiscipline = sing.SchoolBookByDiscipline();
  355. queryCustSprodSchoolinfo = sing.textbookInfoBySaler(sprodAskModel.getCustId());
  356.  
  357. }
  358.  
  359. boolean video_exists = false;
  360. int video_count = 0;
  361. if(sing.orgFlg.equals("A") && sing.vdoShtFlg!=null && sing.vdoShtFlg.equals("Y")) {
  362. video_exists = true;
  363. video_count = 1;
  364. }
  365. if(sing.orgFlg.equals("C") && sprodAskModel.getUsedStatus()!=null && sprodAskModel.getVideoId()!=null) {
  366. if(sprodAskModel.getUsedStatus().equals("Y") || sprodAskModel.getUsedStatus().equals("R")) {
  367. video_exists = true;
  368. video_count = 1;
  369. }
  370.  
  371. }
  372.  
  373. //優惠組合
  374. JSONObject buy_together = sing.getBougthTogethe(sing.prodId);
  375.  
  376. //也買了
  377. JSONObject also_buy = sing.getAlsoBuy(sing.prodId,sing.orgProdId,sing.catId);
  378.  
  379. String prodAuthorText = "作者";
  380. String prodPublishText = "出版社";
  381. String prodPublishDateText = "出版日期";
  382. String prodContentText = "內容簡介";
  383. String fbDes = "";
  384. String fbDes2 = "";
  385. String fbTitle = sing.titleMain!=null?sing.titleMain+"- TAAZE 讀冊生活":"";
  386. String fbArthor = sing.author!=null?sing.author:"";
  387.  
  388. //唱片
  389. String singer_main = "";
  390. String singer_next = "";
  391. String author_text = "";
  392. String producers = "";
  393. String musical_instruments = "";
  394. String prodFormatAndSpec = "";
  395. String eancode = "";
  396. JSONArray musicList = null;
  397. JSONArray videoList = null;
  398.  
  399. if(sing.prodCatId.equals("61") || sing.prodCatId.equals("62")){
  400. prodAuthorText = "作者／設計師";
  401. prodPublishText = "出版／製造／代理商";
  402. //廠牌
  403. sing.setBrandData(sing.brandId, systemDao);
  404. }
  405.  
  406. //CD、DVD
  407. JSONObject avInfo = null;
  408. if(sing.orgFlg.equals("A") && ( sing.prodCatId.equals("31") || sing.prodCatId.equals("32")) ){
  409. if(sing.brandId!=null) {
  410. sing.setBrandData(sing.brandId, systemDao);
  411. }
  412. JSONObject o = null;
  413. try {
  414. o = sing.queryProdInfoAv(sing.orgProdId, sing.prodCatId, systemDao);
  415. } catch(Exception e) {
  416. sing.logger.error("get "+sing.prodId+" vod info error: "+e);
  417. }
  418. if(o!=null && o.getString("error_code").equals("100")) {
  419. avInfo = o;
  420. singer_main = o.getString("author_main");
  421. singer_next = o.getString("author_next");
  422. producers = o.getString("producers")!=null? o.getString("producers"):"";
  423. eancode = o.getString("eancode")!=null? o.getString("eancode"):"";
  424. musical_instruments = o.getString("musical_instruments")!=null? o.getString("musical_instruments"):"";
  425. if(singer_main!=null && singer_main.length() > 0) {
  426. author_text += "<a href='"+String.format(searchProdAuthorUrlPattern, URLEncoder.encode(singer_main,"utf8"))+"'>"+ singer_main+"</a>";
  427. }
  428. if(singer_next!=null && singer_next.length() > 0) {
  429. if(author_text.length() > 0) {
  430. author_text += ", ";
  431. }
  432. author_text += "<a href='"+String.format(searchProdAuthorUrlPattern, URLEncoder.encode(singer_next,"utf8"))+"'>"+ singer_next+"</a>";
  433. }
  434. if(sing.prodCatId.equals("31")) {
  435. musicList = (JSONArray)o.get("music_list");
  436. }
  437. }
  438. //log.info(o.toString());
  439. if(o.get("video_list") != null) {
  440. videoList = (JSONArray)o.get("video_list");
  441. }
  442. if(author_text.length() == 0 && sing.author!=null && sing.author.length() > 0) {
  443. author_text += "<a href='"+String.format(searchProdAuthorUrlPattern, URLEncoder.encode(sing.author,"utf8")) +"'>"+ sing.author+"</a>";
  444. }
  445. prodPublishDateText = "發行日期";
  446. prodAuthorText = "演出者";
  447. prodPublishText = "廠牌";
  448. if(sing.prodCatId.equals("31")) {
  449. prodContentText = "專輯簡介";
  450. }
  451. if(sing.prodFormat!=null) {
  452. if(sing.prodFormat.equals("A")) {
  453. prodFormatAndSpec += "台壓專輯";
  454. } else if(sing.prodFormat.equals("B")) {
  455. prodFormatAndSpec += "進口專輯";
  456. } else {
  457. prodFormatAndSpec += "數位音樂";
  458. }
  459. if(sing.prodSpec!=null) {
  460. if(prodFormatAndSpec.length() > 0) {
  461. prodFormatAndSpec += " "+sing.prodSpec;
  462. } else {
  463. prodFormatAndSpec += sing.prodSpec;
  464. }
  465. }
  466. }
  467. }
  468.  
  469. //訂購日期
  470. String orderDate = null;
  471.  
  472. //標籤雲,我的分類建議
  473. List<ProdKwModel> keyList = sing.queryProdKwAmountGroupByOrgProdId(sing.orgProdId, 30, systemDao);
  474. List<ProdKwModel> myKeyList = null;//我的標籤
  475. List<Cat4xsxModel> listCat4xsx = null;//我的分類建議
  476. List<String> listNCat4xsx = null; //延伸類別
  477. listNCat4xsx = sing.getNCat4xsx(sing.orgProdId, systemDao);
  478. if(cc!=null && cc.getCustId().length()>0){
  479. myKeyList = sing.queryProdKwAmountGroupByOrgProdIdAndCustId(sing.orgProdId, cc.getCustId(), systemDao);
  480. listCat4xsx = sing.productService.queryCustCat4xsx(sing.orgProdId, cc.getCustId());
  481. orderDate = sing.getOrderDate(cc.getCustId(), sing.orgProdId, systemDao);
  482. }
  483. StringBuffer tagSb = new StringBuffer();
  484. tagSb.append("<div style='margin:2px 0;'>");
  485. tagSb.append("<div style='display:block'>");
  486. tagSb.append("<div class='prodInfo_boldSpan' style='float:left;padding:0;'>標籤：</div>");
  487. tagSb.append("<div style='float:left; font-weight: normal; font-size: 10pt; max-width:280px; color: #666666;'>");
  488. tagSb.append("<div class='prodTag'>");
  489. if (keyList!=null && keyList.size()>0) {
  490. if(keyList.size() > 10) {
  491. tagSb.append("<div class='all_tag' style='display:none;'>");
  492. for(int i = 0; i < keyList.size(); i++){
  493. String href= String.format(searchProdTagUrlPattern, keyList.get(i)!=null?URLEncoder.encode(keyList.get(i).getKwId(),"utf8"):"null");
  494. tagSb.append("<a class='tag' href='");
  495. tagSb.append(href+"' >");
  496. tagSb.append(keyList.get(i)!=null?keyList.get(i).getKwId():"null");
  497. tagSb.append("</a>");
  498. }
  499. tagSb.append("<span class='closeTag single_tags' style='margin-left:10px;width: 70px; padding: 0px 0px; font-size: 10pt; cursor: pointer; text-decoration: underline; padding-left:16px;'>收合</span>");
  500. tagSb.append("</div>");
  501. tagSb.append("<div class='part_tag'>");
  502. for(int i = 0; i < 10; i++){
  503. String href= String.format(searchProdTagUrlPattern, keyList.get(i)!=null?URLEncoder.encode(keyList.get(i).getKwId(),"utf8"):"null");
  504. tagSb.append("<a class='tag' href='");
  505. tagSb.append(href+"' >");
  506. tagSb.append(keyList.get(i)!=null?keyList.get(i).getKwId():"null");
  507. tagSb.append("</a>");
  508. }
  509. tagSb.append("<span class='moreTag single_tags' style='margin-left:10px;width: 70px; padding: 0px 0px; font-size: 10pt; cursor: pointer; text-decoration: underline; padding-left:16px;'>看更多</span>");
  510. tagSb.append("</div>");
  511. } else {
  512. tagSb.append("<div class='all_tag'>");
  513. for(int i = 0; i < keyList.size(); i++){
  514. String href= String.format(searchProdTagUrlPattern, keyList.get(i)!=null?URLEncoder.encode(keyList.get(i).getKwId(),"utf8"):"null");
  515. tagSb.append("<a class='tag' href='");
  516. tagSb.append(href+"' >");
  517. tagSb.append(keyList.get(i)!=null?keyList.get(i).getKwId():"null");
  518. tagSb.append("</a>");
  519. }
  520. tagSb.append("</div>");
  521. }
  522. } else {
  523. tagSb.append("<span style='font-size: 10pt; color: #666666;word-break: break-all;'>目前無標籤</span>");
  524. }
  525. tagSb.append("</div>");
  526. tagSb.append("</div>");
  527. tagSb.append("<div style='clear:both'></div>");
  528. tagSb.append("</div>");
  529. tagSb.append("</div>");
  530. tagSb.append("<div class='myTagFrame' style='line-height: 19pt;'>");
  531. tagSb.append("<span>");
  532. tagSb.append("<div class='prodInfo_boldSpan' style='float:left;padding:0;'>您的標籤：</div>");
  533. tagSb.append("<div style='float:left;font-weight: normal; font-size: 10pt; max-width:340px; color: #666666; word-break: break-all;' id='myProdTags'>");
  534. tagSb.append("<div class='my_all_tag'>");
  535. if(myKeyList!=null && myKeyList.size()>0){
  536. for(int i = 0; i < myKeyList.size(); i++){
  537. tagSb.append("<a class='tag tip03' href='javascript:return false;' onClick=\"prodKwDelete('");
  538. tagSb.append(myKeyList.get(i)!=null?myKeyList.get(i).getKwId():"null");
  539. tagSb.append("','"+sing.orgProdId+"',this)\" title='點擊刪除'>");
  540. tagSb.append(myKeyList.get(i)!=null?myKeyList.get(i).getKwId():"null");
  541. tagSb.append("</a>");
  542. }
  543. }
  544. tagSb.append("</div>");
  545. if(cc!=null && cc.getCuid().toString().length()>0){
  546. tagSb.append("<div class='tagAdd' style='cursor:pointer;font-weight:normal;'>");
  547. tagSb.append("<img class='single_tags' />");
  548. tagSb.append("<a class='tagAdd' href='javascript:void(0)'>新增您自己的標籤</a>");
  549. tagSb.append("</div>");
  550. } else {
  551. tagSb.append("<div style='font-weight:normal;'>");
  552. tagSb.append("<img class='single_tags' />");
  553. tagSb.append("<a onClick='loginFirst()' href='javascript:void(0)'>新增您自己的標籤</a>");
  554. tagSb.append("</div>");
  555. }
  556. tagSb.append("</div>");
  557. tagSb.append("<br style='clear:both' />");
  558. tagSb.append("</span>");
  559. tagSb.append("</div>");
  560.  
  561. //內容簡介.....
  562. JSONArray menuItems = new JSONArray();
  563. //手機顯示以下內容簡介
  564. String spam[] = {"prodPf","howBuy","catalogue","viewData"};
  565. List<String> menuItemsForM = Arrays.asList(spam);
  566. int showItem=0;
  567. if(sing.prodPf!=null || imageDesc!=null || sing.authorPf!=null || sing.translatorPf!=null){
  568. menuItems.add(sing.setMenuItem("prodPf",prodContentText));
  569.  
  570. fbDes2 = sing.prodPf!=null?sing.prodPf.replaceAll("<[^>]+>", "").replaceAll("\r\n","").replaceAll("\n","").trim():"";
  571. if(fbDes.length()>40){
  572. fbDes = fbDes.substring(0,40) + "...";
  573. }
  574. if(fbDes2.length()>150){
  575. fbDes2 = fbDes2.substring(0,150) + "...";
  576. }
  577. }
  578. if(sing.prodCatId.equals("61") || sing.prodCatId.equals("62")) {
  579. if(sing.prodSpec!=null && sing.prodSpec.length() > 0) {
  580. menuItems.add(sing.setMenuItem("prodSpec","產品規格"));
  581. }
  582. if(sing.authorPf!=null && sing.authorPf.length() > 0) {
  583. menuItems.add(sing.setMenuItem("authorPf","設計師簡介"));
  584. }
  585. }
  586. if(sing.prodCatId.equals("31") || sing.prodCatId.equals("32")) {
  587. if(sing.awardRec!=null && sing.awardRec.length() > 0) {
  588. menuItems.add(sing.setMenuItem("mediaRm","得獎紀錄"));
  589. }
  590. } else {
  591. if(sing.mediaRcm!=null || sing.awardRec!=null || sing.personRcm!=null || sing.spRec!=null){
  592. menuItems.add(sing.setMenuItem("mediaRm","各界推薦"));
  593. }
  594. }
  595. if(sing.viewData != null && sing.viewData.length() > 0){
  596. menuItems.add(sing.setMenuItem("viewData","章節試閱"));
  597. }
  598. if(sing.personGuide != null && sing.personGuide.length() > 0){
  599. menuItems.add(sing.setMenuItem("personGuide","推薦序"));
  600. }
  601. if(sing.preface != null && sing.preface.length() > 0){
  602. menuItems.add(sing.setMenuItem("preface","作者序"));
  603. }
  604. if(sing.catalogue != null && sing.catalogue.length() > 0){
  605. menuItems.add(sing.setMenuItem("catalogue","目錄"));
  606. }
  607. if(sing.brandNm != null || sing.brandPf != null){
  608. if(!sing.prodCatId.equals("32")){
  609. menuItems.add(sing.setMenuItem("brand","品牌簡介"));
  610. }
  611.  
  612. }
  613. //品牌簡介新增排除業種32
  614. menuItems.add(sing.setMenuItem("howBuy","購物須知"));
  615.  
  616. String htmlBuild1 = "";
  617. int indexFlag = 0;
  618. String appendStr = "";
  619. String tempStr = "";
  620. String topBtn = "";
  621. //String topBtn = "<div><div class='topBtn'>TOP</div><br style='clear: right;' /></div>";
  622. String moreBtn = "<div class='moreBtn' style='margin-top: 10px;'><div viewall='0' style='width: 88px; padding: 2px 0;font-weight:bold; font-size: 10pt; text-align: center; cursor: pointer;'>顯示全部內容</div></div>";
  623. htmlBuild1 = "<div style='height:25px; border-bottom:solid 1px #cccccc; margin:0 auto;'></div>";
  624. htmlBuild1 += "<div style='height:1px; border-bottom:dotted 1px #cccccc; margin:0 auto;'></div>";
  625. htmlBuild1 += "<div style='padding:25px 0 10px 0; font-size:12pt; font-weight:bold; color:#333333;'>%s</div>";
  626. JSONArray textAreaDOM = new JSONArray();
  627. StringBuilder sb2 = new StringBuilder();
  628. //商品簡介
  629. if(imageDesc!=null || sing.prodPf != null || sing.authorPf!=null || sing.translatorPf!=null){
  630. sb2 = new StringBuilder();
  631. //影音商品嵌入影片
  632. if(sing.prodCatId.equals("31") || sing.prodCatId.equals("32")) {
  633. if(videoList!=null) {
  634. for(int i = 0; i < videoList.size(); i++) {
  635. JSONObject obj = (JSONObject)videoList.get(i);
  636. sb2.append(obj.getString("video")!=""?"<center>"+obj.getString("video")+"</center><br/>":"");
  637. }
  638. }
  639. }
  640. //商品說明
  641. sb2.append(sing.prodPf != null ? "<p>" + sing.prodPf.replaceAll("(\r\n|\n|\r)", "<br />") + "</p>":"");
  642. //作者、譯者簡介
  643. if(!sing.prodCatId.equals("61") && !sing.prodCatId.equals("62")){
  644. sb2.append(sing.authorPf != null ? "<p style='margin:0; padding:0px; font-weight:bold;'>"+prodAuthorText+"簡介：</p><p>" + sing.authorPf.replaceAll("\r\n\r\n", "\r\n").replaceAll("\n\n", "\r\n").replaceAll("(\r\n|\n)", "<br /><br />") + "</p>" : "");
  645. sb2.append(sing.translatorPf != null ? "<p style='margin:0; padding:0px; font-weight:bold;'>譯者簡介：</p><p>" + sing.translatorPf.replaceAll("\r\n\r\n", "\r\n").replaceAll("\n\n", "\r\n").replaceAll("(\r\n|\n)", "<br /><br />") + "</p>" : "");
  646. }
  647. //導演 / 演出者簡介
  648. if(sing.prodCatId.equals("32")){
  649. sb2.append(sing.authorPf != null ? "<p style='margin:0; padding:0px; font-weight:bold;'>導演 / 演出者簡介：</p><p>" + sing.authorPf.replaceAll("\r\n\r\n", "\r\n").replaceAll("\n\n", "\r\n").replaceAll("(\r\n|\n)", "<br /><br />") + "</p>" : "");
  650. }
  651. //創意生活圖檔簡介
  652. if(imageDesc!=null && imageDesc.length>0){
  653. for(int i=0; i<imageDesc.length; i++){
  654. sb2.append("<p style='text-align:center;'><img style='max-width:700px' src='" + sing.getImgUrl() + "/showProdImageByPK/" + imageDesc[i] + "/800/1280/img.jpg' alt='' /></p>");
  655. }
  656. }
  657. sb2.append(topBtn);
  658. textAreaDOM.add(sing.setMenuItemContent("prodPf", prodContentText, sb2.toString()));
  659. }
  660. if(sing.prodCatId.equals("61") || sing.prodCatId.equals("62")) {
  661. //產品規格
  662. if(sing.prodSpec!=null && sing.prodSpec.length() > 0) {
  663. sb2 = new StringBuilder();
  664. tempStr = sing.prodSpec.replaceAll("\n\n", "\r\n");
  665. //sb2.append("<div class='contentFull'>"+sing.setPordContentDOM(sing.prodSpec)+"</div>");
  666. sb2.append("<div class='contentFull'>"+tempStr.replaceAll("(\r\n|\n|\r)", "<br />")+"</div>");
  667. sb2.append(topBtn);
  668. textAreaDOM.add(sing.setMenuItemContent("prodSpec", "產品規格", sb2.toString()));
  669. }
  670. //設計師簡介
  671. if(sing.authorPf!=null && sing.authorPf.length() > 0) {
  672. sb2 = new StringBuilder();
  673. //tempStr = sing.authorPf.replaceAll("\n\n", "\r\n");
  674. tempStr = sing.authorPf;
  675. //sb2.append("<div class='contentFull'>"+sing.setPordContentDOM(sing.authorPf) +"</div>");
  676. sb2.append("<div class='contentFull'>"+tempStr.replaceAll("(\r\n|\n|\r)", "<br />") +"</div>");
  677. sb2.append(topBtn);
  678. textAreaDOM.add(sing.setMenuItemContent("authorPf", "設計師簡介", sb2.toString()));
  679. }
  680. }
  681. //得獎紀錄
  682. if(sing.prodCatId.equals("31") || sing.prodCatId.equals("32")) {
  683. if(sing.awardRec!=null && sing.awardRec.length() > 0) {
  684. sb2 = new StringBuilder();
  685. sb2.append("<div class='content'>"+"<p>" + sing.setPordContentDOM(sing.awardRec) + "</p>"+"</div>");
  686. sb2.append(topBtn);
  687. textAreaDOM.add(sing.setMenuItemContent("mediaRm", "得獎紀錄", sb2.toString()));
  688. }
  689. } else {
  690. if(sing.mediaRcm!=null || sing.awardRec!=null || sing.personRcm!=null || sing.spRec!=null){
  691. sb2 = new StringBuilder();
  692. tempStr = "";
  693. tempStr += sing.awardRec != null ? "<p style='margin:0; padding:0px; font-weight:bold;'>得獎紀錄：</p><p>" + sing.awardRec.replaceAll("\r\n\r\n", "\r\n").replaceAll("\n\n", "\r\n") + "</p>" : "";
  694. tempStr += sing.personRcm != null ? "<p style='margin:0; padding:0px; font-weight:bold;'>名人推薦：</p><p>" + sing.personRcm.replaceAll("\r\n\r\n", "\r\n").replaceAll("\n\n", "\r\n") + "</p>" : "";
  695. tempStr += sing.mediaRcm != null ? "<p style='margin:0; padding:0px; font-weight:bold;'>媒體推薦：</p><p>" + sing.mediaRcm.replaceAll("\r\n\r\n", "\r\n").replaceAll("\n\n", "\r\n") + "</p>" : "";
  696. tempStr += sing.spRec != null ? "<p style='margin:0; padding:0px; font-weight:bold;'>特別收錄 / 編輯的話：</p><p>" + sing.spRec.replaceAll("\r\n\r\n", "\r\n").replaceAll("\n\n", "\r\n") + "</p>" : "";
  697. sb2.append("<div class='content' style='display: none;'>"+tempStr.replaceAll("(\r\n|\n)", "<br /><br />")+"</div>");
  698. sb2.append("<div class='content'>"+EcPathSettingImp.LimitString(tempStr.replaceAll("\\<.*?\\>", ""),500,"...").replaceAll("(\r\n|\n)", "<br /><br />")+"</div>");
  699. if(tempStr.length()> 250){
  700. sb2.append(moreBtn);
  701. }
  702. sb2.append(topBtn);
  703. textAreaDOM.add(sing.setMenuItemContent("mediaRm", "各界推薦", sb2.toString()));
  704. }
  705. }
  706. //章節試閱
  707. if(sing.viewData != null && sing.viewData.length() > 0){
  708. sb2 = new StringBuilder();
  709. if(sing.orgProdId.equals("11100763903")) {
  710. tempStr = sing.viewData;
  711. sb2.append("<div class='content' style='display: none;'>"+tempStr.replaceAll("\\<.*?\\>", "").replaceAll("(\r\n|\n)", "<br />")+"</div>");
  712. sb2.append("<div class='content'>"+EcPathSettingImp.LimitString(tempStr.replaceAll("\\<.*?\\>", ""),500,"...").replaceAll("(\r\n|\n)", "<br />")+"</div>");
  713. if(tempStr.length()> 250){
  714. sb2.append(moreBtn);
  715. }
  716. sb2.append(topBtn);
  717. }
  718. if(!sing.orgProdId.equals("11100763903")) {
  719. tempStr = sing.viewData.replaceAll("\r\n\r\n", "\r\n").replaceAll("\n\n", "\r\n");
  720. sb2.append("<div class='content' style='display: none;'>"+tempStr.replaceAll("(\r\n|\n)", "<br /><br />")+"</div>");
  721. sb2.append("<div class='content'>"+EcPathSettingImp.LimitString(tempStr.replaceAll("\\<.*?\\>", ""),500,"...").replaceAll("(\r\n|\n)", "<br /><br />")+"</div>");
  722. if(tempStr.length()> 250){
  723. sb2.append(moreBtn);
  724. }
  725. sb2.append(topBtn);
  726. }
  727.  
  728. textAreaDOM.add(sing.setMenuItemContent("viewData", "章節試閱", sb2.toString()));
  729. }
  730. //推薦序
  731. if(sing.personGuide != null && sing.personGuide.length() > 0){
  732. sb2 = new StringBuilder();
  733. tempStr = sing.personGuide.replaceAll("\r\n\r\n", "\r\n").replaceAll("\n\n", "\r\n");
  734. sb2.append("<div class='content' style='display: none;'>"+tempStr.replaceAll("(\r\n|\n)", "<br /><br />")+"</div>");
  735. sb2.append("<div class='content'>"+EcPathSettingImp.LimitString(tempStr.replaceAll("\\<.*?\\>", ""),500,"...").replaceAll("(\r\n|\n)", "<br /><br />")+"</div>");
  736. if(tempStr.length()> 250){
  737. sb2.append(moreBtn);
  738. }
  739. sb2.append(topBtn);
  740. textAreaDOM.add(sing.setMenuItemContent("personGuide", "推薦序", sb2.toString()));
  741. }
  742. //作者序
  743. if(sing.preface != null && sing.preface.length() > 0){
  744. sb2 = new StringBuilder();
  745. tempStr = sing.preface.replaceAll("\r\n\r\n", "\r\n").replaceAll("\n\n", "\r\n");
  746. sb2.append("<div class='content' style='display: none;'>"+tempStr.replaceAll("(\r\n|\n)", "<br /><br />")+"</div>");
  747. sb2.append("<div class='content'>"+EcPathSettingImp.LimitString(tempStr.replaceAll("\\<.*?\\>", ""),500,"...").replaceAll("(\r\n|\n)", "<br /><br />")+"</div>");
  748. if(tempStr.length()> 250){
  749. sb2.append(moreBtn);
  750. }
  751. sb2.append(topBtn);
  752. textAreaDOM.add(sing.setMenuItemContent("preface", "作者序", sb2.toString()));
  753. }
  754. //目錄
  755. if(sing.catalogue != null && sing.catalogue.length() > 0){
  756. sb2 = new StringBuilder();
  757. tempStr = sing.catalogue.replaceAll("\n\n", "\r\n");
  758. sb2.append("<div class='content' style='display: none;'>"+tempStr.replaceAll("(\r\n|\n|\r)", "<br />")+"</div>");
  759. sb2.append("<div class='content'>"+EcPathSettingImp.LimitString(tempStr.replaceAll("\\<.*?\\>",""),500,"...").replaceAll("(\r\n|\n|\r)", "<br />")+"</div>");
  760. if(tempStr.length()> 250){
  761. sb2.append(moreBtn);
  762. }
  763. sb2.append(topBtn);
  764. textAreaDOM.add(sing.setMenuItemContent("catalogue", "目錄", sb2.toString()));
  765. }
  766. //品牌簡介
  767. if(sing.brandNm != null || sing.brandPf != null){
  768. sb2 = new StringBuilder();
  769. tempStr = "";
  770. tempStr += "<div><img style='max-height:230px' src='" + sing.getImgUrl() + "/showBrandImage.html?pk=" + sing.brandId + "&width=600' alt='' /></div>";
  771. tempStr += sing.brandNm != null ? "<p style='font-size:12pt; font-weight:bold;'>" + sing.setPordContentDOM(sing.brandNm) + "</p>" : "";
  772. tempStr += sing.brandPf != null ? "<p>" + sing.brandPf.replaceAll("\n\n", "\r\n").replaceAll("(\r\n|\n|\r)", "<br />") + "</p>" : "";
  773. sb2.append("<div>"+tempStr+"</div>");
  774. sb2.append(topBtn);
  775. textAreaDOM.add(sing.setMenuItemContent("brand", "品牌簡介", sb2.toString()));
  776. }
  777. //購物須知
  778. sb2 = new StringBuilder();
  779.  
  780.  
  781. if(sing.orgFlg.equals("C")){ //二手書
  782. sb2.append("<p style='font-weight: bold;'>關於二手書說明：</p>");
  783. sb2.append("<p>購買二手書時，請檢視商品書況、備註說明或書況影片。</p>");
  784. sb2.append("<p style='font-weight: bold;'>商品版權法律說明：</p>");
  785. sb2.append("<p>TAAZE 單純<strong>提供網路二手書託售平台予消費者</strong>，並不涉入書本作者與原出版商間之任何糾紛；敬請各界鑒察。</p>");
  786. sb2.append("<p style='font-weight: bold;'>退換貨說明：</p>");
  787. sb2.append("<p>二手書籍商品享有10天的商品猶豫期（含例假日）。若您欲辦理退貨，請於取得該商品10日內寄回。</p>");
  788. sb2.append("<p>二手影音商品（例如CD、DVD等），恕不提供10天猶豫期退貨。</p>");
  789. sb2.append("<p>二手商品無法提供換貨服務，僅能辦理退貨。如須退貨，請保持該商品及其附件的完整性(包含書籍封底之TAAZE物流條碼)。<strong>若退回商品無法回復原狀者</strong>，可能影響退換貨權利之行使或須負擔部分費用。</p>");
  790. sb2.append("訂購本商品前請務必詳閱<a class='linkStyleTextArea' href='https://taaze.tw/member_serviceCenter.html?qa_type=g#a1' target='_blank'>退換貨原則</a>、<a class='linkStyleTextArea' href='https://www.taaze.tw/member_serviceCenter.html?qa_type=m#a3' target='_blank'>二手CD、DVD退換貨說明</a>。");
  791. //免責聲明文字
  792. if(sing.crtSource!=null&&sing.crtSource.equals("B")){
  793. sb2.append("<p>本商品資料由TAAZE會員提供，TAAZE並已依據現貨及一般人之認知對其進行審核；TAAZE對其正確性不負連帶責任。若對商品資料有疑義請聯絡TAAZE客服。</p>");
  794. }
  795. }else if(sing.prodCatId.equals("21") || sing.prodCatId.equals("23") || sing.prodCatId.equals("24") || sing.prodCatId.equals("27")){
  796. // 雜誌/中文雜誌/業種別代碼21
  797. // 雜誌/日文MOOK/業種別代碼24
  798. // 雜誌/日文雜誌/業種別代碼27
  799. // 雜誌/歐美雜誌/業種別代碼23
  800.  
  801. sb2.append("<p style='font-weight: bold;'>退換貨說明：</p>");
  802. sb2.append("<p>雜誌商品，恕不提供10天猶豫期退貨。</p>");
  803. sb2.append("<strong>訂購本商品前請務必詳閱</strong><a class='linkStyleTextArea' href='https://www.taaze.tw/member_serviceCenter.html?qa_type=g#a1' target='_blank'>退換貨原則</a>。");
  804. }else if(sing.prodCatId.equals("14") || sing.prodCatId.equals("25") || sing.prodCatId.equals("17") || sing.prodCatId.equals("26")){ //電子書
  805. // 電子書/中文電子書/業種別代碼14
  806. // 電子書/中文電子雜誌/業種別代碼25
  807.  
  808. sb2.append("<p style='font-weight: bold;'>電子書閱讀方式</p>");
  809. sb2.append("<p>您所購買的電子書，系統將自動儲存於您的雲端書櫃，您可透過PC（Windows / Mac）、行動裝置（手機、平板），輕鬆閱讀。</p>");
  810. sb2.append("<ul>");
  811. sb2.append("<li style='text-decoration:underline;'>");
  812. sb2.append("Ｗindows / Ｍac 電腦");
  813. sb2.append("</li>");
  814. sb2.append("<li style='list-style: none;'>");
  815. sb2.append("請先安裝<img src='/new_ec/rwd/include/images/C_image/pic/chrome.png'/>瀏覽器，並以Chrome開啟雲端書櫃後，點選『線上閱讀』，即可閱讀您已購買的電子書。");
  816. sb2.append("</li>");
  817. sb2.append("<li style='text-decoration:underline;'>");
  818. sb2.append("手機／平板");
  819. sb2.append("</li>");
  820. sb2.append("<li style='list-style: none;'>");
  821. sb2.append("請先安裝TAAZE eBook App<a target='_blank' href='https://itunes.apple.com/tw/app/taaze/id661669580?mt=8'><img src='/new_include/images/ebook-iosDownload.png' width='60' height='18' border='0' alt='' style='vertical-align:middle;'></a><a target='_blank' href='https://play.google.com/store/apps/details?id=tw.taaze.yaimmreader'><img src='/new_include/images/ebook-googlePlay.png' width='60' height='18' border='0' alt='' style='vertical-align:middle;'></a>後，依照提示登入您的TAAZE會員帳號，並下載您所購買的電子書。完成下載後，點選任一書籍即可開始離線閱讀。");
  822. sb2.append("</li>");
  823. sb2.append("</ul>");
  824. sb2.append("<p style='line-height:30px;'><strong>注意事項：</strong><br />");
  825. sb2.append("下單後電子書可開啟閱讀的時間請參考：<a target='_blank' style='color:blue;' href='/member_serviceCenter.html?qa_type=h#c2'>不同的付款方式，何時可開啟及閱讀電子書?</a><br/>因版權保護，您在TAAZE所購買的電子書/雜誌僅能以TAAZE專屬的閱讀軟體開啟閱讀，無法以其他閱讀器或直接下載檔案");
  826. sb2.append("<br />");
  827. sb2.append("<strong>退換貨說明：</strong>電子書、電子雜誌商品，恕不提供10天猶豫期退貨，若您對電子書閱讀有疑慮，建議您可於購買前先行試讀。並於訂購本商品前請務必詳閱<a target='_blank' style='color:blue;' href='/member_serviceCenter.html?qa_type=h#c9'>電子書商品退換貨原則</a>");
  828. sb2.append("</p>");
  829.  
  830. }else if(sing.prodCatId.equals("61") || sing.prodCatId.equals("62") ){
  831. // 創意生活/生活雜貨/業種別代碼62
  832. // 創意生活/創意文具/業種別代碼61
  833.  
  834. sb2.append("<p style='font-weight: bold;'>退換貨說明：</p>");
  835. sb2.append("<p>會員均享有10天的商品猶豫期（含例假日）。請留意，猶豫期非試用期，若您收到商品有任何不合意之處，請勿拆開使用，請於取得該商品10日內寄回。</p>");
  836. sb2.append("<p>辦理退換貨時，請保持商品原來狀態與完整包裝（包含商品本身、附件、內外包裝、附件文件、保證書、贈品等）一併寄回。若退回商品無法回復原狀者，可能影響退換貨權利之行使或須負擔部分費用。</p>");
  837. sb2.append("<p>");
  838. sb2.append("請留意以下狀況，若未符合標準，恕無法退換貨：");
  839. sb2.append("<br>");
  840. sb2.append("1.商品經使用、拆封過，亦或呈現不可清除的髒污或痕跡。");
  841. sb2.append("<br>");
  842. sb2.append("2.3C電子商品若因本身有故障瑕疵，須退回已拆封商品時，外包裝不得有刮傷、破損、碰壞、受潮等狀況，並連同完整包裝(商品、附件、原廠外盒、保護袋、配件收納紙箱、 隨貨文件、贈品等)一併退回。");
  843. sb2.append("<br>");
  844. sb2.append("3.服飾、提袋、清潔、寢具類商品之吊牌，已拆除或經水洗過，或商品在非正常試穿、使用狀況下造成污漬。(襪類、毛巾屬貼身衣物，除瑕疵商品外，恕不接受退換貨。)");
  845. sb2.append("<br>");
  846. sb2.append("4.食品類商品（茶/咖啡/果乾等）、清潔用品，因屬性特殊且有保存期限問題，除商品本身有品質異常/不良之情形可退貨外，一經拆封且使用，食用或消費者人為因素造成之損傷、變質、包裝破損、外盒變形等。");
  847. sb2.append("<br>");
  848. sb2.append("5.活動票券，恕不提供10天猶豫期退貨。");
  849. sb2.append("</p>");
  850. sb2.append("<p>注意：拆封係指除了運送過程中所必須包裝(如紙箱、破壞袋、氣泡袋…等)之外的其他包裝。</p>");
  851. sb2.append("<strong>訂購本商品前請務必詳閱</strong><a class='linkStyleTextArea' href='https://www.taaze.tw/member_serviceCenter.html?qa_type=g#b1' target='_blank'>創意生活館退換貨原則</a>。");
  852. }else if(sing.prodCatId.equals("31") || sing.prodCatId.equals("32")){
  853. // 創意生活/唱片CD/業種別代碼31
  854.  
  855. sb2.append("<p style='font-weight: bold;'>退換貨說明：</p>");
  856. sb2.append("<p>商品若遭拆封或已非全新狀態(外觀有刮傷、破損、受潮…等情形)或包裝不完整(含商品、外盒、封膜及封膜上之貼紙、側標、贈品等損毀或遺失)，恕無法接受退貨退款。</p>");
  857. sb2.append("<p>注意：拆封係指除了運送過程中所必需包裝(如紙箱、破壞袋、氣泡袋…等)之外的其他包裝。</p>");
  858. sb2.append("<p>若有無法順利讀取的狀況時，請先改用其他播放器試播看看，如確認是商品本身之瑕疵( EX：光碟有刮痕、光碟盒破損、專輯說明掉頁…等 )，請洽詢<a class='linkStyleTextArea' href='https://www.taaze.tw/member_serviceCenter.html?act=mail' target='_blank'>客服信箱</a>協助您辦理換貨。</p>");
  859. sb2.append("<strong>訂購本商品前請務必詳閱</strong><a class='linkStyleTextArea' href='https://www.taaze.tw/member_serviceCenter.html?qa_type=m#a1' target='_blank'>影音商品退換貨原則</a>。");
  860. }else{
  861. // 書籍/中文書/業種別代碼11
  862. // 書籍/簡體書/業種別代碼12
  863. // 書籍/原文書/業種別代碼13
  864.  
  865. sb2.append("<p style='font-weight: bold;'>退換貨說明：</p>");
  866. sb2.append("<p>會員均享有10天的商品猶豫期（含例假日）。若您欲辦理退換貨，請於取得該商品10日內寄回。</p>");
  867. sb2.append("<p>辦理退換貨時，請保持商品全新狀態與完整包裝（商品本身、贈品、贈票、附件、內外包裝、保證書、隨貨文件等）一併寄回。若退回商品無法回復原狀者，可能影響退換貨權利之行使或須負擔部分費用。</p>");
  868. sb2.append("<strong>訂購本商品前請務必詳閱</strong><a class='linkStyleTextArea' href='https://www.taaze.tw/member_serviceCenter.html?qa_type=g#a1' target='_blank'>退換貨原則</a>。");
  869. }
  870. textAreaDOM.add(sing.setMenuItemContent("howBuy", "購物須知", sb2.toString()));
  871.  
  872. //收藏了此商品的人也收藏了
  873. JSONArray sameCollect = sing.getProdSameCollect(sing.orgProdId, systemDao);
  874. //同類型暢銷商品
  875. JSONArray hotItems = sing.getHotItems(sing.orgProdId);
  876.  
  877. //@購物車/暫存清單BUTTON 當「商品源別」為回頭書（B）或二手書（C）時，而且庫存為0（即無庫存關車）時隱藏
  878. boolean orgAndQtyFlg = true;
  879. if(sing.orgFlg.equals("B") || sing.orgFlg.equals("C")){
  880. if(sing.qty <= 0){
  881. orgAndQtyFlg = false;
  882. }
  883. }
  884.  
  885. //直接購買顯示html字串
  886. String buyNowHtml = "";
  887.  
  888. //電子雜誌訂閱
  889. JSONObject mag_scribe = null;
  890. JSONArray mag_scribe_list = new JSONArray();
  891. boolean subscribe = false;
  892. String mag_full_name = "";
  893. String mag_pub = "";
  894. String mag_new_issue = "";
  895. String mag_publish_date = "";
  896. String mag_timing = "";
  897. String mag_print_type = "";
  898. String mag_src = "";
  899. String mag_sList_btn = "";
  900. try {
  901. if(sing.prodCatId.equals("25")) {
  902. if(cc!= null) {
  903. mag_scribe = sing.queryProdMagzneInfo(sing.orgProdId,String.valueOf(cc.getCuid()),systemDao);
  904. } else {
  905. mag_scribe = sing.queryProdMagzneInfo(sing.orgProdId,null,systemDao);
  906. }
  907. }
  908. if(mag_scribe!= null) {
  909. if(mag_scribe.getInt("error_code") == 100) {
  910. mag_scribe_list = (JSONArray)mag_scribe.get("items");
  911. if(mag_scribe.getString("scribe_count").equals("1")) {
  912. subscribe = true;
  913. }
  914. if(mag_scribe.containsKey("mag_publisher")) {
  915. mag_pub = mag_scribe.getString("mag_publisher");
  916. }
  917. if(mag_scribe.containsKey("full_name")) {
  918. mag_full_name = mag_scribe.getString("full_name");
  919. }
  920. if(mag_scribe.containsKey("mag_new_issue")) {
  921. mag_new_issue = mag_scribe.getString("mag_new_issue");
  922. }
  923. if(mag_scribe.containsKey("mag_publish_date")) {
  924. mag_publish_date = mag_scribe.getString("mag_publish_date");
  925. }
  926. if(mag_scribe.containsKey("mag_timing")) {
  927. mag_timing = mag_scribe.getString("mag_timing");
  928. }
  929. if(mag_scribe.containsKey("mag_print_type")) {
  930. mag_print_type = mag_scribe.getString("mag_print_type");
  931. }
  932. if(mag_scribe.containsKey("img_src")) {
  933. mag_src = mag_scribe.getString("img_src");
  934. }
  935.  
  936. if( mag_scribe_list!=null) {
  937. StringBuilder sb = new StringBuilder();
  938. for(int i =0 ; i < mag_scribe_list.size(); i++) {
  939. JSONObject item = (JSONObject)mag_scribe_list.get(i);
  940. String mag_id = "";
  941. String name = "";
  942. String disc = "";
  943. String price = "";
  944.  
  945. if(item.containsKey("org_prod_id")) {
  946. mag_id = item.getString("org_prod_id");
  947. }
  948. if(item.containsKey("name")) {
  949. name = item.getString("name");
  950. }
  951. if(item.containsKey("sale_disc")) {
  952. disc = item.getString("sale_disc");
  953. }
  954. if(item.containsKey("sale_price")) {
  955. price = item.getString("sale_price");
  956. }
  957.  
  958. if(Integer.parseInt(price) == 0) {
  959. sb.append("<div style='float:left;cursor: pointer;margin-right:5px;' class='highlight' rel='"+ mag_id +"' onclick=\"scribeFreeMagazine('"+pid+"','"+mag_id+"')\" >");
  960. } else {
  961. sb.append("<div style='float:left;cursor: pointer;margin-right:5px;' class='highlight' rel='"+ mag_id +"' onclick=\"add2ShoppingCart('"+mag_id+"','"+mag_id+"')\" >");
  962. }
  963.  
  964. sb.append("<div style='padding:0px;text-align: center;'>"+ name +"</div>");
  965. if(disc.length() > 0) {
  966. sb.append("<div class='discPrice' style='padding:0px;margin:0;text-align: center;'><span>"+ disc +"</span>折<span>"+ price +"</span>元</div>");
  967. } else {
  968. sb.append("<div class='discPrice' style='padding:0px;margin:0;text-align: center;'><span>"+ price +"</span>元</div>");
  969. }
  970.  
  971. sb.append("<div style='clear:both'></div>");
  972. sb.append("</div>");
  973. }
  974. sb.append("<div style='clear:both'></div>");
  975. mag_sList_btn = sb.toString();
  976. }
  977. }
  978. }
  979. } catch(Exception e) {
  980. sing.logger.error("mag subscribe:"+e.getMessage());
  981. }
  982.  
  983.  
  984. //贈品
  985. //List<SingleGiftSettingModel> giftList = sing.querySingleGiftSettingByProdId(sing.prodId, sing.prodCatId, sing.pubId, sing.supId, systemDao);
  986. //List<SingleGiftSettingModel> giftList = null;
  987. //隨書贈品
  988. JSONObject gift_add_info = sing.queryProdGiftAdd(sing.prodId, systemDao);
  989. JSONArray gifts_add = null;
  990. if(gift_add_info != null) {
  991. //log.info("error_code:"+gift_info.getInt("error_code"));
  992. if(gift_add_info.getInt("error_code") == 100) {
  993. gifts_add = JSONArray.fromObject(gift_add_info.get("data"));
  994. if(gifts_add != null) {
  995. //log.info("gift add size:"+gifts_add.size());
  996. }
  997. }
  998. }
  999. //贈品
  1000. JSONObject gift_info = sing.queryProdGift(sing.orgProdId,sing.prodId, sing.prodCatId, sing.pubId, sing.supId, sing.catId, systemDao);
  1001. //JSONObject gift_info = null;
  1002. JSONArray gifts = null;
  1003. //JSONArray gift_item = new JSONArray();
  1004. if(gift_info != null) {
  1005. //log.info("error_code:"+gift_info.getInt("error_code"));
  1006. if(gift_info.getInt("error_code") == 100) {
  1007. gifts = JSONArray.fromObject(gift_info.get("data"));
  1008. }
  1009. }
  1010.  
  1011. //行銷活動
  1012. if(sing.orgFlg.equals("A")){
  1013. sing.setMcData(sing.prodId, systemDao);
  1014. }
  1015. //2014.10.17 增加排除goolge index的名單
  1016. List<String> no_indexList = Arrays.asList(sing.noIndexList);
  1017. //直接購買html string
  1018. //String directBuy = "";
  1019. //app下載
  1020. String app_download = sing.getAvailableApp(sing.pubId);
  1021.  
  1022. //調整二手書上架邏輯
  1023. boolean sndSale = false;
  1024. if(sing.sndHandFlg.equals("Y")) {
  1025. if(!sing.sndHandFlg2.equals("Y") && sing.orgFlg.equals("A") && (sing.prodCatId.equals("11") || sing.prodCatId.equals("24") || sing.prodCatId.equals("27") || sing.prodCatId.equals("12") || sing.prodCatId.equals("13"))) {
  1026. if(sing.checkSprodLimit(sing.orgProdId,systemDao)) {
  1027. sndSale = true;
  1028. }
  1029. }
  1030. if(sing.sndHandFlg2.equals("Y")) {
  1031. sndSale = true;
  1032. }
  1033. }
  1034.  
  1035. //meta description
  1036. if(sing.orgFlg.equals("C")) {
  1037. fbDes += "二手書";
  1038. }
  1039. if(sing.orgFlg.equals("B")) {
  1040. fbDes += "回頭書 ";
  1041. }
  1042. fbDes += sing.titleMain!=null?sing.titleMain:"";
  1043. if(sing.prodCatId.equals("14") || sing.prodCatId.equals("25") || sing.prodCatId.equals("17")) {
  1044. if(sing.prodCatId.equals("25")) {
  1045. fbDes += "| 電子雜誌";
  1046. }
  1047. fbDes += "| 電子書";
  1048. }
  1049. fbDes += ". ";
  1050.  
  1051. if(sing.titleNext!=null && !sing.titleNext.equals(sing.titleMain)) {
  1052. fbDes += sing.titleNext+". ";
  1053. }
  1054. if(sing.prodCatId.equals("14") || sing.prodCatId.equals("25") || sing.prodCatId.equals("17")) {
  1055. //fbDes += " "+prod_etitle;
  1056. if(sing.bindingType == null) {
  1057. sing.bindingType = "P";
  1058. }
  1059. if(sing.bindingType!=null) {
  1060. if(sing.bindingType.equals("P")) {
  1061. fbDes += " PDF. ";
  1062. }
  1063. if(sing.bindingType.equals("Q")) {
  1064. fbDes += " ePub. ";
  1065. }
  1066. if(sing.bindingType.equals("K")) {
  1067. fbDes += " 有聲書. ";
  1068. }
  1069. }
  1070. }
  1071.  
  1072. fbDes += sing.author!=null?sing.author+". ":"";
  1073. fbDes += singer_next.length()>0?singer_next+". ":"";
  1074. fbDes += producers.length()>0?producers+". ":"";
  1075. fbDes += sing.painter!=null?sing.painter+". ":"";
  1076. fbDes += sing.translator!=null?sing.translator+". ":"";
  1077. fbDes += sing.pubNmMain!=null?sing.pubNmMain+". ":"";
  1078. fbDes += sing.brandNm!=null?sing.brandNm+". ":"";
  1079. fbDes += sing.isbn!=null?sing.isbn+". ":"";
  1080. fbDes += sing.prodPf!=null?EcPathSettingImp.LimitString(sing.prodPf.replaceAll("\\<.*?\\>", ""),100,"...").replaceAll("(\r\n|\n)","")+". ":"";
  1081.  
  1082. //new 格主推薦
  1083. JSONObject recommendZekea = null;
  1084. recommendZekea = sing.getRecommend(sing.orgProdId, systemDao);
  1085.  
  1086. //將video與takelook組合再一起
  1087. JSONArray takelookList = new JSONArray();
  1088. JSONObject takelookItem = null;
  1089. JSONObject cover = new JSONObject();
  1090. cover.put("src", "cover");
  1091. cover.put("pkNo", sing.orgProdId);
  1092. takelookList.add(cover);
  1093. if(video_exists){
  1094. takelookItem = new JSONObject();
  1095. takelookItem.put("src", "video");
  1096. takelookItem.put("pkNo", (sing.orgFlg.equals("C")?"snd":"new"));
  1097. takelookList.add(takelookItem);
  1098. }else{
  1099. if(sing.orgFlg.equals("C")&&sprodAskModel.getProdRank()!=null){
  1100. if(sprodAskModel.getProdRank().equals("A") || sprodAskModel.getProdRank().equals("B")){
  1101. //全新 近全新無影片時，以圖片表示
  1102. takelookItem = new JSONObject();
  1103. takelookItem.put("src", "sndPic");
  1104. String prodRankImg = sprodAskModel.getProdRank().equals("A")?"/new_ec/rwd/include/images/C_image/pic/pic_1@3x.png":"/new_ec/rwd/include/images/C_image/pic/pic_2@3x.png";
  1105. takelookItem.put("pkNo", prodRankImg);
  1106. takelookList.add(takelookItem);
  1107. }
  1108. }
  1109. }
  1110. if(imageTakeLook!=null&&imageTakeLook.length>0){
  1111. for(int i=0; i<imageTakeLook.length; i++){
  1112. takelookItem = new JSONObject();
  1113. takelookItem.put("src", "image");
  1114. takelookItem.put("pkNo", imageTakeLook[i]);
  1115. takelookList.add(takelookItem);
  1116. }
  1117. }
  1118.  
  1119. //商品資料
  1120.  
  1121. StringBuffer prodDataSb = new StringBuffer();
  1122. prodDataSb.append("<div style='margin:2px 0;'>");
  1123. if(sing.orgFlg.equals("A") && sing.prodCatId.equals("31")) {
  1124. if(author_text.length() > 0) {
  1125. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>"+ prodAuthorText +"：<span style='color: #666666; font-weight: normal;'>"+ author_text +"</span></span>");
  1126. }
  1127. if(producers.length() > 0) {
  1128. prodDataSb.append("<span class='prodInfo_boldSpan' >製作人：<span style='color: #666666; font-weight: normal;'><a href='"+String.format(searchProdAllUrlPattern, URLEncoder.encode(producers,"utf8"))+"'>"+ producers +"</a></span></span>");
  1129. }
  1130. } else if(sing.orgFlg.equals("A") && sing.prodCatId.equals("32")) {
  1131. if(author_text.length() > 0) {
  1132. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>演員：<span style='color: #666666; font-weight: normal;'>"+ author_text +"</span></span>");
  1133. }
  1134. if(avInfo!=null&&avInfo.get("directorMain")!=null&&avInfo.getString("directorMain").length()>0) {
  1135. prodDataSb.append("<span class='prodInfo_boldSpan' >導演：<span style='color: #666666; font-weight: normal;'><a href='"+String.format(searchProdAllUrlPattern, URLEncoder.encode(avInfo.getString("directorMain"),"utf8"))+"'>"+ avInfo.getString("directorMain") +"</a></span></span>");
  1136. }
  1137. } else {
  1138. if(sing.author!=null && sing.author.length()>0){
  1139. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>" + prodAuthorText +"：<span style='color: #666666; font-weight: normal;'><a href='"+String.format(searchProdAuthorUrlPattern, URLEncoder.encode(sing.author,"utf8"))+"'>" +sing.author +"</a></span></span>");
  1140. }
  1141. }
  1142. if(sing.painter!=null && sing.painter.length() > 0) {
  1143. prodDataSb.append("<span class='prodInfo_boldSpan' >繪者：<span style='color: #666666; font-weight: normal;'><a href='"+String.format(searchProdAllUrlPattern, URLEncoder.encode(sing.painter,"utf8"))+"'>"+ sing.painter +"</a></span></span>");
  1144. }
  1145. if(sing.translator!=null && sing.translator.length()>0){
  1146. prodDataSb.append("<span class='prodInfo_boldSpan'>譯者：<span style='color: #666666; font-weight: normal;'><a href='"+String.format(searchProdAllUrlPattern, URLEncoder.encode(sing.translator,"utf8"))+"'>"+ sing.translator +"</a></span></span>");
  1147. }
  1148. prodDataSb.append("</div>");
  1149.  
  1150. prodDataSb.append("<div style='margin:2px 0;'>");
  1151. if(sing.prodCatId.equals("31")) {
  1152. if(sing.brandId!=null && sing.brandId.length() > 0 && sing.pubNmMain!=null && sing.pubNmMain.length()>0) {
  1153. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>"+ prodPublishText +"：<span style='color: #666666; font-weight: normal;'><a href='"+String.format(searchProdPubUrlPattern, URLEncoder.encode(sing.pubNmMain,"utf8"))+"'>"+ sing.brandNm +"</a></span></span>");
  1154. }
  1155. } else if(sing.prodCatId.equals("32")) {
  1156. if(sing.pubNmMain!=null && sing.pubNmMain.length()>0){
  1157. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>發行：<span style='color: #666666; font-weight: normal;'><a href='"+String.format(searchProdPubUrlPattern, URLEncoder.encode(sing.pubNmMain,"utf8"))+"'>" + sing.brandNm +"</a></span></span>");
  1158. }
  1159. } else {
  1160. if(sing.pubNmMain!=null && sing.pubNmMain.length()>0){
  1161. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>" + prodPublishText +"：<span style='color: #666666; font-weight: normal;'><a href='"+String.format(searchProdPubUrlPattern, URLEncoder.encode(sing.pubNmMain,"utf8"))+"'>"+ sing.pubNmMain +"</a></span></span>");
  1162. }
  1163. }
  1164.  
  1165. if(sing.publishDate!=null && sing.publishDate.length()>0){
  1166. prodDataSb.append("<span class='prodInfo_boldSpan'>"+ prodPublishDateText +"：<span style='color: #666666; font-weight: normal;'>"+ sing.getDateFormat(sing.publishDate) +"</span></span>");
  1167. }
  1168. if(sing.isbn!=null && sing.isbn.length()>0){
  1169. prodDataSb.append("<span class='prodInfo_boldSpan'>ISBN/ISSN：<span style='color: #666666; font-weight: normal;'>"+ sing.isbn +"</span></span>");
  1170. }
  1171. if(sing.prodCatId.equals("21") || sing.prodCatId.equals("22")|| sing.prodCatId.equals("23")|| sing.prodCatId.equals("24")|| sing.prodCatId.equals("25")|| sing.prodCatId.equals("26")|| sing.prodCatId.equals("27")) {
  1172. if(sing.eanCode!=null && sing.eanCode.length()>0){
  1173. prodDataSb.append("<span class='prodInfo_boldSpan'>條碼：<span style='color: #666666; font-weight: normal;'>"+ sing.eanCode +"</span></span>");
  1174. }
  1175. }
  1176. prodDataSb.append("</div>");
  1177.  
  1178. if(sing.prodCatId.equals("32")) {
  1179. prodDataSb.append("<div style='margin:2px 0;'>");
  1180. if(sing.rank!=null && sing.rank.length() > 0) { //商品內容分級.預設：‘A’A：普遍級,B：保護級C：輔導級,D：限制級
  1181. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>分級：<span style='color: #666666; font-weight: normal;'>"+ sing.getRankText(sing.rank) +"</span></span>");
  1182. }
  1183. if(avInfo!=null&&avInfo.get("avLen")!=null&&avInfo.getString("avLen").length()>0){
  1184. prodDataSb.append("<span class='prodInfo_boldSpan'>片長：<span style='color: #666666; font-weight: normal;'>"+ avInfo.getString("avLen") +"分鐘</span></span>");
  1185. }
  1186. if(avInfo!=null&&avInfo.get("cdFormat")!=null&&avInfo.getString("cdFormat").length()>0){
  1187. prodDataSb.append("<span class='prodInfo_boldSpan'>商品規格（光碟格式）/（張數）：<span style='color: #666666; font-weight: normal;'>" +avInfo.getString("cdFormat") +"/"+ avInfo.getString("discs") +"</span></span>");
  1188. }
  1189. prodDataSb.append("</div>");
  1190. prodDataSb.append("<div style='margin:2px 0;'>");
  1191. if(avInfo!=null&&avInfo.get("avRegion")!=null&&avInfo.getString("avRegion").length()>0){
  1192. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>播放區域：<span style='color: #666666; font-weight: normal;'>"+ sing.getAvRegionText(avInfo.getString("avRegion")) +"</span></span>");
  1193. }
  1194. prodDataSb.append("</div>");
  1195. prodDataSb.append("<div style='margin:2px 0;'>");
  1196. if(avInfo!=null&&avInfo.get("screenRatio")!=null&&avInfo.getString("screenRatio").length()>0){
  1197. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>螢幕比例：<span style='color: #666666; font-weight: normal;'>"+ sing.getScreenRatioText(avInfo.getString("screenRatio")) +"</span></span>");
  1198. }
  1199. if(avInfo!=null&&avInfo.get("sound")!=null&&avInfo.getString("sound").length()>0){
  1200. prodDataSb.append("<span class='prodInfo_boldSpan'>音效格式：<span style='color: #666666; font-weight: normal;'>" +avInfo.getString("sound") +"</span></span>");
  1201. }
  1202. prodDataSb.append("</div>");
  1203. prodDataSb.append("<div style='margin:2px 0;'>");
  1204. if(avInfo!=null&&avInfo.get("language")!=null&&avInfo.getString("language").length()>0){
  1205. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>發音：<span style='color: #666666; font-weight: normal;'>"+ avInfo.getString("language") +"</span></span>");
  1206. }
  1207. if(avInfo!=null&&avInfo.get("subtitles")!=null&&avInfo.getString("subtitles").length()>0){
  1208. prodDataSb.append("<span class='prodInfo_boldSpan'>字幕：<span style='color: #666666; font-weight: normal;'>"+ avInfo.getString("subtitles") +"</span></span>");
  1209. }
  1210. prodDataSb.append("</div>");
  1211. }
  1212. if(sing.countryNm != null) {
  1213. prodDataSb.append("<div style='margin:2px 0;'>");
  1214. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>製造/出產地：<span style='color: #666666; font-weight: normal;'>"+ sing.countryNm +"</span></span>");
  1215. if(eancode.length() > 0) {
  1216. prodDataSb.append("<span class='prodInfo_boldSpan'>商品條碼：<span style='color: #666666; font-weight: normal;'>"+ eancode +"</span></span>");
  1217. }
  1218. prodDataSb.append("</div>");
  1219. }
  1220. if(sing.orgFlg.equals("A") && sing.prodCatId.equals("31")) {
  1221. prodDataSb.append("<div style='margin:2px 0;'>");
  1222. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>音樂類型：<span style='color: #666666; font-weight: normal;'>"+ sing.catName +"</span></span><span style=\"padding: 0 0 0 20px; background: url('/new_ec/single/include/images/line01.jpg') no-repeat 0px 3px;\">商品規格：<span style='color: #666666; font-weight: normal;'>"+ prodFormatAndSpec +"</span></span>");
  1223. if(musical_instruments.length() > 0) {
  1224. prodDataSb.append("<span class='prodInfo_boldSpan'>演奏樂器：<span style='color: #666666; font-weight: normal;'>"+ musical_instruments +"</span></span>");
  1225. }
  1226. prodDataSb.append("</div>");
  1227. }
  1228. prodDataSb.append("<div style='margin:2px 0;'>");
  1229. if(sing.getLanguageTex().length()>0){
  1230. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>語言：<span style='color: #666666; font-weight: normal;'>"+ sing.getLanguageTex() +"</span></span>");
  1231. }
  1232. if(sing.phonetics!=null && sing.phonetics.equals("Y")) {
  1233. prodDataSb.append("<span class='prodInfo_boldSpan'>注音：<span style='color: #666666; font-weight: normal;'>內文含注音</span></span>");
  1234. }
  1235. prodDataSb.append(sing.getAgeText());
  1236. if(sing.getBindingType().length()>0){
  1237. prodDataSb.append("<span class='prodInfo_boldSpan'>裝訂方式：<span style='color: #666666; font-weight: normal;'>"+ sing.getBindingType() +"</span></span>");
  1238. }
  1239. if(sing.pages!=null && sing.pages.length()>0 && !sing.pages.equals("0")){
  1240. prodDataSb.append("<span class='prodInfo_boldSpan'>頁數：<span style='color: #666666; font-weight: normal;'>"+sing.pages +"頁</span></span>");
  1241. }
  1242. if(sing.bookSize!=null && sing.bookSize.length()>0){
  1243. prodDataSb.append("<span class='prodInfo_boldSpan'>開數：<span style='color: #666666; font-weight: normal;'>"+sing.bookSize +"</span></span>");
  1244. }
  1245. if(sing.orgFlg.equals("A") && (sing.prodCatId.equals("14")||sing.prodCatId.equals("25")||sing.prodCatId.equals("17"))){ //電子書欄位
  1246. if(sing.bindingType!=null && sing.bindingType.equals("P")){
  1247. prodDataSb.append("<span class='prodInfo_boldSpan'>檔案格式：<span style='color: #666666; font-weight: normal;'>PDF</span></span>");
  1248. }else if(sing.bindingType!=null && sing.bindingType.equals("Q")){
  1249. prodDataSb.append("<span class='prodInfo_boldSpan'>檔案格式：<span style='color: #666666; font-weight: normal;'>ePub</span></span>");
  1250. }
  1251. if(sing.fileSize!=null && sing.fileSize.length()>0){
  1252. Double fileSizeMb = (Double.parseDouble(sing.fileSize)/1024);
  1253. DecimalFormat df = new DecimalFormat("#.##");
  1254. prodDataSb.append("<span class='prodInfo_boldSpan'>檔案大小：<span style='color: #666666; font-weight: normal;'>" +df.format(fileSizeMb) +"MB</span></span>");
  1255. }
  1256. }
  1257. prodDataSb.append("</div>");
  1258.  
  1259. String sizeBuild = "";
  1260. String sizeTemp = "";
  1261. sizeTemp = (sing.sizeL!=null&&!sing.sizeL.equals("0"))?"<span style=\"color:#666666; font-weight:normal;\">長：" + sing.sizeL + "mm</span>":"";
  1262. if(sizeTemp.length()>0){
  1263. sizeBuild += sizeBuild.length()>0 ? " \\ " + sizeTemp:sizeTemp;
  1264. }
  1265. sizeTemp = (sing.sizeW!=null&&!sing.sizeW.equals("0"))?"<span style=\"color:#666666; font-weight:normal;\">寬：" + sing.sizeW + "mm</span>":"";
  1266. if(sizeTemp.length()>0){
  1267. sizeBuild += sizeBuild.length()>0 ? " \\ " + sizeTemp:sizeTemp;
  1268. }
  1269. sizeTemp = (sing.sizeH!=null&&!sing.sizeH.equals("0"))?"<span style=\"color:#666666; font-weight:normal;\">高：" + sing.sizeH + "mm</span>":"";
  1270. if(sizeTemp.length()>0){
  1271. sizeBuild += sizeBuild.length()>0 ? " \\ " + sizeTemp:sizeTemp;
  1272. }
  1273. if(sizeBuild.length()>0){
  1274. sizeBuild = "<span class='prodInfo_boldSpan' style='padding:0;'>商品尺寸：</span>" + sizeBuild;
  1275. }
  1276. String weigthBuild = (sing.weight!=null&&!sing.weight.equals("0"))?"<span style=\"color:#666666; font-weight:normal;\">" + sing.sizeL + "公克</span>":"";
  1277. if(weigthBuild.length()>0){
  1278. if(sizeBuild.length()>0){
  1279. weigthBuild = "<span class='prodInfo_boldSpan'>商品重量：</span>" + weigthBuild;
  1280. }else{
  1281. weigthBuild = "<span class='prodInfo_boldSpan' style='padding:0;'>商品重量：</span>" + weigthBuild;
  1282. }
  1283. }
  1284. String prodSizeBuild = (sing.prodSize!=null&&sing.prodSize.length()>0)?"<span style=\"color:#666666; font-weight:normal;\">" + sing.prodSize + "</span>":"";
  1285. if(prodSizeBuild.length()>0){
  1286. prodSizeBuild = "<span class='prodInfo_boldSpan'>衣服尺寸：</span>" + prodSizeBuild;
  1287. }
  1288. String prodColorBuild = (sing.prodColor!=null&&sing.prodColor.length()>0)?"<span style=\"color:#666666; font-weight:normal;\">" + sing.prodColor + "</span>":"";
  1289. if(prodColorBuild.length()>0){
  1290. if(prodSizeBuild.length()>0){
  1291. prodColorBuild = "<span class='prodInfo_boldSpan' style='padding:0;'>商品顏色：</span>" + prodColorBuild;
  1292. }else{
  1293. prodColorBuild = "<span class='prodInfo_boldSpan'>商品顏色：</span>" + prodColorBuild;
  1294. }
  1295. }
  1296. if(sizeBuild.length()>0){
  1297. prodDataSb.append("<div style='margin:2px 0;'>");
  1298. prodDataSb.append(sizeBuild);
  1299. prodDataSb.append("</div>");
  1300. if(prodSizeBuild.length()>0 || prodColorBuild.length()>0){
  1301. prodDataSb.append("<div style='margin:2px 0;'>");
  1302. prodDataSb.append(prodSizeBuild);
  1303. prodDataSb.append(prodColorBuild);
  1304. prodDataSb.append("</div>");
  1305. }
  1306. }
  1307. prodDataSb.append("<div style='margin:2px 0;'>");
  1308. prodDataSb.append("<span class='prodInfo_boldSpan' style='padding:0;'>類別：<span style='color: #666666; font-weight: normal;'>"+ sing.getCatNamePath() +"</span></span>");
  1309. if(!sing.prodCatId.equals("61")&&!sing.prodCatId.equals("62")){
  1310. prodDataSb.append("<span class='editXsxcatLink' >");
  1311. prodDataSb.append("<img class='single_tags' />");
  1312. if(cc!=null && cc.getCuid().toString().length()>0){
  1313. prodDataSb.append("<a style='cursor:pointer;' class='editXsxcat'>類別有誤？</a>");
  1314. }else{
  1315. prodDataSb.append("<a style='cursor:pointer;' onClick='loginFirst()'>類別有誤？</a>");
  1316. }
  1317. prodDataSb.append("</span>");
  1318. }
  1319. prodDataSb.append("</div>");
  1320.  
  1321. //二手書訊息
  1322. StringBuffer sndInfo = new StringBuffer();
  1323. if(sing.orgFlg.equals("C")){
  1324. sndInfo.append("<div class='sndInfo'>");
  1325. if(custSprodSchoolinfo!=null && custSprodSchoolinfo.size()>0){//校系
  1326. sndInfo.append("<div>");
  1327. sndInfo.append("<span style=''>教科書校系檢索：</span><span style='font-weight: normal;'><a href='" +sing.schoolBookUrlPattern + URLEncoder.encode(String.format(sing.schoolBookUrlParameter,custSprodSchoolinfo.get(0).getCityId(), "", "", "", ""),"utf8") + "'>"+custSprodSchoolinfo.get(0).getCityNm() +"</a></span>");
  1328. sndInfo.append("<span style='font-weight: normal;'>&gt;</span>");
  1329. sndInfo.append("<span style='font-weight: normal;'><a href='"+sing.schoolBookUrlPattern + URLEncoder.encode(String.format(sing.schoolBookUrlParameter,custSprodSchoolinfo.get(0).getCityId(), custSprodSchoolinfo.get(0).getSchoolNo(),"", "", ""),"utf8") +"'>"+custSprodSchoolinfo.get(0).getSchoolName() +"</a></span>");
  1330. if(custSprodSchoolinfo.get(0).getDepartmentNo()!=null && !custSprodSchoolinfo.get(0).getDepartmentNo().equals("0")) {
  1331. sndInfo.append("<span class='span01' style='font-weight: normal;'>&gt;</span>");
  1332. sndInfo.append("<span style='font-weight: normal;'><a href='" + sing.schoolBookUrlPattern + URLEncoder.encode(String.format(sing.schoolBookUrlParameter,custSprodSchoolinfo.get(0).getCityId(), custSprodSchoolinfo.get(0).getSchoolNo(), custSprodSchoolinfo.get(0).getDepartmentNo(), "", ""),"utf8") +"'>"+custSprodSchoolinfo.get(0).getDepartmentName() +"</a></span>");
  1333. }
  1334. sndInfo.append("</div>");
  1335. }
  1336. if(custSprodSchoolinfoByDiscipline!=null && custSprodSchoolinfoByDiscipline.size()>0){ //學門學類
  1337. sndInfo.append("<div>");
  1338. sndInfo.append("<span style=''>教科書學科檢索：</span><span style='font-weight: normal;''><a href='" + sing.schoolBookUrlPattern + URLEncoder.encode(String.format(sing.schoolBookUrlParameter, "", "", "", custSprodSchoolinfoByDiscipline.get(0).getDisciplineNo(), ""),"utf8") +"'>" + custSprodSchoolinfoByDiscipline.get(0).getDisciplineName() +"</a></span>");
  1339. sndInfo.append("<span style='font-weight: normal;'>&gt;</span>");
  1340. sndInfo.append("<span style='font-weight: normal;'><a href='"+ sing.schoolBookUrlPattern + URLEncoder.encode(String.format(sing.schoolBookUrlParameter, "", "", "", custSprodSchoolinfoByDiscipline.get(0).getDisciplineNo(), custSprodSchoolinfoByDiscipline.get(0).getClassNo()),"utf8") +"'>"+custSprodSchoolinfoByDiscipline.get(0).getClassName() +"</a></span>");
  1341. sndInfo.append("</div>");
  1342. }
  1343. if(queryCustSprodSchoolinfo!=null && queryCustSprodSchoolinfo.size()>0){
  1344. if(queryCustSprodSchoolinfo.get(0).getEdition()!=null){//賣家註記教科書版本
  1345. sndInfo.append("<div>");
  1346. sndInfo.append("<span>賣家註記教科書版本：</span><span style='font-weight: normal;'>第" + queryCustSprodSchoolinfo.get(0).getEdition() +"版</span>");
  1347. sndInfo.append("</div>");
  1348. }
  1349. if(queryCustSprodSchoolinfo.get(0).getPubYear()!=null){//賣家註記教科書出版年
  1350. sndInfo.append("<div>");
  1351. sndInfo.append("<span>賣家註記教科書出版年：</span><span style='font-weight: normal;'>第" + queryCustSprodSchoolinfo.get(0).getPubYear() +"版</span>");
  1352. sndInfo.append("</div>");
  1353. }
  1354. }
  1355. //賣家
  1356. sndInfo.append("<div>");
  1357. sndInfo.append("<span>賣家：</span><span style='font-weight: normal;'><a href='/container_seller_view.html?t=11&k=03&d=00&ci="+sprodAskModel.getCuid() +"'>"+sprodAskModel.getNikeName() +"</a></span>");
  1358. sndInfo.append("</div>");
  1359.  
  1360. //書況
  1361. sndInfo.append("<div>");
  1362. sndInfo.append("<span>書況(讀冊判定)：</span><span rel='"+sprodAskModel.getProdRank() +"' class='sndProdRank'>"+sing.getProdRankText(sprodAskModel.getProdRank())+"</span>");
  1363. sndInfo.append("<div id='sndProdRank_info' style='display:none;'>");
  1364. sndInfo.append("<ul style='list-style:none;padding:0'>");
  1365. sndInfo.append("<li style='font-weight:bold; padding-bottom:3px;'>書況說明：</li>");
  1366. sndInfo.append("<li style='font-weight:normal;padding-bottom:6px;'><span class='rank_A'>A. 全新：膠膜未拆，無瑕疵。</span></li>");
  1367. sndInfo.append("<li style='font-weight:normal;padding-bottom:6px;'><span class='rank_B'>B. 近全新：未包膜，翻閱痕跡不明顯，如實體賣場陳列販售之書籍。</span></li>");
  1368. sndInfo.append("<li style='font-weight:normal;padding-bottom:6px;'><span class='rank_C'>C. 良好：有使用痕跡，不如新書潔白、小範圍瑕疵，如摺角、碰撞、汙點或泛黃等。</span></li>");
  1369. sndInfo.append("<li style='font-weight:normal;padding-bottom:6px;'><span class='rank_D'>D. 普通：有使用痕跡，並因時間因素，有大範圍黃、黑斑及瑕疵。</span></li>");
  1370. sndInfo.append("<li style='font-weight:normal;padding-bottom:6px;'><span class='rank_E'>E. 差強人意：差強人意：印刷褪色、模糊或其它更糟之書況。</span></li>");
  1371. sndInfo.append("</ul>");
  1372. sndInfo.append("</div>");
  1373. sndInfo.append("</div>");
  1374.  
  1375. //備註
  1376. sndInfo.append("<div>");
  1377. sndInfo.append("<span>備註(賣家自填)：<span style='font-weight: normal;'>" +sing.getAddMarkText(sprodAskModel.getAddMarkFlg(), sprodAskModel.getNote()) +"</span></span>");
  1378. sndInfo.append("</div>");
  1379. sndInfo.append("<div>");
  1380. sndInfo.append("<span class='whatAddMarkText'>");
  1381. sndInfo.append("商品備註與退貨說明");
  1382. sndInfo.append("<img style='width:15px;height:15px;vertical-align: text-top;' src='/new_ec/rwd/include/images/C_image/ic/ic_14@2x.png'/>");
  1383. sndInfo.append("</span>");
  1384. sndInfo.append("<div id='whatAddMarkText_info' style='display:none;'>");
  1385. sndInfo.append("<ul style='margin:0; padding:0; list-style:none; text-align: left;line-height: 15px;'>");
  1386. sndInfo.append("<li style='font-weight:bold; padding-bottom:3px;'>備註說明：</li>");
  1387. sndInfo.append("<li style='font-weight:normal;padding-bottom:6px;'>備註內容與書況影片有出入時，以書況影片為準。商品之附件或贈品，亦以書況影片為準。</li>");
  1388. sndInfo.append("<li style='font-weight:bold; padding-bottom:3px;'>商品退貨說明：</li>");
  1389. sndInfo.append("<li style='font-weight:normal;'>會員購買二手商品皆擁有10天的鑑賞期。若收到的商品狀況與網站描述不符合時，在鑑賞期內，皆可退貨。退貨辦法請詳見，<a target='_blank' href='http://www.taaze.tw/member_serviceCenter.html?qa_type=g' style='color:#e3007f;text-decoration:underline;'>客服退換貨說明</a></li>");
  1390. sndInfo.append("</ul>");
  1391. sndInfo.append("</div>");
  1392. sndInfo.append("</div>");
  1393.  
  1394. sndInfo.append("</div>");
  1395.  
  1396. }
  1397. String fbImage = sing.imgUrl + "/showProdImage.html?sc=" + sing.orgProdId+"&width=200&height=283";
  1398. %>
  1399. <!DOCTYPE html>
  1400. <html lang="zh-hant">
  1401.  
  1402. <head>
  1403. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  1404. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  1405. <c:choose>
  1406. <c:when test="${cookie['mobile'].value eq 'on'}">
  1407. <meta name="viewport" content="width=1200, initial-scale=1, maximum-scale=1, user-scalable=yes">
  1408. </c:when>
  1409. <c:otherwise>
  1410. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  1411. </c:otherwise>
  1412. </c:choose>
  1413. <meta name="keywords" content="<%=fbTitle %>" />
  1414. <meta name="title" content="<%=sing.titleMain %><%if(sing.orgFlg.equals("C")){ %>（<s:text name="product.org_flag_value.c"/>）<%} %>,<%=fbArthor %>" />
  1415. <meta name="description" content="<%=fbDes%>" />
  1416.  
  1417. <% if(no_indexList.contains(sing.prodId)) { %>
  1418. <meta name="googlebot" content="noindex">
  1419. <% } else { %>
  1420. <meta name="googlebot" content="index, follow" />
  1421. <% } %>
  1422. <% if(sing.prodCatId.equals("11") || sing.prodCatId.equals("12") || sing.prodCatId.equals("13") || sing.prodCatId.equals("14") || sing.prodCatId.equals("17")) { %>
  1423. <meta property="fb:app_id" content="116787935057056" />
  1424. <% if(sing.isbn!=null && sing.isbn.length() > 0) {%>
  1425. <meta property="books:isbn" content="<%=sing.isbn %>" />
  1426. <meta property="og:type" content="books.book" />
  1427. <% } else { %>
  1428. <meta property="og:type" content="product" />
  1429. <% } %>
  1430. <% } else { %>
  1431. <meta property="og:type" content="product" />
  1432. <meta property="fb:app_id" content="116787935057056" />
  1433. <% } %>
  1434. <meta property="og:description" content="<%=fbDes%>" />
  1435. <meta property="og:image" content="<%=fbImage %>" />
  1436.  
  1437. <title><%=sing.titleMain %>- TAAZE 讀冊生活</title>
  1438. <meta property="og:title" content="<%=fbTitle %>" />
  1439.  
  1440. <!-- Google Tag Manager -->
  1441. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  1442. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  1443. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  1444. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  1445. })(window,document,'script','dataLayer','GTM-K2KVGFF');</script>
  1446. <!-- End Google Tag Manager -->
  1447.  
  1448.  
  1449. <jsp:include page="/new_ec/rwd/include/css.jsp" />
  1450. <link rel="stylesheet" type="text/css" href="/include2/tooltipster/css/tooltipster.bundle.min.css" />
  1451. <link rel="stylesheet" type="text/css" href="/include2/tooltipster/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-light.min.css" />
  1452. <link rel="stylesheet" type="text/css" href="/include2/css/swiper.min.css" />
  1453. <link rel="stylesheet" type="text/css" href="/include2/css/rateit.css" />
  1454. <link rel="stylesheet" type="text/css" href="/include2/colorbox/colorbox.css" />
  1455. <link rel="stylesheet" type="text/css" href="/include2/css/alertify.core.css" />
  1456. <link rel="stylesheet" type="text/css" href="/include2/css/alertify.default.css" />
  1457. <link rel="stylesheet" type="text/css" href="/include2/css/jquery.jgrowl.min.css" />
  1458. <link rel="stylesheet" type="text/css" href="/new_ec/rwd/include/css/goods.css?v=1" />
  1459. <%-- 先編譯再include --%>
  1460. <jsp:include page="/new_ec/rwd/include/marketingScript.jsp" flush="true"/>
  1461.  
  1462. </head>
  1463. <body>
  1464.  
  1465. <jsp:include page="/new_ec/rwd/include/jsp/include_header.jsp" flush="true"/>
  1466.  
  1467. <%-- body start --%>
  1468. <% if(collectArray[0]==0){ %>
  1469. <input type="hidden" id="hide_is_collect" value="false">
  1470. <% } else { %>
  1471. <input type="hidden" id="hide_is_collect" value="true">
  1472. <% } %>
  1473. <% if(IsWanted){ %>
  1474. <input type="hidden" id="hide_is_wanted" value="true">
  1475. <% } else { %>
  1476. <input type="hidden" id="hide_is_wanted" value="false">
  1477. <% } %>
  1478. <input type="hidden" id="hide_prod_Id" value="<%=sing.prodId%>">
  1479. <input type="hidden" id="hide_org_prod_Id" value="<%=sing.orgProdId%>">
  1480. <input type="hidden" name="rank" value="<%=sing.rank %>" />
  1481. <input type="hidden" id="hide_prod_cat_id" value="<%=sing.prodCatId %>" />
  1482. <input type="hidden" id="hide_cat_id" value="<%=sing.catId %>" />
  1483. <div id="DESC_BAK" type="hidden" value="<%=fbDes2 %>"></div>
  1484.  
  1485. <%-- pc model start +++++++++++++++++++++++++++++++++++++++++++++++++++++ --%>
  1486. <c:choose>
  1487. <c:when test="${cookie['mobile'].value eq 'on'}">
  1488. <div id="cartBar" class="container" style="background-color:#FFFFFF;z-index:1039;text-align:center;">
  1489. </c:when>
  1490. <c:otherwise>
  1491. <div id="cartBar" class="container hidden-xs hidden-sm hidden-md" style="background-color:#FFFFFF;z-index:1039;text-align:center;">
  1492. </c:otherwise>
  1493. </c:choose>
  1494. <div class="container_PC" style="margin:0 auto;height:60px; ">
  1495. <h1 style="float:left;font-size:16px;font-weight:bold; letter-spacing:1px;"><%=EcPathSettingImp.LimitString(sing.titleMain,40,"...") %></h1>
  1496. <div style="float:left;margin-top: 17px; font-size:16px">
  1497. <%
  1498. if(sing.listPrice==sing.salePrice){//定價=售價 顯示定價
  1499. %>
  1500. <span>定價：NT$ <span style="color:#e2007e;"><strong><%=(int)sing.listPrice %></strong></span></span>
  1501. <%
  1502. }else if(sing.specialPrice==sing.salePrice){//特價=售價 顯示定價/特價
  1503. %>
  1504. <span>特價：NT$ <span style="color:#e2007e;"><strong><%=(int)sing.specialPrice %></strong></span></span>
  1505. <%
  1506. }else{//顯示定價/特價/優惠價/折扣
  1507. if(sing.orgFlg.equals("C")){//二手
  1508. if(sing.discString(String.valueOf((int)sing.saleDisc)) != null){
  1509. %>
  1510. <%if(sing.specialPrice>0){ %>
  1511. <span style="padding-left:10px;">特價：<small>NT$</small> <span><%=(int)sing.specialPrice %></span></span>
  1512. <%} %>
  1513. <span style="padding-left:10px;">二手價：<span style="color:#e2007e;"><strong><%=sing.discString(String.valueOf((int)sing.saleDisc)) %></strong></span> <small>折</small>，<small>NT$</small> <span style="color:#e2007e;"><strong><%=(int)sing.salePrice %></strong></span></span>
  1514.  
  1515. <%
  1516. }else{
  1517. %>
  1518.  
  1519. <%if(sing.specialPrice>0){ %>
  1520. <span style="padding-left:10px;">特價：<small>NT$</small> <span><%=(int)sing.specialPrice %></span></span>
  1521. <%} %>
  1522. <span style="padding-left:10px;">優惠價：<span style="color:#e2007e;"><strong><%=sing.discString(String.valueOf((int)sing.saleDisc)) %></strong></span> <small>折</small>，<small>NT$</small> <span style="color:#e2007e;"><strong><%=(int)sing.salePrice %></strong></span></span>
  1523.  
  1524. <%
  1525. }
  1526. }else{
  1527. if((int)sing.saleDisc==0){
  1528. %>
  1529. <%if(sing.specialPrice>0){ %>
  1530. <span style="padding-left:10px;">特價：<small>NT$</small> <span><%=(int)sing.specialPrice %></span></span>
  1531. <%} %>
  1532.  
  1533. <span style="padding-left:10px;">優惠價：<small>NT$</small> <span><%=(int)sing.salePrice %></span></span>
  1534. <%
  1535. }else{
  1536. %>
  1537. <%if(sing.specialPrice>0){ %>
  1538. <span style="padding-left:10px;">特價：<small>NT$</small> <span><%=(int)sing.specialPrice %></span></span>
  1539. <%} %>
  1540. <span style="padding-left:10px;">優惠價：<span style="color:#e2007e;"><strong><%=sing.discString(String.valueOf((int)sing.saleDisc)) %></strong></span> <small>折</small>，<small>NT$</small> <span style="color:#e2007e;"><strong><%=(int)sing.salePrice %></strong></span></span>
  1541.  
  1542. <%
  1543. }
  1544. }
  1545. }
  1546. %>
  1547. </div>
  1548. <%if(orgAndQtyFlg){ %>
  1549. <%if(sing.openFlg==-1 || sing.openFlg==1){ %>
  1550.  
  1551. <button type="button" name="saveToCart" class="saveToCart" style='height:40px;float:right;padding: 0;margin-top:10px;'></button>
  1552. <%--直接購買 --%>
  1553. <%--已購買提示 --%>
  1554. <%if(orderDate!=null&&orderDate.length()>0){ %>
  1555. <p style="padding:15px 5px 0 5px;">
  1556. <s:text name="shop.main"></s:text>：您已於<%=orderDate %><s:text name="shop.aready"></s:text>。
  1557. </p>
  1558. <%} %>
  1559. <%}else if(sing.openFlg==0){ %>
  1560. <%if(sing.outOfPrint.equals("Y")){ %>
  1561.  
  1562. <%}else{ %>
  1563. <button type="button" name='shoppingNotic' class="shoppingNotic" style='height:40px;float:right;padding: 0;margin-top:10px;'></button>
  1564. <%} %>
  1565. <%} %>
  1566. <%}else{%>
  1567. <div type="button" name='saleout' class="saleout" style='height:40px;float:right;padding: 0;margin-top:10px;'></div>
  1568. <%} %>
  1569. </div>
  1570. </div>
  1571. <c:choose>
  1572. <c:when test="${cookie['mobile'].value eq 'on'}">
  1573. <div class="container container_PC" style="margin-top:15px;">
  1574. </c:when>
  1575. <c:otherwise>
  1576. <div class="container container_PC hidden-sm hidden-md hidden-xs" style="margin-top:15px;">
  1577. </c:otherwise>
  1578. </c:choose>
  1579. <%-- site map --%>
  1580. <div class="row">
  1581. <%@ include file="/new_ec/rwd/include/jsp/listSiteMap.jsp"%>
  1582. </div>
  1583. <%-- site map --%>
  1584.  
  1585. <%-- 評價,收藏,二手徵求,試讀.... 分享功能群組 --%>
  1586. <%--
  1587. <div class="row" style="margin-top:10px;">
  1588.  
  1589. <div class="col-xs-5">
  1590. <div style="float:right;">
  1591. <iframe frameborder="0" border="0" cellspacing="0" style="width:350px;height:33px;border: 0px;" src="/share_index.html?t=sing" ></iframe>
  1592. </div>
  1593. <div style="clear:right;"></div>
  1594.  
  1595. </div>
  1596. </div>
  1597. <div class="row" style="margin-top:3px;">
  1598. <div class="col-xs-12">
  1599. <div style="border-bottom:1px dotted #bdbdbd;"></div>
  1600. </div>
  1601. </div>
  1602. --%>
  1603. <%-- 評價,收藏,二手徵求,試讀.... 分享功能群組 --%>
  1604.  
  1605.  
  1606. <%-- 商品頁內容 --%>
  1607. <div class="row" style="margin-top:10px;">
  1608. <%-- 左邊區塊 --%>
  1609. <div class="col-sm-8 col-md-9" style="padding-left:0;padding-right:0;">
  1610.  
  1611. <div class="" style="width:750px;">
  1612. <div class="" style="position: relative;width:310px;float:left;margin-right:20px;">
  1613. <a href="#">
  1614. <img class="" style="width:100%;margin-bottom:0px" src=<%=showThumbnail %> alt="...">
  1615. <%if(sing.bindingType!=null && sing.bindingType.equals("P")){ //pdf %>
  1616. <img class="pdf_ebook_type" src='/new_ec/rwd/include/images/C_image/pic/pic_8@2x.png' />
  1617. <%}else if(sing.bindingType!=null && sing.bindingType.equals("Q")){ //epub %>
  1618. <img class="ePub_ebook_type" src='/new_ec/rwd/include/images/C_image/pic/pic_9@2x.png' />
  1619. <%} %>
  1620. <%if(sing.orgFlg.equals("C")){
  1621. if(sprodAskModel != null && sprodAskModel.chrtFlg.equals("Y")){
  1622. %>
  1623. <img class="snd_type" src='/new_ec/rwd/include/images/C_image/pic/pic_12@2x.png' />
  1624. <%}else{%>
  1625. <img class="snd_type" src='/new_ec/rwd/include/images/C_image/pic/pic_7@2x.png' />
  1626. <%}%>
  1627. <%} %>
  1628. </a>
  1629.  
  1630. <%--take look carousel--%>
  1631.  
  1632. <%
  1633. if(takelookList!=null&&takelookList.size()>0){
  1634. %>
  1635. <div class="panel panel-default" style="margin-top:0px;width:310px;">
  1636. <div class="panel-body">
  1637. <div class="row">
  1638. <div id="takelookCarousel" class="carousel slide" data-ride="carousel" data-interval="false"><!-- 1 -->
  1639.  
  1640. <%
  1641. //take look 數量要加上影片數1
  1642. int takelookPageCount = 0;
  1643. int takelookCount = 0;
  1644. int takelookPageSize = 3;
  1645. int takelookMaxPage = 100;
  1646. takelookCount = (takelookList.size()-1) % takelookPageSize == 0 ? (takelookList.size()-1) / takelookPageSize : ((takelookList.size()-1) / takelookPageSize) + 1;
  1647. takelookPageCount=takelookList.size()-1;
  1648. if(takelookCount > takelookMaxPage) takelookCount = takelookMaxPage;
  1649.  
  1650.  
  1651. %>
  1652.  
  1653.  
  1654. <div class="carousel-inner" style="padding-bottom: 10px;" role="listbox"><!-- 2 -->
  1655. <%
  1656. for(int i=0; i<takelookCount; i++){
  1657. %>
  1658. <div class="item <%=i==0?"active":"" %>" style='padding:0 40px;'><!-- item block -->
  1659. <%
  1660. int start = (i*takelookPageSize)+1;
  1661. for(int j=start; j<(start+takelookPageSize); j++){
  1662. if(takelookList.getJSONObject(j).getString("src").equals("image")){
  1663. if(j>2){takelookPageSize = 3;}
  1664. %>
  1665. <div class="talkelookGrid">
  1666. <div>
  1667. <a href="#" onclick="openTakelook(this, event, <%=video_exists?j-2:j-1%>);">
  1668. <img data-src="holder.js/100%x195" alt="" src="https://media.taaze.tw/showThumbnailByPk.html?sc=<%=takelookList.getJSONObject(j).getString("pkNo") %>&height=195&width=138" data-holder-rendered="true" class="bookImage">
  1669. </a>
  1670. </div>
  1671. </div>
  1672. <%
  1673. }else if(takelookList.getJSONObject(j).getString("src").equals("video")){
  1674. takelookPageSize = 2;
  1675. %>
  1676. <div style='width:140px;'class="talkelookGrid">
  1677. <div>
  1678. <a href="javascript:openvideo()">
  1679. <img data-src="holder.js/100%x195" alt="" src="/new_ec/rwd/include/images/C_image/pic/pic_single_video1.jpg" data-holder-rendered="true" class="bookImage" />
  1680. </a>
  1681. </div>
  1682. </div>
  1683. <%
  1684. }else if(takelookList.getJSONObject(j).getString("src").equals("sndPic")){
  1685. %>
  1686. <div style='width:140px;' class="talkelookGrid">
  1687. <img data-src="holder.js/100%x195" alt="" src="<%=takelookList.getJSONObject(j).getString("pkNo") %>" class="bookImage" />
  1688. </div>
  1689. <%
  1690. }
  1691. if(j>=(takelookList.size()-1)) break;
  1692. }
  1693. %>
  1694. <div style="clear:both;"></div>
  1695. </div><!-- item block -->
  1696. <%
  1697. }
  1698. %>
  1699. </div><!-- 2 -->
  1700. <!-- Controls -->
  1701. <%if(takelookPageCount>takelookPageSize){ %>
  1702. <a class="arrowForLeftImg_s" style='display:block;' href="#takelookCarousel" role="button" data-slide="prev">
  1703. <span></span>
  1704. <span class="sr-only">Previous</span>
  1705. </a>
  1706. <a class="arrowForRightImg_s" style='display:block;' href="#takelookCarousel" role="button" data-slide="next">
  1707. <span></span>
  1708. <span class="sr-only">Next</span>
  1709. </a>
  1710. <%} %>
  1711. </div><!-- 1 -->
  1712. </div>
  1713. </div>
  1714. </div>
  1715.  
  1716. <%
  1717. }
  1718. %>
  1719. <%--take look carousel --%>
  1720.  
  1721. </div>
  1722. <div class="" style="padding-top:5px;width:420px;float:left;">
  1723.  
  1724. <%-- titleMain titleNext --%>
  1725. <div class="row">
  1726. <div class="col-xs-12">
  1727. <h1 style="line-height: 24px;letter-spacing: 0.5px;font-size:20px;font-weight:bold; letter-spacing:1px;margin: 0;">
  1728. <%=sing.titleMain %>
  1729. <% if(sing.orgFlg.equals("A")&&sing.prodFgInfo!=null&&sing.prodFgInfo.length()>0){%>
  1730. <span style="padding-left: 10px; font-size: 10pt; color: #333333;"><%=sing.prodFgInfo %></span>
  1731. <%} %>
  1732. <%if(sing.orgFlg.equals("C")){ %>
  1733. <span style="padding-left: 10px; font-size: 10pt; color: #333333;">（二手書）</span>
  1734. <%}else if(sing.orgFlg.equals("B")){ %>
  1735. <span style="padding-left: 10px; font-size: 10pt; color: #333333;">（回頭書）</span>
  1736. <%}else if(sing.orgFlg.equals("A") && (sing.prodCatId.equals("14")||sing.prodCatId.equals("25")||sing.prodCatId.equals("17"))){ %>
  1737. <%-- <%if(sing.bindingType!=null && sing.bindingType.equals("P")){ %> --%>
  1738. <%-- <span style="padding-left: 10px; font-size: 10pt; color: #333333;">（PDF版）</span> --%>
  1739. <%-- <%}else if(sing.bindingType!=null && sing.bindingType.equals("Q")){ %> --%>
  1740. <%-- <span style="padding-left: 10px; font-size: 10pt; color: #333333;">（ePub版）</span> --%>
  1741. <%if(sing.bindingType!=null && sing.bindingType.equals("K")){ %>
  1742. <span style="padding-left: 10px; font-size: 10pt; color: #333333;">（電子有聲書）</span>
  1743. <%}else if(sing.bindingType!=null && sing.bindingType.equals("S")){ %>
  1744. <span style="padding-left: 10px; font-size: 10pt; color: #333333;">（電子雜誌訂閱）</span>
  1745. <%}else if(sing.prodCatId.equals("25")){ %>
  1746. <span style="padding-left: 10px; font-size: 10pt; color: #333333;">（電子雜誌）</span>
  1747. <%}else{ %>
  1748. <span style="padding-left: 10px; font-size: 10pt; color: #333333;">（電子書）</span>
  1749. <%} %>
  1750. <%} %>
  1751. </h1>
  1752. </div>
  1753. <%if(sing.titleNext!=null&&sing.titleNext.length()>0){ %>
  1754. <div class="col-xs-12" style="margin-top:10px;">
  1755. <h2 style="font-size:16px; letter-spacing:1px; color:#8c8c8c; margin: 0;">
  1756. <%=sing.titleNext %>
  1757. </h2>
  1758. </div>
  1759. <%} %>
  1760. </div>
  1761. <%-- titleMain titleNext --%>
  1762. <%--品牌 作者 --%>
  1763. <div class="authorBrand">
  1764. <%if(sing.prodCatId.equals("61") || sing.prodCatId.equals("62")){
  1765. if(sing.brandId!=null && sing.brandId.length() > 0) {
  1766. StringBuffer sb = new StringBuffer();
  1767. sb.append("<div style='margin-top:10px;'><span>品牌:");
  1768. sb.append("<a href='"+ String.format(sing.searchProdPubUrlPattern, URLEncoder.encode(sing.pubNmMain,"utf8")) +"'>");
  1769. sb.append(sing.brandNm);
  1770. sb.append("</a>");
  1771. sb.append("</span></div>");
  1772. sb.append("<div style='margin-top:10px;'><span>");
  1773. sb.append("<a href=" + String.format(sing.searchProdPubUrlPattern, URLEncoder.encode(sing.pubNmMain,"utf8")) +"><img style='max-width:120px' src='https://media.taaze.tw/showBrandImage.html?width=480&pk=" + sing.brandId +"' border='0' alt='' /></a>");
  1774. sb.append("</span></div>");
  1775. out.print(sb.toString());
  1776. }
  1777. }
  1778. if(sing.orgFlg.equals("A") && sing.prodCatId.equals("31")){
  1779. StringBuffer sb = new StringBuffer();
  1780. if(sing.brandId!=null && sing.brandId.length() > 0 && sing.pubNmMain!=null && sing.pubNmMain.length()>0) {
  1781. sb.append("<div style='margin-top:10px;'><span>廠牌:");
  1782. sb.append("<a href='"+ String.format(sing.searchProdPubUrlPattern, URLEncoder.encode(sing.pubNmMain,"utf8")) +"'>");
  1783. sb.append(sing.brandNm);
  1784. sb.append("</a>");
  1785. sb.append("</span></div>");
  1786. sb.append("<div style='margin-top:10px;'><span>");
  1787. sb.append("<a href=" + String.format(sing.searchProdPubUrlPattern, URLEncoder.encode(sing.pubNmMain,"utf8")) +"><img style='max-width:120px' src='https://media.taaze.tw/showBrandImage.html?width=480&pk=" + sing.brandId +"' border='0' alt='' /></a>");
  1788. sb.append("</span></div>");
  1789. }
  1790. if(author_text.length() > 0) {
  1791. sb.append("<div><span>"+prodAuthorText+"："+author_text+"</span></div>");
  1792. }
  1793. sb.append("<div><span>音樂類型：<span><a href='/rwd_list.html?t="+sing.prodCatId +"&k=01&d=00&a=00&c=" +sing.catId.substring(0,2) +"0000000000&l=1' >" +sing.catName1 +"</a></span></span></div>");
  1794. if(prodFormatAndSpec.length() > 0) {
  1795. sb.append("<div><span>商品規格：" +prodFormatAndSpec +"</span></div>");
  1796. }
  1797. out.print(sb.toString());
  1798. }else if(sing.orgFlg.equals("A") && sing.prodCatId.equals("32")) {
  1799. StringBuffer sb = new StringBuffer();
  1800. if(author_text.length() > 0) {
  1801. sb.append("<div><span>演員：" +author_text +"</span></div>");
  1802. }
  1803. if(avInfo!=null&&avInfo.get("directorMain")!=null&&avInfo.getString("directorMain").length()>0) {
  1804. sb.append("<div><span>導演：<span>" + avInfo.getString("directorMain") +"</span></span></div>");
  1805. }
  1806. if(sing.publishDate!=null && sing.publishDate.length()>0){
  1807. sb.append("<div><span>發行日期：<span>" +sing.getDateFormat(sing.publishDate) +"</span></span></div>");
  1808. }
  1809. if(sing.rank!=null && sing.rank.length() > 0){
  1810. sb.append("<div><span>分級：<span>" +sing.getRankText(sing.rank) +"</span></span></div>");
  1811. }
  1812. out.print(sb.toString());
  1813. }else if(sing.cover_people!=null && sing.cover_people.length()>0){
  1814. StringBuffer sb = new StringBuffer();
  1815. sb.append("<p style='margin:10px 0 0 0;'>");
  1816. sb.append("<span>封面人物:"+sing.cover_people);
  1817. sb.append("</span></p>");
  1818. out.print(sb.toString());
  1819. }else{
  1820. if(sing.author!=null && sing.author.length()>0){
  1821. %>
  1822. <p style="margin:10px 0 0 0;"><span>作者：<a href='<%= String.format(searchProdAuthorUrlPattern, URLEncoder.encode(sing.author,"utf8"))%>'><%=sing.author %></a></span></p>
  1823. <%
  1824. if(sing.painter!=null && sing.painter.length()>0){
  1825. %>
  1826. <p style="margin:10px 0 0 0;"><span>繪者：<span><%=sing.painter %></span></span></p>
  1827. <%
  1828. }
  1829.  
  1830. }
  1831. }
  1832. %>
  1833. </div>
  1834. <%--品牌 作者--%>
  1835. <%--評價/收藏/二手徵求/試讀 --%>
  1836. <div style="padding-top:10px;width:420px">
  1837. <div id='toComment' class='iconBtn'
  1838. onclick="toComment(0)">
  1839. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_1@1x.png' />--><span style='color:#e2007f'><%=startLevelSize>0?startLevelSize:"" %></span>評價
  1840. </div>
  1841. <%if(collectArray[0]==0){ %>
  1842. <div id="myCollect" class='iconBtn collectCount'
  1843. onclick="add2Collection('<%=sing.prodId %>','<%=sing.orgProdId%>');">
  1844. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_2@1x.png' />--><span style='color:#e2007f'><%=collectArray[2]>0?collectArray[2]:"" %></span>收藏
  1845. </div>
  1846. <div id="myCollectp" class="iconBtn collectCount"
  1847. onclick="add2Collection('<%=sing.prodId %>','<%=sing.orgProdId%>');" style="display:none;">
  1848. &nbsp;<img src='/new_ec/rwd/include/images/C_image/ic/ic_2_p@1x.png' /><span style='color:#e2007f'><%=collectArray[2]>0?collectArray[2]:"" %></span>收藏&nbsp;&nbsp;
  1849. </div>
  1850. <%}else{ %>
  1851. <div id="myCollectp" class="iconBtn collectCount"
  1852. onclick="add2Collection('<%=sing.prodId %>','<%=sing.orgProdId%>');">
  1853. &nbsp;<img src='/new_ec/rwd/include/images/C_image/ic/ic_2_p@1x.png' /><span style='color:#e2007f'><%=collectArray[2]>0?collectArray[2]:"" %></span>收藏&nbsp;&nbsp;
  1854. </div>
  1855. <div id="myCollect" class="iconBtn collectCount"
  1856. onclick="add2Collection('<%=sing.prodId %>','<%=sing.orgProdId%>');" style="display:none;">
  1857. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_2@1x.png' />--><span style='color:#e2007f'><%=collectArray[2]>0?collectArray[2]:"" %></span>收藏&nbsp;&nbsp;
  1858. </div>
  1859. <%} %>
  1860.  
  1861. <% if(wantedSndFlg){
  1862. //二手書徵求
  1863. if(IsWanted){
  1864. %>
  1865. <div id="mySndWantp" name="mySndWant" class='iconBtn'
  1866. onclick="wantSnd(event);">
  1867. &nbsp;<img src='/new_ec/rwd/include/images/C_image/ic/ic_3_p@1x.png' /><span style='color:#e3007f;'><%=wantedSndSize>0?wantedSndSize:"" %></span>二手徵求&nbsp;&nbsp;
  1868. </div>
  1869. <div id="mySndWant" name="mySndWant" class='iconBtn'
  1870. onclick="wantSnd(event);" style="display:none;">
  1871. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_3@1x.png' />--><span style='color:#e2007f;'><%=wantedSndSize>0?wantedSndSize:"" %></span>二手徵求
  1872. </div>
  1873. <%}else{ %>
  1874. <div id="mySndWant" name="mySndWant" class='iconBtn'
  1875. onclick="wantSnd(event);">
  1876. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_3@1x.png' />--><span style='color:#e2007f'><%=wantedSndSize>0?wantedSndSize:"" %></span>二手徵求
  1877. </div>
  1878. <div id="mySndWantp" name="mySndWant" class='iconBtn'
  1879. onclick="wantSnd(event);" style="display:none;">
  1880. &nbsp;<img src='/new_ec/rwd/include/images/C_image/ic/ic_3_p@1x.png' /><span style='color:#e3007f;'><%=wantedSndSize>0?wantedSndSize:"" %></span>二手徵求&nbsp;&nbsp;
  1881. </div>
  1882. <%}
  1883. //二手書徵求
  1884. }%>
  1885.  
  1886.  
  1887. <% if(previewCount!=null && previewCount.length()>0){//線上試讀 %>
  1888. <% if(sing.prodCatId.equals("14") || sing.prodCatId.equals("25") || sing.prodCatId.equals("17")){ %>
  1889. <%if(cc!=null && cc.getCuid().toString().length()>0){ %>
  1890. <div id="myPreview" class='iconBtn'
  1891. onclick="location.href='http://ebook.taaze.tw/do/mobile/ebook_preview.ashx?oid=<%=sing.orgProdId %>&cuid=<%=cc.getCuid() %>'" data-status="Y">
  1892. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_4@1x.png' />--><span style='color:#e2007f'><%=previewCount %></span>人次試讀
  1893. </div>
  1894.  
  1895. <%}else{ %>
  1896. <div id="myPreview" class='iconBtn'
  1897. onclick="location.href='http://ebook.taaze.tw/do/mobile/ebook_preview.ashx?oid=<%=sing.orgProdId %>'" data-status="Y">
  1898. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_4@1x.png' />--><span style='color:#e2007f'><%=previewCount %></span>人次試讀
  1899. </div>
  1900.  
  1901. <%} %>
  1902. <%}else{ %>
  1903. <div id="myPreview" class='iconBtn'
  1904. onclick="location.href='http://ebook.taaze.tw/do/preview/viewer2.aspx?oid=<%=sing.orgProdId %>'" data-status="N">
  1905. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_4@1x.png' />--><span style='color:#e2007f'><%=previewCount %></span>人次試讀
  1906. </div>
  1907.  
  1908. <%} %>
  1909. <%} %>
  1910.  
  1911. <div style="clear:left;"></div>
  1912.  
  1913. </div>
  1914. <%--評價/收藏/二手徵求/試讀 --%>
  1915. <%-- 分享 --%>
  1916. <div id='pcShare' style='margin-left: -40px;'>
  1917. <iframe id='shareBox' frameborder="0" border="0" cellspacing="0" style="margin-top:-10px;height:33px;border: 0px;" src="/share_index.html" ></iframe>
  1918. </div>
  1919. <%-- 分享 --%>
  1920. <div class='price'>
  1921. <%--定價/特價/優惠價 顯示邏輯 --%>
  1922. <%
  1923. if(sing.listPrice==sing.salePrice){//定價=售價 顯示定價
  1924. %>
  1925. <p style="margin:0 0;">
  1926. <span>定價：NT$ <span style="color:#e2007e;"><strong><%=(int)sing.listPrice %></strong></span></span>
  1927. </p>
  1928. <%
  1929. }else if(sing.specialPrice==sing.salePrice){//特價=售價 顯示定價/特價
  1930. %>
  1931. <p style="margin:0 0;">
  1932. <%if(sing.listPrice>0){ %>
  1933. <span>定價：NT$ <span style='text-decoration:line-through;'><%=(int)sing.listPrice %></span></span>
  1934. <%} %>
  1935. <span>特價：NT$ <span style="color:#e2007e;"><strong><%=(int)sing.specialPrice %></strong></span></span>
  1936. </p>
  1937. <%
  1938. }else{//顯示定價/特價/優惠價/折扣
  1939. if(sing.orgFlg.equals("C")){//二手
  1940. if(sing.discString(String.valueOf((int)sing.saleDisc)) != null){
  1941. %>
  1942. <p style="margin:0 0;">
  1943. <%if(sing.listPrice>0){ %>
  1944. <span>定價：<small>NT$</small> <span style='text-decoration:line-through;'><%=(int)sing.listPrice %></span></span>
  1945. <%} %>
  1946. <%if(sing.specialPrice>0){ %>
  1947. <span>特價：<small>NT$</small> <span><%=(int)sing.specialPrice %></span></span>
  1948. <%} %>
  1949. </p>
  1950. <p style="margin:0 0;">
  1951. <span>二手價：<span style="color:#e2007e;"><strong><%=sing.discString(String.valueOf((int)sing.saleDisc)) %></strong></span> <small>折</small>，<small>NT$</small> <span style="color:#e2007e;"><strong><%=(int)sing.salePrice %></strong></span></span>
  1952. </p>
  1953.  
  1954. <%
  1955. }else{
  1956. %>
  1957. <p style="margin:0 0;">
  1958. <%if(sing.listPrice>0){ %>
  1959. <span>定價：<small>NT$</small> <span style='text-decoration:line-through;'><%=(int)sing.listPrice %></span></span>
  1960. <%} %>
  1961. <%if(sing.specialPrice>0){ %>
  1962. <span>特價：<small>NT$</small> <span><%=(int)sing.specialPrice %></span></span>
  1963. <%} %>
  1964. </p>
  1965. <p style="margin:0 0;">
  1966. <span>優惠價：<span style="color:#e2007e;"><strong><%=sing.discString(String.valueOf((int)sing.saleDisc)) %></strong></span> <small>折</small>，<small>NT$</small> <span style="color:#e2007e;"><strong><%=(int)sing.salePrice %></strong></span></span>
  1967. </p>
  1968. <%
  1969. }
  1970. }else{
  1971. if((int)sing.saleDisc==0){
  1972. %>
  1973. <p style="margin:0 0;">
  1974. <%if(sing.listPrice>0){ %>
  1975. <span>定價：<small>NT$</small> <span style='text-decoration:line-through;'><%=(int)sing.listPrice %></span></span>
  1976. <%} %>
  1977. <%if(sing.specialPrice>0){ %>
  1978. <span">特價：<small>NT$</small> <span><%=(int)sing.specialPrice %></span></span>
  1979. <%} %>
  1980. </p>
  1981. <p style="margin:0 0;">
  1982. <span>優惠價：<small>NT$</small> <span><%=(int)sing.salePrice %></span></span>
  1983. </p>
  1984. <%
  1985. }else{
  1986. %>
  1987. <p style="margin:0 0;">
  1988. <%if(sing.listPrice>0){ %>
  1989. <span>定價：<small>NT$</small> <span style='text-decoration:line-through;'><%=(int)sing.listPrice %></span></span>
  1990. <%} %>
  1991. <%if(sing.specialPrice>0){ %>
  1992. <span>特價：<small>NT$</small> <span><%=(int)sing.specialPrice %></span></span>
  1993. <%} %>
  1994. </p>
  1995. <p style="margin:0 0;">
  1996. <span>優惠價：<span style="color:#e2007e;"><strong><%=sing.discString(String.valueOf((int)sing.saleDisc)) %></strong></span> <small>折</small>，<small>NT$</small> <span style="color:#e2007e;"><strong><%=(int)sing.salePrice %></strong></span></span>
  1997. </p>
  1998. <%
  1999. }
  2000. }
  2001. }
  2002. %>
  2003. <%--現金回饋 --%>
  2004. <%if(showBonusFlag){ %>
  2005. <p style="margin:0 0;">
  2006. <span>現金回饋：<span style="color:#e2007e;"><strong><%=bonusPctValue %></strong><small>%</small></span> </span>
  2007. <% if(act_url.length() > 0) { %>
  2008. <span><a href="<%=act_url %>" target="_blank">(活動詳情)</a></span>
  2009. <% } %>
  2010. <span><a href="https://activity.taaze.tw/static_act/201012/1201ecoupon/index.htm" target="_blank">回饋金可全額折抵商品 <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a></span>
  2011. </p>
  2012. <%} %>
  2013.  
  2014. <%--getfinWhDate???? --%>
  2015. <%
  2016. if(sing.prodCatId.equals("24") || sing.prodCatId.equals("27") || sing.prodCatId.equals("21") || sing.prodCatId.equals("22") || sing.prodCatId.equals("23")) {
  2017. if(sing.getfinWhDate().length()>0){
  2018. %>
  2019. <p style="margin:0 0;">
  2020. <span><%=sing.getfinWhDate() %></span>
  2021. </p>
  2022. <%
  2023. }
  2024. }
  2025. %>
  2026.  
  2027. <%--優惠截止 --%>
  2028. <%
  2029. if(sing.mcEDate!=null && sing.mcEDate.length()>=8) {
  2030. if(sing.mcPk>0){
  2031. %>
  2032. <p style="margin:0 0;">
  2033. <span style='color:#e3007f'>優惠截止日：<span style="letter-spacing:1px;">至<%=sing.mcEDate.substring(0,4) %>年<%=sing.mcEDate.substring(4,6) %>月<%=sing.mcEDate.substring(6,8) %>日</span></span>
  2034. </p>
  2035. <%
  2036. }
  2037. }
  2038. %>
  2039. </div>
  2040.  
  2041. <%---二手書訊息 --%>
  2042. <%if(sing.orgFlg.equals("C")&&sndInfo!=null){
  2043. out.print(sndInfo.toString());
  2044. }
  2045. %>
  2046. <%---二手書訊息 --%>
  2047.  
  2048. <%--運送方式/銷售地/庫存 --%>
  2049. <%
  2050. if(!sing.prodCatId.equals("14")&&!sing.prodCatId.equals("25")&&!sing.prodCatId.equals("17")){
  2051. if(sing.vstkDes.length()>0){
  2052. %>
  2053. <div style='padding-left:10px;'>
  2054. <%--運送方式 --%>
  2055. <%
  2056. if(saleAreaJson!=null && saleAreaJson.getString("Cdt").length()>0) {
  2057. %>
  2058. <p style="margin:0 0;">
  2059. <span>運送方式：<span><%=saleAreaJson.getString("Cdt") %></span></span>
  2060. </p>
  2061. <%
  2062. }
  2063. %>
  2064.  
  2065. <%--銷售地區 --%>
  2066. <%
  2067. if(saleAreaJson!=null && saleAreaJson.getString("SaleArea").length()>0) {
  2068. %>
  2069. <p style="margin:0 0;">
  2070. <span>銷售地區：<span><%=saleAreaJson.getString("SaleArea") %></span></span>
  2071. </p>
  2072. <%
  2073. }
  2074. %>
  2075.  
  2076. <%--庫存 --%>
  2077. <p style="margin:0 0;">
  2078. <span><span><%=sing.getVstkShow(sing.vstkDes) %></span></span>
  2079. </p>
  2080. </div>
  2081. <%--圖示 --%>
  2082. <p class='DeliverAndKpst'>
  2083. <%=sing.getDeliverAndKpstTextShow(sing.deliverImgType,sing.qty, sing.kpstk_flg, sing.prodCatId) %>
  2084. </p>
  2085. <%
  2086. }else{
  2087. %>
  2088. <div style='padding-left:10px;'>
  2089. <p style="margin:0 0;">
  2090. <span><span><%=sing.getVstkShow(sing.qty, sing.openFlg, sing.whId) %></span></span>
  2091. </p>
  2092. <%--圖示 --%>
  2093. </div>
  2094. <p class='DeliverAndKpst'>
  2095. <%=sing.getDeliverAndKpstTextShow(sing.deliverImgType,sing.qty, sing.kpstk_flg, sing.prodCatId) %>
  2096. </p>
  2097. <%
  2098. }
  2099. }else if(sing.orgFlg.equals("A") && (sing.prodCatId.equals("14")||sing.prodCatId.equals("25")||sing.prodCatId.equals("17"))){ //電子書欄位
  2100. %>
  2101. <div style='padding-left:10px;'>
  2102. <div>
  2103. <span>閱讀裝置：</span>
  2104. <span>手機</span>
  2105. <span>、平板</span>
  2106. <% if(sing.bindingType!=null && !sing.bindingType.equals("K")){ %>
  2107. <span>、PC</span>
  2108. <% } %>
  2109. <a href="http://www.taaze.tw/static_act/201403/ebookapp/index.htm" target="_blank"><img style='width:15px;height:15px;vertical-align: text-top;' src='/new_ec/rwd/include/images/C_image/ic/ic_14@2x.png'/></a>
  2110. </div>
  2111. <div>
  2112. <span>瀏覽軟體：</span>
  2113.  
  2114. <%=app_download %>
  2115.  
  2116. </div>
  2117. </div>
  2118. <%
  2119. }
  2120. %>
  2121. <%if(sing.rank!=null && sing.rank.equals("D")){//限制級商品 %>
  2122. <div style='margin-left:10px;border:<%=lock18.equals("1") ?"dotted #e3007f;":"none"%>'>
  2123. <img src="/new_ec/rwd/include/images/C_image/pic/pic_w_10@2x.png" alt="" width="100" height="45" style="" />
  2124. <div style='display:<%=lock18.equals("1") ?"inline-block":"none"%>'>
  2125. <%
  2126. StringBuffer sb = new StringBuffer();
  2127. sb.append("<select class='search_select' style='width:70px;' name='unlockYear'>");
  2128. sb.append("<option value='0'>年份</option>");
  2129. for(int i = nowCal.get(Calendar.YEAR); i>=1950; i-- ){
  2130. sb.append("<option value='"+String.format("%04d",i)+"'>"+String.format("%04d",i)+"</option>");
  2131. }
  2132. sb.append("</select>");
  2133.  
  2134. sb.append("<select class='search_select' style='width:70px;' name='unlockMonth'>");
  2135. sb.append("<option value='0'>月份</option>");
  2136. for(int i = 1; i<=12; i++ ){
  2137. sb.append("<option value='"+String.format("%02d",i)+"'>"+String.format("%02d",i)+"</option>");
  2138. }
  2139. sb.append("</select>");
  2140.  
  2141. sb.append("<select class='search_select' style='width:70px;' name='unlockDay'>");
  2142. sb.append("<option value='0'>日期</option>");
  2143. for(int i = 1; i<=31; i++ ){
  2144. sb.append("<option value='"+String.format("%02d",i)+"'>"+String.format("%02d",i)+"</option>");
  2145. }
  2146. sb.append("</select>");
  2147. out.print(sb.toString());
  2148. %>
  2149. <button class='check' style='vertical-align: middle;' name ='unLock18' id='unLock18'></button>
  2150. </div>
  2151. <span style='clear:both'></span>
  2152. </div>
  2153. <%}%>
  2154.  
  2155. <%--其他版本/圖書館借閱 --%>
  2156. <%
  2157. if(version_size > 0){//其他版本 1003
  2158.  
  2159. %>
  2160. <div class="otherVersion">
  2161. <div>
  2162. <span style="color: #4A4A4A;">其他版本：</span>
  2163. </div>
  2164. <%
  2165. for(int i=0; i<versionList.size(); i++) {
  2166. JSONObject version = (JSONObject)versionList.get(i);
  2167. String otherSndBook = "其他二手價";
  2168. if(version.getString("versionProdtext").equals(otherSndBook)){
  2169. %>
  2170. <div class="highlight" style="float:left;">
  2171. <a href="<%=sing.getWebUrl(request)%>/usedList.html?oid=<%=version.getString("orgProdId")%>">
  2172. <%=version.getString("versionProdtext")%><br />
  2173. <%
  2174. if(sing.discString(String.valueOf(version.getInt("disc")))!=null){
  2175. %>
  2176. <span style="color:#e2007e;"><%=sing.discString(String.valueOf(version.getInt("disc")))%></span><span>折</span>
  2177. <%
  2178. }
  2179. %>
  2180. <span style="color:#e2007e;"><%=version.getInt("listPrice")%></span><span>元起</span>
  2181. </a>
  2182. </div>
  2183. <%
  2184.  
  2185. }
  2186. else{
  2187. if(version.getString("MoreSecondHandFlag").equals("true")) {
  2188. %>
  2189. <div class="highlight" style="float:left;">
  2190. <a href="<%=sing.getWebUrl(request)%>/usedList.html?oid=<%=version.getString("orgProdId")%>">
  2191. <%=version.getString("versionProdtext")%><br />
  2192. <%
  2193. if(sing.discString(String.valueOf(version.getInt("disc")))!=null){
  2194. %>
  2195. <span style="color:#e2007e;"><%=sing.discString(String.valueOf(version.getInt("disc")))%></span><span>折</span>
  2196. <%
  2197. }
  2198. %>
  2199. <span style="color:#e2007e;"><%=version.getInt("listPrice")%></span><span>元起</span>
  2200. </a>
  2201. </div>
  2202. <%
  2203. }
  2204. if(version.getString("MoreSecondHandFlag").equals("false")) {
  2205. if(version.getInt("listPrice") > 0) {
  2206. %>
  2207. <div class="highlight" style="float:left;">
  2208. <a href="<%=sing.getWebUrl(request)%>/goods/<%=version.getString("prodId")%>.html">
  2209. <%=version.getString("versionProdtext")%><br />
  2210. <%
  2211. if(sing.discString(String.valueOf(version.getInt("disc")))!=null){
  2212. %>
  2213. <span style="color:#e2007e;"><%=sing.discString(String.valueOf(version.getInt("disc")))%></span><span>折</span>
  2214. <%
  2215. }
  2216. %>
  2217. <span style="color:#e2007e;"><%=version.getInt("listPrice")%></span><span>元</span>
  2218. </a>
  2219. </div>
  2220. <%
  2221. }
  2222. if(version.getInt("listPrice") == 0) {
  2223. %>
  2224. <div class="highlight" style="float:left;">
  2225. <a href="<%=sing.getWebUrl(request)%>/goods/<%=version.getString("prodId")%>.html">
  2226. <%=version.getString("versionProdtext")%><br />
  2227. <%
  2228. if(!version.get("prodCatId").equals("14") || !version.get("prodCatId").equals("25")) {
  2229. %>
  2230. <span style="color:#e2007e;"><%=version.getInt("listPrice")%></span><span>元</span>
  2231. <%
  2232. }
  2233. %>
  2234.  
  2235. </a>
  2236. </div>
  2237. <%
  2238. }
  2239. }
  2240. }}
  2241. %>
  2242. <%--圖書館借閱 --%>
  2243. <%
  2244. if(diffDay > 180 && (sing.prodCatId.equals("11") || sing.prodCatId.equals("14"))||sing.orgFlg.equals("C")&& (sing.prodCatId.equals("11") || sing.prodCatId.equals("14"))){
  2245. %>
  2246. <div id="lib-interact" class="highlight dropdown" style="float:left;cursor:pointer;">
  2247. <span data-toggle="dropdown">圖書館借閱</span>
  2248. <ul class='dropdown-menu' style="margin:0; padding:0;">
  2249. <li><a href="http://ebook.taaze.tw/middle/Library/Library.php?ISBN=<%=sing.isbn %>" target="_blank"><s:text name="single.lend_books_library_taipei" /></a></li>
  2250. <li><a href="http://ebook.taaze.tw/middle/Library/NTCLibrary.php?ISBN=<%=sing.isbn %>" target="_blank"><s:text name="single.lend_books_library_xinli" /></a></li>
  2251. <li><a href="http://ebook.taaze.tw/middle/Library/TCCultureLibrary.php?ISBN=<%=sing.isbn %>" target="_blank">台中文化局館藏</a></li>
  2252. <li><a href="http://ebook.taaze.tw/middle/Library/TCLibrary.php?ISBN=<%=sing.isbn %>" target="_blank"><s:text name="single.lend_books_library_zhongbu"></s:text></a></li>
  2253. <li><a href="http://ebook.taaze.tw/middle/Library/TNMLibrary.php?ISBN=<%=sing.isbn %>" target="_blank"><s:text name="single.lend_books_library_tainan"></s:text></a></li>
  2254. <li><a href="http://ebook.taaze.tw/middle/Library/KSLibrary.php?ISBN=<%=sing.isbn %>" target="_blank"><s:text name="single.lend_books_library_gaoxiong"></s:text></a></li>
  2255. <li><a href="http://ebook.taaze.tw/middle/Library/NTULibrary.php?ISBN=<%=sing.isbn %>" target="_blank"><s:text name="single.lend_books_library_taipei_university"></s:text></a></li>
  2256. <li class="libTooltip"><a id="tooltip" title="" onmouseover="">什麼是借閱查詢 <img style='width:15px;height:15px;vertical-align: text-top;' src='/new_ec/rwd/include/images/C_image/ic/ic_14@2x.png'/></a></li>
  2257. </ul>
  2258. <div id='lend_books_infos' style='display:none;'><s:text name="single.lend_books_infos"/></div>
  2259. </div>
  2260. <%
  2261. }
  2262. %>
  2263. <%if(!sing.haseUSed&&!sing.prodCatId.equals("21")&&!sing.prodCatId.equals("25")&&!sing.prodCatId.equals("14")){%>
  2264. <div style="float:left;" class="highlight">
  2265. <div>
  2266. <a class="" href="/usedList.html?oid=<%=sing.istProdId %>" style="text-decoration:none; ">二手書<br/>交易資訊</a>
  2267. </div>
  2268. </div>
  2269. <%}%>
  2270. </div>
  2271. <% if(sing.orgFlg.equals("A") && (sing.prodCatId.equals("11") || sing.prodCatId.equals("14") || sing.prodCatId.equals("24") || sing.prodCatId.equals("27")) && !sing.haseUSed) {
  2272. String lineStyle = "0";
  2273. if(versionList.size()==0) {
  2274. lineStyle = "1";
  2275. }
  2276. %>
  2277. <% } %>
  2278. <%}%>
  2279. <div style="clear:left;"></div>
  2280. </div>
  2281. <div style="clear:both;"></div>
  2282. </div><!-- <div class="media"> -->
  2283.  
  2284. </div>
  2285. <%-- 左邊區塊 --%>
  2286.  
  2287. <%-- 右邊區塊 --%>
  2288. <div class="col-sm-4 col-md-3">
  2289. <div id="cartArea" style='text-align: center;'>
  2290. <%--行銷活動 --%>
  2291. <%if(orgAndQtyFlg){ %>
  2292. <%if(sing.mcName!=null && sing.mcName.length()>0 && sing.mcUrl!=null){//行銷活動 %>
  2293. <div style="min-width:198px;">
  2294. <div>
  2295. <!--<div class="arrow"></div>-->
  2296. <!--<h3 class="popover-title">Popover top</h3>-->
  2297. <div style="text-align:center;background-color:#FFF0F5;width: 215px;margin: 0 auto;">
  2298. <%if(sing.mcUrl!=null){ %>
  2299. <p style='padding:5px 5px;'><span style="font-weight:bold"><a href="<%=sing.mcUrl %>" style="color:#e3007f;"><%=sing.mcName %></a></span></p>
  2300. <%}else{ %>
  2301. <p><%=sing.mcName %></p>
  2302. <%} %>
  2303. </div>
  2304. </div>
  2305. </div>
  2306. <%}%>
  2307. <%}%>
  2308. <%--行銷活動 --%>
  2309.  
  2310. <%--購物車按鈕組 --%>
  2311. <div class="panel-default" style="min-width:198px;border:none;margin-bottom: 20px;">
  2312. <div class="panel-body" style='padding:0px;'>
  2313. <%if(orgAndQtyFlg){ %>
  2314. <%if(sing.openFlg==-1 || sing.openFlg==1){ %>
  2315. <%if(sing.salePrice==0 && sing.orgFlg.equals("A") && (sing.prodCatId.equals("14")||sing.prodCatId.equals("25")||sing.prodCatId.equals("17"))){ //電子書欄位%>
  2316. <%-- 電子書欄位 --%>
  2317. <button type="button" class="btn btn-taaze-a btn-lg btn-block" style="padding-top:15px; padding-bottom:15px;">免費閱讀</button>
  2318. <%}else{ %>
  2319. <%buyNowHtml = "<button type='button' name='shoppingBuy' class='shoppingBuy'></button>"; %>
  2320. <%} %>
  2321. <button type="button" name="saveToCart" class="saveToCart"></button>
  2322. <%--直接購買 --%>
  2323. <%=buyNowHtml %>
  2324. <%--已購買提示 --%>
  2325. <%if(orderDate!=null&&orderDate.length()>0){ %>
  2326. <p style="padding:10px 5px 0 5px;">
  2327. <s:text name="shop.main"></s:text>：您已於<%=orderDate %><s:text name="shop.aready"></s:text>。
  2328. </p>
  2329. <%} %>
  2330. <%}else if(sing.openFlg==0){ %>
  2331. <%if(sing.outOfPrint.equals("Y")){ %>
  2332. <%
  2333. //二手書徵求
  2334. if(wantedSndFlg){
  2335. %>
  2336. <%if(IsWanted){//已徵求 %>
  2337. <button type="button" class="btn btn-taaze-a btn-lg btn-block" style="padding-top:15px; padding-bottom:15px;margin-bottom: 10px;" onclick='wantSnd(event)'>二手徵求</button>
  2338. <%}else{//未徵求 %>
  2339. <button type="button" class="btn btn-taaze-a btn-lg btn-block" style="padding-top:15px; padding-bottom:15px;margin-bottom: 10px;" onclick='wantSnd(event)'>二手徵求</button>
  2340. <%} %>
  2341. <%}%>
  2342. <%}else{ %>
  2343. <%if(sing.salePrice==0 && sing.orgFlg.equals("A") && (sing.prodCatId.equals("14")||sing.prodCatId.equals("25")||sing.prodCatId.equals("17"))){ //電子書欄位%>
  2344. <button type="button" class="btn btn-taaze-a btn-lg btn-block" style="padding-top:15px; padding-bottom:15px;">免費閱讀</button>
  2345. <%}else{ %>
  2346. <button type="button" name='shoppingNotic' class="shoppingNotic"></button>
  2347. <%} %>
  2348. <%} %>
  2349. <%} %>
  2350.  
  2351. <!-- 訂閱 -->
  2352. <% if(sing.prodCatId.equals("25")) { %>
  2353. <% if(mag_scribe.getInt("error_code")==100 && !subscribe) { %>
  2354. <!-- 訂閱按鈕 -->
  2355. <button type="button" name="magScribe" class="magScribe" data-toggle='modal' data-target ='#msg_sub_Modal'></button>
  2356. <%} %>
  2357. <%} %>
  2358.  
  2359. <!-- 放入暫存清單 -->
  2360. <button type="button" name="wishButton" rel="false" class="saveTolistWatch"></button>
  2361.  
  2362. <%}else{%>
  2363. <div type="button" name='saleout' class="saleout"></div>
  2364. <%} %>
  2365. </div>
  2366. </div>
  2367. <%--購物車按鈕組 --%>
  2368. </div><!-- cartArea -->
  2369.  
  2370. <%--贈品 --%>
  2371. <%
  2372.  
  2373. if(gifts != null && gifts.size()>0){
  2374. giftsCarousel.append("<div class='panel-default giftPanel'>");
  2375. giftsCarousel.append("<div style='width:100%;height:26px;background:#F0F0F0;vertical-align: middle;padding:4px 10px;'>");
  2376. giftsCarousel.append("<span>限量贈品</span>");
  2377. giftsCarousel.append("</div>");
  2378. giftsCarousel.append("<div class='panel-body giftPanelBody' >");
  2379. giftsCarousel.append("<div id='giftCarousel' class='carousel slide' data-ride='carousel' data-interval='false' style='padding:0px;font-size: 12px;'>");
  2380. //補充ol的部分，讓輪播下面有點顯示切換
  2381.  
  2382. giftsCarousel.append("<ol class='carousel-indicators'>");
  2383. for(int j=0; j<gifts.size();j++){
  2384. giftsCarousel.append("<li data-target='#giftCarousel' data-slide-to='"+ j +"'"+( (j==0)?"class='active'":"" ) +"></li>");
  2385. }
  2386. giftsCarousel.append("</ol>");
  2387. //補充完畢
  2388. giftsCarousel.append("<div class='carousel-inner' role='listbox'>");
  2389.  
  2390. %>
  2391. <%
  2392. StringBuilder giftsSb = new StringBuilder();
  2393. giftsSb.append("<div style='display:none'>");
  2394. boolean aflg = false;
  2395. for(int j=0; j<gifts.size();j++){
  2396. JSONObject gift_mas = JSONObject.fromObject(gifts.get(j));
  2397. JSONArray gift_item = JSONArray.fromObject(gift_mas.get("items"));
  2398. if(gift_item.size()>1){
  2399. aflg = true;
  2400. }
  2401. for(int i=0; i<gift_item.size(); i++){
  2402. //System.out.println(gift_item.get(i));
  2403. JSONArray it = JSONArray.fromObject(gift_item.get(i));
  2404. JSONObject gift_data = JSONObject.fromObject(it.get(0));
  2405. int qty = gift_data.getInt("qty");
  2406.  
  2407. giftsSb.append("<div style='display:none'><a class='gift_content' rel='"+gift_data.getString("prod_id")+"' href='#"+gift_data.getString("prod_id")+"'></a></div>");
  2408. giftsSb.append("<div id='"+gift_data.getString("prod_id")+"' style='width:100%;padding-bottom:10px;' remark='"+gift_mas.getString("remark")+"' repeat_flg='"+gift_mas.getString("repeat_flg")+"' type='"+gift_mas.getString("gift_type")+"'>");
  2409. //giftsSb.append("<div>");
  2410. giftsSb.append("<div style='float:left;margin-left:10px;max-width: 180px;'><img style='max-width:180px;' src='https://media.taaze.tw/showLargeImage.html?sc="+gift_data.getString("prod_id")+"&width=300' /></div>");
  2411. giftsSb.append("<div style='max-width:570px;float:left;padding: 5px 10px 12px 10px;line-height: 25px;font-size: 10pt;color: #666666;'>");
  2412. giftsSb.append("<div><span style='font-weight:bold;'>限量贈品</span></div>");
  2413. giftsSb.append("<div>"+gift_data.getString("prod_name")+"</div>");
  2414. //sb2.append(" <div>剩餘數量："+qty+"</div>");
  2415. if(!gift_data.getString("prod_id").substring(0,2).equals("14") && !gift_data.getString("prod_id").substring(0,2).equals("25")) {
  2416. if(qty == 0) {
  2417. giftsSb.append(" <div style='color:#e2008e'>已全數贈送完畢</div>");
  2418. } else {
  2419. if(qty > 5) {
  2420. giftsSb.append(" <div><span style=''>剩餘數量</span><span style='margin:0 3px; font-weight:normal;'>&gt;</span>5</div>");
  2421. } else {
  2422. giftsSb.append(" <div><span style=''>剩餘數量 =</span>"+qty+"</div>");
  2423. }
  2424. }
  2425. }
  2426. if(gift_mas.getString("remark").length() > 0) {
  2427. giftsSb.append("<div style='padding-top:10px;'><span style='font-weight:bold;'>活動辦法：</span></div>");
  2428. giftsSb.append("<div>"+gift_mas.getString("remark").replaceAll("\n","<br/>")+"</div>");
  2429. }
  2430. giftsSb.append("<div class='item_info' >");
  2431. if(gift_data.getString("material_desc").length() > 0) {
  2432. giftsSb.append("<div style='padding-top: 10px;'><span style='font-weight:bold;'>贈品說明：</span></div>");
  2433. giftsSb.append("<div><span>"+gift_data.getString("material_desc")+"</span></div>");
  2434. }
  2435. if(gift_mas.getString("repeat_flg").equals("A")) {
  2436. giftsSb.append("<div style='padding-top:10px;'><span style='font-weight:bold;'>注意事項：</span></div><div>單筆訂單不可累送。</div>");
  2437. } else {
  2438. giftsSb.append("<div style='padding-top:10px;'><span style='font-weight:bold;'>注意事項：</span></div><div>單筆訂單可累送。</div>");
  2439. }
  2440. if(gift_data.getString("sale_area").equals("A")) {
  2441. giftsSb.append("<div style='padding-top:10px;'><span style='font-weight:bold;'>寄送地區限制：</span></div><div>沒有限制</div>");
  2442. } else if(gift_data.getString("sale_area").equals("B")) {
  2443. giftsSb.append("<div style='padding-top:10px;'><span style='font-weight:bold;'>寄送地區限制：</span></div><div>限台灣本島加離島</div>");
  2444. } else {
  2445. giftsSb.append("<div style='padding-top:10px;'><span style='font-weight:bold;'>寄送地區限制：</span></div><div>限台灣本島</div>");
  2446. }
  2447. giftsSb.append("</div>");
  2448.  
  2449. giftsSb.append("</div>");
  2450. //giftsSb.append("</div>");
  2451. giftsSb.append("<div style='clear:both' ></div>");
  2452. giftsSb.append("</div>");
  2453.  
  2454. giftsCarousel.append("<div class='item " +( (j==0&&i==0)?"active":"" )+"' style='width:215px'>");
  2455. giftsCarousel.append("<div onclick='showGiftDetailByPk("+gift_data.getString("prod_id")+")' class='giftImg' style='background-image:url(\"https://media.taaze.tw/showLargeImage.html?sc=" + gift_data.getString("prod_id") + "&height=170&width=120\");' data-pid='" +gift_data.getString("prod_id") +"'></div>");
  2456. giftsCarousel.append("<div style='word-wrap:break-word; word-break:break-all;'>");
  2457. giftsCarousel.append("<ul style='list-style:none; margin:0; padding:10%;'>");
  2458. giftsCarousel.append("<li>"+EcPathSettingImp.LimitString(gift_data.getString("prod_name"),42,"...") +"</li>");
  2459.  
  2460. %>
  2461. <%
  2462. if(!gift_data.getString("prod_id").substring(0,2).equals("14") && !gift_data.getString("prod_id").substring(0,2).equals("25")) {
  2463. if(qty == 0) {
  2464. giftsCarousel.append("<li style='color:#e2008e;'>已全數贈送完畢</li>");
  2465. // out.print("<li style='color:#e2008e;'>已全數贈送完畢</li>");
  2466. } else {
  2467. if(qty > 5) {
  2468. giftsCarousel.append("<li style='color:#e2008e;'>贈品庫存&gt;5</li>");
  2469. // out.print("<li style='color:#e2008e;'>贈品庫存&gt;5</li>");
  2470. } else {
  2471. giftsCarousel.append("<li style='color:#e2008e;'>贈品庫存="+qty+"</li>");
  2472. // out.print("<li style='color:#e2008e;'>贈品庫存="+qty+"</li>");
  2473. }
  2474. }
  2475. }
  2476. %>
  2477.  
  2478. <%
  2479. giftsCarousel.append("<li style='cursor:pointer;' onclick='showGiftDetailByPk("+gift_data.getString("prod_id")+")'><a>見活動詳情</a></li>");
  2480. giftsCarousel.append("</ul>");
  2481. giftsCarousel.append("</div>");
  2482. giftsCarousel.append("</div>");
  2483. }
  2484. }
  2485.  
  2486. giftsSb.append("</div>");
  2487. out.print(giftsSb.toString());
  2488.  
  2489. giftsCarousel.append("</div>");
  2490. if(aflg){
  2491. giftsCarousel.append("<div style='position:absolute;z-index:5;top:40%;left:-10px;'>");
  2492. giftsCarousel.append("<a href='#giftCarousel' role='button' data-slide='prev'>");
  2493. giftsCarousel.append("<img class='arrowForLeftImg_s' />");
  2494. giftsCarousel.append("<span class='sr-only'>Previous</span>");
  2495. giftsCarousel.append("</a>");
  2496. giftsCarousel.append("</div>");
  2497. giftsCarousel.append("<div style='position:absolute;z-index:5;top:40%;right:-10px;'>");
  2498. giftsCarousel.append("<a href='#giftCarousel' role='button' data-slide='next'>");
  2499. giftsCarousel.append("<img class='arrowForRightImg_s' />");
  2500. giftsCarousel.append("<span class='sr-only'>Next</span>");
  2501. giftsCarousel.append("</a>");
  2502. giftsCarousel.append("</div>");
  2503. }
  2504.  
  2505. giftsCarousel.append("</div>");
  2506. giftsCarousel.append("</div>");
  2507. giftsCarousel.append("</div>");
  2508. %>
  2509.  
  2510. <%
  2511. out.print(giftsCarousel.toString());
  2512. }
  2513. %>
  2514. <%--贈品 --%>
  2515.  
  2516. <%-- 我想讀 --%>
  2517. <%if(sing.prodCatId.equals("11") || sing.prodCatId.equals("14")) { %>
  2518. <div id='iWantRead' style='width:215px;margin:0 auto 3px auto;'>
  2519. <div class='dropdown'>
  2520. <ul class='dropdown-menu hidden_menu' style='width:100%;margin-top:-1px;'>
  2521. <li class='want_read_action' rel='W'><a>我想讀</a></li>
  2522. <li class='reading_action' rel='A'><a>正在讀</a></li>
  2523. <li class='readed_action' rel='D'><a>已讀完</a></li>
  2524. <li style='border-bottom:1px solid #C2C2C2;'></li>
  2525. <li onclick='changeCheckDiv(this)' class='collect_action' style='<%=collectArray[0]==0?"":"display:none"%>'>
  2526. <div title="勾選這個欄位將書本收藏到書櫃中" class='checkDiv'>
  2527. <div class='checkY <%=collectArray[0]==0?"active":"" %>' rel='Y'>
  2528. <span class='glyphicon glyphicon-ok'></span>
  2529. </div>
  2530. </div>
  2531. <span style='clear:both;letter-spacing:0.5px; line-height:19px;'>同步收藏</span>
  2532. </li>
  2533. <li onclick='changeCheckDiv(this)' class='fb_check'>
  2534. <div title="勾選這個欄位將你發表的評論同步到facebook上" rel="uncheck" class="fb_shared checkDiv">
  2535. <div class='checkY' rel='N'>
  2536. <span class='glyphicon glyphicon-ok'></span>
  2537. </div>
  2538. </div>
  2539. <span style='clear:both;letter-spacing:0.5px; line-height:19px;'>分享至臉書</span>
  2540. </li>
  2541. </ul>
  2542. <div style='float:left;text-align:center;display:inline-block;width:165px;height:45px;border: 1px solid #E3007F;border-radius: 100px 0 0 100px;'>
  2543. <div style='vertical-align:middle;height:100%;display:inline-block;'></div>
  2544. <div class='read_state action_frame' rel='0' style='color:#E3007F;letter-spacing:2px; line-height:24px;font-size:18px;display:inline-block;vertical-align:middle;'>我想讀</div>
  2545. </div>
  2546. <div data-toggle="dropdown" class="dropdown-toggle" style='padding-top:10px;text-align:center;float:left;width:50px;height:45px;border: 1px solid #E3007F;border-radius: 0 100px 100px 0;'>
  2547. <img style='width:20px;height:10px;' src='/new_ec/rwd/include/images/C_image/ic/ic_5@2x.png' />
  2548. </div>
  2549. <div style='clear:both;'></div>
  2550. </div>
  2551. <%-- 收藏這本書的人 --%>
  2552. <%
  2553.  
  2554. if(recommendZekea!=null && recommendZekea.getString("error_code").equals("100") && recommendZekea.getInt("total_size") > 0){
  2555. StringBuffer sb = new StringBuffer();
  2556. sb.append("<div class='panel-default' style='width:215px;border:none;margin-bottom:0px;'>");
  2557. sb.append("<div class='panel-body' style='width:100%'>");
  2558. sb.append("<div class='collectCount'><span style='color:#e3007f;font-weight:bold;'>"+collectArray[2]+"</span><font style='color:#e3007f;font-weight:bold;'>人</font>收藏這本書</div>");
  2559.  
  2560. sb.append("<div id='recommendZekeaCarousel' class='carousel slide' data-ride='carousel' data-interval='false' style='padding:0px;'>");
  2561. sb.append("<div class='carousel-inner' style='padding-left:5px;' role='listbox'>");
  2562. int pageSize = 5;
  2563. JSONArray recommendList = recommendZekea.getJSONArray("custs");
  2564. for(int i = 0; i <recommendList.size(); i++){
  2565. JSONObject cust = recommendList.getJSONObject(i);
  2566. if(i == 0 ){
  2567. sb.append("<div class='item active'>");
  2568. }else if((i%pageSize) == 0){
  2569. sb.append("<div class='item'>");
  2570. }
  2571.  
  2572. sb.append("<div style='margin-left:5px;display:inline-block;width:25px;height:25px;'><a title='"+cust.getString("nick_name")+"' href='/container_zekeaclt_view.html?ci=" + cust.getString("cuid") + "' target='_blank' >");
  2573. sb.append("<img style='border-radius:50%;' src='https://media.taaze.tw/showMemImage.html?no=" + cust.getString("cuid") + "&width=50&height=50' width='25' height='25' border='0' />");
  2574. sb.append("</a></div>");
  2575.  
  2576. if(i==(recommendList.size()-1) || (i%pageSize) == (pageSize-1)){
  2577. sb.append("<div style='clear:both;'></div>");
  2578. sb.append("</div>");
  2579. }
  2580. }
  2581. sb.append("</div>");
  2582. if(recommendList.size()>pageSize){
  2583. sb.append("<div style='position:absolute;z-index:5;top:25%;left:-10px;'>");
  2584. sb.append("<a href='#recommendZekeaCarousel' role='button' data-slide='prev'>");
  2585. sb.append("<img class='arrowForLeftImg_s' />");
  2586. sb.append("<span class='sr-only'>Previous</span>");
  2587. sb.append("</a>");
  2588. sb.append("</div>");
  2589.  
  2590. sb.append("<div style='position:absolute;z-index:5;top:25%;right:-10px;'>");
  2591. sb.append("<a href='#recommendZekeaCarousel' role='button' data-slide='next'>");
  2592. sb.append("<img class='arrowForRightImg_s' />");
  2593. sb.append("<span class='sr-only'>Next</span>");
  2594. sb.append("</a>");
  2595. sb.append("</div>");
  2596. }
  2597.  
  2598. sb.append("</div>");
  2599. sb.append("</div>");
  2600. sb.append("</div>");
  2601.  
  2602. out.print(sb.toString());
  2603. }
  2604.  
  2605. %>
  2606. <%-- 收藏這本書的人 End--%>
  2607. <%-- 收藏這本書的朋友--%>
  2608. <div class='friend_bookAction' style='display:none;'>
  2609.  
  2610. <div class='panel panel-default' style='width:195px;border:none;margin-bottom:0px;'>
  2611. <div class='panel-body' style='width:100%'>
  2612. <div class='friendCount2'></div>
  2613. <div id='friendShow2' class='friendShow2 carousel slide' data-ride='carousel' data-interval='false' style='padding:0px;'></div>
  2614. </div>
  2615. </div>
  2616. </div>
  2617. <%-- 收藏這本書的朋友 End--%>
  2618. </div>
  2619. <%} %>
  2620. <%-- 我想讀 --%>
  2621.  
  2622. <%-- 其他功能 --%>
  2623. <div class='other'>
  2624. <%
  2625. String nextPositionTop = "";
  2626. if(sndSale && (sing.prodCatId.equals("11")|| sing.prodCatId.equals("24") || sing.prodCatId.equals("27") || sing.prodCatId.equals("12") || sing.prodCatId.equals("13"))){ //sele form
  2627. nextPositionTop="45px";
  2628. %>
  2629. <div id='sndSale' class='dropdown' style='display:inline-block;'>
  2630. <img class='bay' />
  2631. <%
  2632. if(cc!=null && cc.getMobileVerifyFlg().equals("Y")){
  2633. %>
  2634. <a style='cursor:pointer;' type="button" data-toggle='modal' data-target ='#sendToSellModal'>我要賣</a>
  2635. <%
  2636. }else if(cc!=null && cc.getCustId().equals("tch1050818@gmail.com")){
  2637. out.print("<a style='cursor:pointer;' type='button' data-toggle='modal' data-target ='#sendToSellModal'>我要賣</a>");
  2638. }else{
  2639. %>
  2640. <a data-toggle="dropdown" class="dropdown-toggle" style='cursor:pointer;' <%=cc==null?"onclick='loginFirst()'":"" %>>我要賣</a>
  2641. <ul class="dropdown-menu" style='width:130px;margin-top:-1px;'>
  2642. <li><a href='/sell_used_books.html'><s:text name="single.understand_more" /></a></li>
  2643. </ul>
  2644. <div style='display:none;' id='whatISale_info'>
  2645. <s:text name="single.i_sell_icon_info.msg"/>
  2646. </div>
  2647. <%
  2648. }
  2649. %>
  2650. </div>
  2651. <%
  2652. }
  2653. %>
  2654. <div id='salebonus' class='dropdown' style='display:inline-block;'>
  2655. <img class='money' />
  2656. <a data-toggle="dropdown" class="dropdown-toggle" href="#">行銷分紅</a>
  2657. <%
  2658. if(cc!=null && cc.getMobileVerifyFlg().equals("Y") && cc.getPrFlg()!=null && cc.getPrFlg().equals("Y")){ //通過行銷分紅驗證
  2659. %>
  2660. <ul class="dropdown-menu dropdown-menu-right" style='width:330px;margin-top:-1px;'>
  2661. <li><a href='/member_serviceCenter.html?qa_type=l'><s:text name="single.understand_more" /></a></li>
  2662. <li><a href='/mobileValidate.html?typeFlg=IA'><s:text name="single.immediately_open_access" /></a></li>
  2663. <li class='whatAp'><a href='#'><s:text name="single.what's_ap" /><img style="margin-left:3px;width:15px;height:15px;vertical-align: text-top;" src="/new_ec/rwd/include/images/C_image/ic/ic_14@2x.png" /></a></li>
  2664. <li>
  2665. <div style="padding-top: 6px;">
  2666. <a class="linkStyle02" style="margin-left: 12px;" href="javascript:void(0);" onClick="selectApUrl()">點此全選下列網址</a><span style="padding-left: 5px;">再按右鍵複製</span>
  2667. <input type="text" id="apUrl" name="apUrl" size="37" value="<%=sing.getWebUrl(request) %>/apredir.html?<%=ApUtil.encryptForCuid(new Long(cc.getCuid())) %>/<%=sing.getWebUrl(request) %>/goods/<%=sing.prodId %>.html?a=b" readonly="readonly" style="margin-left: 12px;">
  2668. </div>
  2669. </li>
  2670. <li>
  2671. <div style="padding-top: 6px;">
  2672. <a class="linkStyle02" style="margin-left: 12px;" href="javascript:void(0);" onClick="selectApCode()">點此全選下列Html碼</a><span style="padding-left: 5px;">再按右鍵複製</span>
  2673. <textarea id="apCode" name="apCode" rows="5" cols="40" style="margin-left: 12px;"><a href="<%=sing.getWebUrl(request) %>/apredir.html?<%=ApUtil.encryptForCuid(new Long(cc.getCuid())) %>/<%=sing.getWebUrl(request) %>/goods/<%=sing.prodId %>.html?a=b" target="_blank"><%=sing.titleMain %></a></textarea>
  2674. </div>
  2675. </li>
  2676. </ul>
  2677. <div style='display:none;' id='whatAp_info'>
  2678. <s:text name="single.show_ap_info.msg"/>
  2679. </div>
  2680. <%}else{%>
  2681. <ul class="dropdown-menu dropdown-menu-right" style='width:130px;margin-top:-1px;'>
  2682. <li><a href='/member_serviceCenter.html?qa_type=l'><s:text name="single.understand_more" /></a></li>
  2683. <li><a href='/mobileValidate.html?typeFlg=IA'><s:text name="single.immediately_open_access" /></a></li>
  2684. <li class='whatAp'><a href='#'><s:text name="single.what's_ap" /><img style="margin-left:3px;width:15px;height:15px;vertical-align: text-top;" src="/new_ec/rwd/include/images/C_image/ic/ic_14@2x.png" /></a></li>
  2685. </ul>
  2686. <div style='display:none;' id='whatAp_info'>
  2687. <s:text name="single.show_ap_info.msg"/>
  2688. </div>
  2689. <%} %>
  2690. </div>
  2691. </div>
  2692. <%-- 其他功能 --%> </div>
  2693. <%-- 右邊區塊 --%>
  2694. </div>
  2695. <%-- 商品頁內容 --%>
  2696.  
  2697. <div class="row" id="bottomArea">
  2698. <div class="col-xs-12">
  2699. <%--最多人搭配購買--%>
  2700. <%
  2701. if(buy_together.getString("error_code").equals("100")) {
  2702. String end_date = buy_together.getString("endDate");
  2703. String[] strs = end_date.split("-");
  2704. String date_str = strs[0]+"年"+strs[1]+"月"+strs[2]+"日";
  2705. JSONArray items = JSONArray.fromObject(buy_together.get("togetherbuy"));
  2706. int total_price = 0;
  2707. %>
  2708. <div class="panel panel-default" style="margin-top:0px;border:none;">
  2709. <div class="">
  2710. <div class="singleGoodAreaTitle">
  2711. <div class="panelHeader" style="float:left;"><span>最多人搭配購買</span></div>
  2712. <div style="clear:both"></div>
  2713. </div>
  2714. <div style="margin-left:25px;height:280px">
  2715. <%
  2716. try {
  2717. for(int i=0; i < items.size(); i++) {
  2718. JSONObject item = items.getJSONObject(i);
  2719. total_price += item.getInt("listPrice");
  2720. if(i>0){//顯示加號
  2721. %>
  2722. <div style='float:left;height:280px; display:inline-block; line-height:280px;'>
  2723. <img src='/new_ec/rwd/include/images/C_image/ic/ic_7@2x.png' style='width:30px;height:30px;' />
  2724. </div>
  2725. <%
  2726. }
  2727. %>
  2728. <div class="buyTogetherItem btItems" rel="<%=item.getString("prodId") %>" rank="<%=item.getString("prodRank")%>">
  2729. <div class="" style="margin-bottom:5px;">
  2730. <a href="/goods/<%=item.getString("prodId") %>.html">
  2731. <img data-src="holder.js/100%x195" alt="" src="https://media.taaze.tw/showThumbnail.html?sc=<%=item.getString("prodId") %>&height=180&width=143" data-holder-rendered="true" class="bookImage">
  2732. </a>
  2733. </div>
  2734. <div class='bookCaption'>
  2735. <div class='prod_TitleMain' style='margin-bottom:17px'>
  2736. <a href="/goods/<%=item.getString("prodId") %>.html"><%=item.getString("titleMain") %></a>
  2737. </div>
  2738. <div>
  2739. <span style='color:#454545'>定價：</span><span style='color:#e3007f'><%=item.getInt("listPrice") %></span><span style='padding-left:2px;'>元</span>
  2740. </div>
  2741. </div>
  2742. </div>
  2743. <%
  2744. }
  2745. }catch(Exception e){
  2746. sing.logger.error(e.getMessage());
  2747. }
  2748. %>
  2749. <div style='float:left;height:280px; display:inline-block; line-height:280px;margin:0 10px;'>
  2750. <img src='/new_ec/rwd/include/images/C_image/ic/ic_6@2x.png' style='width:36px;height:60px;' />
  2751. </div>
  2752. <div style='float:left;width: 209px;'>
  2753. <div style='width: 160px;'>
  2754. <ul style="margin: 0;padding: 0;list-style: none;color: #4A4A4A;letter-spacing: 0.5px;line-height: 22px;">
  2755. <li style="margin: 0 0 6px 0;color:#666666; font-size:10pt; ">
  2756. <span>原價：<span>NT$<span style='margin-left: 2px;'><%=total_price %></span></span></span>
  2757. </li>
  2758. <li style="margin: 0 0 6px 0;color:#666666; font-size:10pt; ">
  2759. <% if( buy_together.getString("shareType").equals("P") ) { %>
  2760. <span>組合價：<span style='padding-left:1px;'><%=items.size() %>件</span><span>NT$</span><span style='padding-left:2px; color:#e2008e;'><%=buy_together.getInt("saleTotal") %></span>
  2761. </span>
  2762. <% } else if ( buy_together.getString("shareType").equals("D") ) { %>
  2763. <% if( buy_together.getInt("disc") != 100 && buy_together.getInt("disc") != 0) { %>
  2764. <span>組合價：<span style='color:#e2008e;font-weight: bold;'><%=sing.discString(String.valueOf((int)buy_together.getInt("disc")))%></span><span style='padding-left:1px;'>折</span><span style='padding-left: 3px;'>NT$<span style='padding-left:2px; color:#e2008e;font-weight: bold;'><%=buy_together.getInt("saleTotal") %></span></span></span>
  2765. <% } else { %>
  2766. <span>組合價：<span>NT$<span style='padding-left:2px; color:#e2008e;font-weight: bold;'><%=buy_together.getInt("saleTotal") %></span></span></span>
  2767. <% } %>
  2768. <% } %>
  2769. </li>
  2770. <!-- <li style="margin: 0 0 6px 0;color:#666666; font-size:10pt; "> -->
  2771. <%-- <span>現金回饋：<span style='color:#e2008e;'>1</span><span style='padding-left:2px;'>%</span></span> --%>
  2772. <!-- </li> -->
  2773. </ul>
  2774. </div>
  2775. <div style='color:#e3007f; padding:0px; word-wrap: break-word; word-break: break-all;'>
  2776. <span style='font-weight:normal;'>優惠截止日：至</span><span style='font-weight:normal;'><%=date_str %></span>
  2777. <% if(buy_together.containsKey("url") && buy_together.getString("url")!= null && buy_together.getString("url").length() > 0) { %>
  2778. <span><a href="<%=buy_together.getString("url") %>" class='linkStyle12' >更多選擇</a></span>
  2779. <% } %>
  2780. </div>
  2781. <div id='buy_together' style='width: 160px;cursor: pointer; padding: 10px 0px;'>
  2782. <div class='divButton03' style="background: url('/new_ec/rwd/include/images/C_image/btn/btn_single_car_normal@2x.png') no-repeat;background-position: center center;background-size: contain;"></div>
  2783. </div>
  2784. </div>
  2785.  
  2786. <div style='clear:both'></div>
  2787. </div>
  2788. </div>
  2789. </div>
  2790. <% } %>
  2791. <%--最多人搭配購買--%>
  2792.  
  2793. <%//編輯推薦 %>
  2794. <% if(sing.singProdXsxRcmModel!=null && sing.singProdXsxRcmModel.getContent()!=null){ %>
  2795.  
  2796.  
  2797. <div class="panel-default" style="margin-top:0px;margin-bottom:20px;border:none;">
  2798. <div class="" style="">
  2799. <div class="singleGoodAreaTitle">
  2800. <div class="panelHeader" style="float:left;"><span>編輯推薦</span></div>
  2801. <div style="clear:both"></div>
  2802. </div>
  2803. <div style="width:100%;">
  2804. <%=sing.singProdXsxRcmModel.getContent().replace("\r\n","<br />")%>
  2805. </div>
  2806. </div>
  2807. </div>
  2808. <% } %>
  2809. <%//編輯推薦 END%>
  2810. <%--alsobuy--%>
  2811. <%
  2812. if(also_buy.getString("error_code").equals("100")) {
  2813. String also_buy_title = "";
  2814. JSONArray items = also_buy.getJSONArray("data");
  2815. StringBuilder sb = new StringBuilder();
  2816. if(sing.prodCatId.equals("11") || sing.prodCatId.equals("14")) {
  2817. also_buy_title = "這本書";
  2818. }else if(sing.prodCatId.equals("21") || sing.prodCatId.equals("23") || sing.prodCatId.equals("24") || sing.prodCatId.equals("25") || sing.prodCatId.equals("27")) {
  2819. also_buy_title = "這本雜誌";
  2820. }else {
  2821. also_buy_title = "這件商品";
  2822. }
  2823. %>
  2824. <div class="panel-default" style="margin-top:0px;;margin-bottom:20px;border-top:none;border-left:none;border-right:none">
  2825. <div class="" style='position:relative;'>
  2826. <div class="row">
  2827. <div id="alsobuyCarousel" class="carousel slide" data-ride="carousel" data-interval="false"><!-- 1 -->
  2828. <div class="singleGoodAreaTitle carouselTitle ">
  2829. <div class="panelHeader" style="float:left;"><span>買了<%=also_buy_title %>的人也買了</span></div>
  2830. <div class='carousel-indicators_div'>
  2831. <ol class="carousel-indicators-top">
  2832. <%
  2833. int alsobuyCount = 0;
  2834. int alsobuyPageSize = 5;
  2835. int alsobuyMaxPage = 100;
  2836. alsobuyCount = items.size() % alsobuyPageSize == 0 ? items.size() / alsobuyPageSize : (items.size() / alsobuyPageSize) + 1;
  2837. if(alsobuyCount > alsobuyMaxPage) alsobuyCount = alsobuyMaxPage;
  2838. for(int i=0; i<alsobuyCount; i++){
  2839. %>
  2840. <li data-target="#alsobuyCarousel" data-slide-to="<%=i %>" <%=i==0?"class=\"active\"":"" %>></li>
  2841. <%
  2842. }
  2843.  
  2844. %>
  2845. </ol>
  2846. </div>
  2847. <div style="clear:both"></div>
  2848. </div>
  2849.  
  2850. <div class="carousel-inner" role="listbox"><!-- 2 -->
  2851. <%
  2852. for(int i=0; i<alsobuyCount; i++){
  2853. %>
  2854. <div class="item <%=i==0?"active":"" %>"><!-- item block -->
  2855. <%
  2856. for(int j=(i*alsobuyPageSize); j<((i*alsobuyPageSize)+alsobuyPageSize); j++){
  2857. %>
  2858. <div class="talkelookGrid2">
  2859. <div class="" style="margin-bottom:5px;">
  2860. <a href="/goods/<%=items.getJSONObject(j).getString("ORGPRODID")%>.html" onclick="historyStat(this, event, 1)">
  2861. <img data-src="holder.js/100%x195" alt="" src="https://media.taaze.tw/showThumbnail.html?sc=<%=items.getJSONObject(j).getString("ORGPRODID") %>&height=195&width=138" data-holder-rendered="true" class="bookImage">
  2862. </a>
  2863. </div>
  2864. <div class='bookCaption'>
  2865. <div class='prod_TitleMain'>
  2866. <a href="/goods/<%=items.getJSONObject(j).getString("ORGPRODID")%>.html" onclick="historyStat(this, event, 1)"><%=EcPathSettingImp.LimitString(items.getJSONObject(j).getString("TITLEMAIN"),36,"...") %></a>
  2867. </div>
  2868. <div>
  2869. <span style='color:#454545'>定價：</span><span><%=items.getJSONObject(j).getString("LISTPRICE")%></span><span style='padding-left:2px;'>元</span>
  2870. </div>
  2871. <div style='position:absolute;bottom:0px;'>
  2872. <%
  2873. if(items.getJSONObject(j).getInt("sndCount") != 0) {
  2874. if(items.getJSONObject(j).getInt("sndCount") > 1) {
  2875. %>
  2876. <div><a href="/usedList.html?oid=<%=items.getJSONObject(j).getString("ORGPRODID")%>" onclick="historyStat(this, event, 1)">二手書：<span style='color:#e2007e'><%=items.getJSONObject(j).getInt("sndMinSalePrice")%></span><span style='color:#666666;'> 元起</span></a></div>
  2877. <%
  2878. }else{
  2879. %>
  2880. <div><a href="/goods/<%=items.getJSONObject(j).getString("sndMinProdId")%>.html" onclick="historyStat(this, event, 1)">二手書：<span style='color:#e2007e'><%=items.getJSONObject(j).getInt("sndMinSalePrice")%></span><span style='color:#666666;'> 元</span></a></div>
  2881. <%
  2882. }
  2883. }
  2884. %>
  2885. <%
  2886. if(items.getJSONObject(j).getInt("SALEDISC") != 100 && items.getJSONObject(j).getInt("SALEDISC") != 0) {
  2887. %>
  2888. <span style='color:#454545'>優惠價：</span><span style='color:#e2008e;'><%= sing.discString(items.getJSONObject(j).getString("SALEDISC"))%></span><span> 折</span>
  2889. <span style='color:#e2008e;'><%=Math.round(items.getJSONObject(j).getInt("SALEPRICE"))%></span><span> 元</span>
  2890. <%
  2891. }else{
  2892. %>
  2893. <span style='color:#454545'>優惠價：</span><span style='color:#e2008e;'><%=items.getJSONObject(j).getString("SALEPRICE")%></span><span>元</span>
  2894. <%
  2895. }
  2896. %>
  2897. </div>
  2898.  
  2899. </div>
  2900. </div>
  2901. <%
  2902. if(j>=(items.size()-1)) break;
  2903. }
  2904. %>
  2905. <div style="clear:both;"></div>
  2906. </div><!-- item block -->
  2907. <%
  2908. }
  2909. %>
  2910. </div><!-- 2 -->
  2911. <!-- Controls -->
  2912. <a class="arrowForLeft2" href="#alsobuyCarousel" role="button" data-slide="prev">
  2913. <span></span>
  2914. <span class="sr-only">Previous</span>
  2915. </a>
  2916. <a class="arrowForRight2" href="#alsobuyCarousel" role="button" data-slide="next">
  2917. <span></span>
  2918. <span class="sr-only">Next</span>
  2919. </a>
  2920. </div><!-- 1 -->
  2921. </div>
  2922. </div>
  2923. </div>
  2924. <%
  2925. }
  2926. %>
  2927. <%--alsobuy--%>
  2928. <%--學思行推薦與延伸閱讀 --%>
  2929. <%
  2930. if(sing.stkRecommendationModel.getSeriesList()!=null && sing.stkRecommendationModel.getSeriesList().size()>0){
  2931. for(int x=0; x<sing.stkRecommendationModel.getSeriesList().size(); x++){
  2932. StkSeriesModel model = sing.stkRecommendationModel.getSeriesList().get(x);
  2933. %>
  2934. <div class="panel-default" style="margin-top:0px;;margin-bottom:20px;border-top:none;border-left:none;border-right:none">
  2935. <div class="" style='position:relative;'>
  2936. <div class="row">
  2937. <div id="stkRecommendCarousel<%=x %>" class="carousel slide" data-ride="carousel" data-interval="false"><!-- 1 -->
  2938. <div class="singleGoodAreaTitle carouselTitle ">
  2939. <div class="panelHeader" style="float:left;"><span><%=model.getName() %></span></div>
  2940. <div class='carousel-indicators_div'>
  2941. <ol class="carousel-indicators-top">
  2942. <%
  2943. int itemsCount = 0;
  2944. int PageSize = 5;
  2945. int MaxPage = 100;
  2946. itemsCount = model.getStkDetailList().size() % PageSize == 0 ? model.getStkDetailList().size() / PageSize : (model.getStkDetailList().size() / PageSize) + 1;
  2947. if(itemsCount > MaxPage) itemsCount = MaxPage;
  2948. for(int i=0; i<itemsCount; i++){
  2949. %>
  2950. <li data-target="stkRecommendCarousel<%=x %>" data-slide-to="<%=i %>" <%=i==0?"class=\"active\"":"" %>></li>
  2951. <%
  2952. }
  2953. %>
  2954. </ol>
  2955. </div>
  2956. <div style="clear:both"></div>
  2957. </div>
  2958. <div class="carousel-inner" role="listbox"><!-- 2 -->
  2959. <%
  2960. for(int i=0; i<itemsCount; i++){
  2961. %>
  2962. <div class="item <%=i==0?"active":"" %>"><!-- item block -->
  2963. <%
  2964. for(int j=(i*PageSize); j<((i*PageSize)+PageSize); j++){
  2965. Product p = model.getStkDetailList().get(j);
  2966. %>
  2967. <div class="talkelookGrid2">
  2968. <div class="" style="margin-bottom:5px;">
  2969. <a href="/goods/<%=p.getProdId()%>.html" onclick="historyStat(this, event, 1)">
  2970. <img data-src="holder.js/100%x195" alt="" src="https://media.taaze.tw/showThumbnail.html?sc=<%=p.getOrgProdId() %>&height=195&width=138" data-holder-rendered="true" class="bookImage">
  2971. </a>
  2972. </div>
  2973. <div class='bookCaption'>
  2974. <div class='prod_TitleMain'>
  2975. <a href="/goods/<%=p.getProdId()%>.html" onclick="historyStat(this, event, 1)"><%=p.getTitleMain() %></a>
  2976. </div>
  2977. <div>
  2978. <span style='color:#454545'>定價：</span><span><%=p.getListPrice()%></span><span style='padding-left:2px;'>元</span>
  2979. </div>
  2980. <div style='position:absolute;bottom:0px;'>
  2981. <%
  2982. if(p.getSaleDisc().intValue() != 100 && p.getSaleDisc().intValue() != 0) {
  2983. %>
  2984. <span style='color:#454545'>優惠價：</span><span style='color:#e2008e;'><%= sing.discString(p.getSaleDisc().toString())%></span><span> 折</span>
  2985. <span style='color:#e2008e;'><%=p.getSalePrice()%></span><span> 元</span>
  2986. <%
  2987. }else{
  2988. %>
  2989. <span style='color:#454545'>優惠價：</span><span style='color:#e2008e;'><%=p.getSalePrice()%></span><span>元</span>
  2990. <%
  2991. }
  2992. %>
  2993. </div>
  2994.  
  2995. </div>
  2996. </div>
  2997. <%
  2998. if(j>=(model.getStkDetailList().size()-1)) break;
  2999. }
  3000. %>
  3001. <div style="clear:both;"></div>
  3002. </div><!-- item block -->
  3003. <%
  3004. }
  3005. %>
  3006. </div><!-- 2 -->
  3007. <!-- Controls -->
  3008. <a class="arrowForLeft2" href="#stkRecommendCarousel<%=x %>" role="button" data-slide="prev">
  3009. <span></span>
  3010. <span class="sr-only">Previous</span>
  3011. </a>
  3012. <a class="arrowForRight2" href="#stkRecommendCarousel<%=x %>" role="button" data-slide="next">
  3013. <span></span>
  3014. <span class="sr-only">Next</span>
  3015. </a>
  3016. </div><!-- 1 -->
  3017. </div>
  3018. </div>
  3019. </div>
  3020. <%
  3021. }
  3022. }
  3023. %>
  3024. <%--學思行推薦與延伸閱讀 END--%>
  3025. <%--商品資料--%>
  3026. <div class="panel-default" style="margin-top:0px;border:none;;margin-bottom:40px;">
  3027. <div class="">
  3028. <div class="singleGoodAreaTitle">
  3029. <div class="panelHeader" style="float:left;"><span>商品資料</span></div>
  3030. <div style="clear:both"></div>
  3031. </div>
  3032. <%=prodDataSb.toString() %>
  3033.  
  3034. <%if(listCat4xsx!=null && listCat4xsx.size()>0){ %>
  3035. <div style="margin:2px 0;" id="editCat">
  3036. <div style="float: left;"><span class='prodInfo_boldSpan'>我的分類建議：</span></div>
  3037. <div style="float: left;">
  3038. <% for(int i=0; i<listCat4xsx.size(); i++){ %>
  3039. <div class="editCatList" style="font-weight: normal; padding: 0 0 5px 0;">
  3040. <span style="color: #666666; font-weight: normal;">
  3041. <a class='linkStyle02' href='/rwd_list.html?t=<%=listCat4xsx.get(i).getProdCatId() %>&k=01&d=00'><%=sing.getProdCatNm(listCat4xsx.get(i).getProdCatId()) %></a>
  3042. <%if(listCat4xsx.get(i).getCatId()!=null && listCat4xsx.get(i).getCatId().length()>0){ %>
  3043. <span class='span01'>&gt;</span>
  3044. <span class='span02'>
  3045. <%if(listCat4xsx.get(i).getProdCatId().equals("11")){ %>
  3046. <a class='linkStyle02' href='/rwd_list.html?t=<%=listCat4xsx.get(i).getProdCatId() %>&k=01&d=00&a=00&c=<%=listCat4xsx.get(i).getCatId() %>&l=1'><%=listCat4xsx.get(i).getCatNm() %></a>
  3047. <%}else{ %>
  3048. <a class='linkStyle02' href='/rwd_listView.html?t=<%=listCat4xsx.get(i).getProdCatId() %>&k=01&d=00&a=00&c=<%=listCat4xsx.get(i).getCatId() %>&l=1'><%=listCat4xsx.get(i).getCatNm() %></a>
  3049. <%} %>
  3050. </span>
  3051. <% } %>
  3052. <%if(listCat4xsx.get(i).getCatId1()!=null && listCat4xsx.get(i).getCatId1().length()>0){%>
  3053. <span class='span01'>&gt;</span>
  3054. <span class='span02'>
  3055. <a class='linkStyle02' href='/rwd_listView.html?t=<%=listCat4xsx.get(i).getProdCatId() %>&k=01&d=00&a=00&c=<%=listCat4xsx.get(i).getCatId1() %>&l=2'><%=listCat4xsx.get(i).getCatNm1() %></a>
  3056. </span>
  3057. <% } %>
  3058. </span>
  3059. <span>
  3060. <a href="javascript:return false;" onClick="delMyCat(this,'<%=sing.orgProdId %>', '<%=listCat4xsx.get(i).getProdCatId() %>','<%=listCat4xsx.get(i).getCatId1()!=null?listCat4xsx.get(i).getCatId1():listCat4xsx.get(i).getCatId() %>')">
  3061. <img src="new_ec/single/include/images/1380280085_trash.png" width="10" height="10" alt="" border="0" />
  3062. </a>
  3063. </span>
  3064. </div>
  3065. <%} %>
  3066. <div id="insertCat" style="font-weight: normal;">
  3067. <span style="color: #666666; font-weight: normal;">您的建議正在處理中...</span>
  3068. </div>
  3069. </div>
  3070. <br style="clear: both;" />
  3071. </div>
  3072. <%}else{ %>
  3073. <div style="display:none; margin:2px 0;" id="editCat">
  3074. <div style="float: left;"><span class='prodInfo_boldSpan'>我的分類建議：</span></div>
  3075. <div style="float: left;">
  3076. <div id="insertCat" style="font-weight: normal;"><span style="color: #666666; font-weight: normal;">您的建議正在處理中...</span></div>
  3077. </div>
  3078. <br style="clear: both;" />
  3079. </div>
  3080. <% } %>
  3081.  
  3082. <% if(listNCat4xsx!=null && listNCat4xsx.size() > 0 ) { %>
  3083. <div style="margin:2px 0;">
  3084. <div style='float:left' class='prodInfo_boldSpan'>延伸類別：</div>
  3085. <div style='float:left;width:706px;'>
  3086. <%
  3087. for(int i = 0; i < listNCat4xsx.size(); i++) {
  3088. String linkStr = listNCat4xsx.get(i);
  3089. out.print(linkStr);
  3090. }
  3091. %>
  3092. </div>
  3093. <br style="clear:both" />
  3094. </div>
  3095. <% } %>
  3096. <%out.print(tagSb.toString()); %>
  3097.  
  3098. <%if(sing.orgFlg.equals("A") && (sing.prodCatId.equals("14")||sing.prodCatId.equals("25"))){ //電子書欄位%>
  3099. <%if(sing.drmInfo!=null && sing.drmInfo.length()>0){ %>
  3100. <div style="margin:2px 0;">
  3101. <div style="float: left;"><span class='prodInfo_boldSpan'>其他說明：</span></div>
  3102. <div style="float: left;">
  3103. <div style="font-weight: normal;"><span style="color: #666666; font-weight: normal;"><%=sing.drmInfo %></span></div>
  3104. </div>
  3105. <br style="clear: both;" />
  3106. </div>
  3107. <% } %>
  3108. <% } %>
  3109.  
  3110. <%if(sing.orgFlg.equals("A") && (sing.prodCatId.equals("14")||sing.prodCatId.equals("25"))){ //電子書欄位%>
  3111. <%if(sing.drmInfo!=null && sing.drmInfo.length()>0){ %>
  3112. <div style="margin:2px 0;">
  3113. <div style="float: left;"><span class='prodInfo_boldSpan'>其他說明：</span></div>
  3114. <div style="float: left;">
  3115. <div style="font-weight: normal;"><span style="color: #666666; font-weight: normal;"><%=sing.drmInfo %></span></div>
  3116. </div>
  3117. <br style="clear: both;" />
  3118. </div>
  3119. <% } %>
  3120. <% } %>
  3121. </div>
  3122. </div>
  3123. <%--商品資料--%>
  3124.  
  3125. <%--曲目試聽(如果有的話) --%>
  3126. <%if(musicList!=null){%>
  3127. <div class="panel panel-default" style="margin-top:0px;;margin-bottom:20px;">
  3128. <div class="panel-heading" >
  3129. 曲目試聽
  3130. </div>
  3131. <div class="">
  3132. <iframe id="vod_frame" scrolling="no" frameborder="0" border="0"cellspacing="0" style="overflow-x:auto;border: 0px;width:100%;height:100%" src="/new_ec/rwd/vodList.jsp?pid=<%=sing.orgProdId %>" ></iframe>
  3133. </div>
  3134. </div>
  3135. <%}%>
  3136. <%--曲目試聽(如果有的話) --%>
  3137.  
  3138. <%--內容簡介/各界推薦/章節試閱/作者序/目錄購物須知....--%>
  3139. <ul class="nav nav-tabs textArea" style='margin-bottom:20px;'>
  3140. <%
  3141. if(menuItems.size()>0) {
  3142. for(int i = 0; i < menuItems.size(); i++) {
  3143. %>
  3144. <li data-toggle="tab" class="<%=i==0?"active":"" %>"><a style="cursor:pointer;" rel="pr<%=i%>"><%=menuItems.getJSONObject(i).get("title") %></a></li>
  3145. <%
  3146. }
  3147. }
  3148. %>
  3149. </ul>
  3150. <div class="panel panel-default" style="margin-top:0px;border:none">
  3151. <div class="">
  3152. <div style="text-align: right;">
  3153. <span>文字字級</span>
  3154. <img id="word1" style="cursor:pointer;width:30px;height:30px;" src='/new_ec/rwd/include/images/C_image/ic/ic_9@2x.png'></img>
  3155. <img id="word2" style="cursor:pointer;width:30px;height:30px;" src='/new_ec/rwd/include/images/C_image/ic/ic_10@2x.png'></img>
  3156. <img id="word3" style="cursor:pointer;width:30px;height:30px;" src='/new_ec/rwd/include/images/C_image/ic/ic_12@2x.png'></img>
  3157. </div>
  3158. <div id="textArea" style="font-size: 14px;line-height:22px">
  3159. <%
  3160. for(int i = 0; i < textAreaDOM.size(); i++) {
  3161. String DOM = "";
  3162. DOM += "<a name='pr"+i+"' ></a>";
  3163. if(!textAreaDOM.getJSONObject(i).getString("id").equals("prodPf") && !textAreaDOM.getJSONObject(i).getString("id").equals("howBuy")) {
  3164. DOM += "<div id='"+textAreaDOM.getJSONObject(i).getString("id") +"Div' class='prodContent'>";
  3165. } else {
  3166. DOM += "<div id='"+textAreaDOM.getJSONObject(i).getString("id") +"Div'>";
  3167. }
  3168. if(i > 0) {
  3169. DOM += String.format(htmlBuild1, textAreaDOM.getJSONObject(i).getString("title"));
  3170. }
  3171. DOM += textAreaDOM.getJSONObject(i).getString("content");
  3172. DOM += "</div>";
  3173. out.print(DOM);
  3174. }
  3175.  
  3176. %>
  3177. </div>
  3178. </div>
  3179. </div>
  3180. <%--內容簡介/各界推薦/章節試閱/作者序/目錄購物須知....--%>
  3181.  
  3182. <%--評價 --%>
  3183.  
  3184. <div id="prodComment" class="panel-default prodComment" style="margin-top:0px;border:none;">
  3185. <div class='' style='border:none;background:#ffffff;'>
  3186. <div class='panelHeader'>
  3187. 發表評論
  3188. </div>
  3189. </div>
  3190. <div class="" style= 'margin:15px 0;'>
  3191. <%if(cc==null){ %>
  3192. <div>
  3193. <strong>歡迎你給予星評或評論</strong>
  3194. </div>
  3195. <button class='btnTypeB' onclick="loginFirst()">我來寫評論</button>
  3196. <div class="StarRate" id="gotoRateIt" data-rateit-value="0">
  3197. <div class = 'star1'></div>
  3198. <div class = 'star1'></div>
  3199. <div class = 'star1'></div>
  3200. <div class = 'star1'></div>
  3201. <div class = 'star1'></div>
  3202. </div>
  3203. <%}else{
  3204. if(comment_text.length() > 0 && !comment_status.equals("E") ) {
  3205. %>
  3206. <div style="margin: 0px auto 10px auto;">
  3207. <div style="width: 746px;margin-top: 15px;font-weight: bold;font-size: 11pt;color: #a8cf42;">您已於<%=comment_date %>評論過。<a class='linkStyle02' style="font-size: 12pt;font-weight: normal;" target="_self" href="/container_zekeaclt_view.html?co=<%=comment_pk %>&ci=<%=String.valueOf(cc.getCuid()) %>&cp=3">檢視評論</a></div>
  3208. </div>
  3209. <% }else{ %>
  3210. <div id="commentWriter">
  3211. <% if(comment_text.length() == 0) { %>
  3212. <div style="margin: 0 auto;font-weight: bold;font-size: 11pt;"></div>
  3213. <%}else{ %>
  3214. <div style="margin: 0 auto;font-weight: bold;font-size: 11pt;"><span style='color: white;background-color: black;padding: 1px 8px 1px 8px;font-weight: normal;margin: 0px 5px;'>草稿</span></div>
  3215. <%} %>
  3216. <div style="margin: 15px 0 0 0;">
  3217. <div class='cust_frame'>
  3218. <ul style="padding:0px;margin:0px;list-style:none;">
  3219. <li><img style='border-radius: 50%;border: none;' src="<%= sing.getImgUrl() %>/showMemImage.html?no=<%= String.valueOf(cc.getCuid()) %>&width=100&height=100" height="50" width="50" /></li>
  3220. </ul>
  3221. </div>
  3222. <div class='comment_frame_write' style="margin-left:25px;display:inline-block;width:85%">
  3223. <div style="position:relative">
  3224. <div class='l_e' style="position:absolute;left: -6px;top: 13px;"></div>
  3225. <div>
  3226. <textarea name='commentMasContent' wrap='virtual' id='commentMasContentArea' class='ta' placeholder='新增評論…'></textarea>
  3227. </div>
  3228. </div>
  3229. <div style="margin-top: 10px;">
  3230. <div style="float:left">
  3231. <div style="float:left; font-size:10pt; font-weight:bold; color:#666666; padding:8px 5px 0 0;">給書籍星評</div>
  3232. <div style="float:left;padding-top: 5px;">
  3233. <div class="StarRate" id="gotoRateIt" data-rateit-value="<%=myStartLevel %>">
  3234. <div class = 'star1'></div>
  3235. <div class = 'star1'></div>
  3236. <div class = 'star1'></div>
  3237. <div class = 'star1'></div>
  3238. <div class = 'star1'></div>
  3239. </div>
  3240. </div>
  3241. </div>
  3242. <div style="float:right;margin-top: 10px;">
  3243. <!-- <div class='comment_cancel' style='float:left' onclick="cancelCommentAdd();">取消</div> -->
  3244. <div style='float:left;font-size:10pt; font-weight:bold; color:#666666; padding:5px 5px 0 0;' id="maxLength" commMax="1200"></div>
  3245. <div style='float:left;margin-top:10px;'>
  3246. <div title="勾選這個欄位將你發表的評論同步到facebook上" onclick='changeCheckDiv(this)' rel="uncheck" class="fb_shared checkDiv" style='float:left;'>
  3247. <div class='checkY' rel='N'>
  3248. <span class='glyphicon glyphicon-ok'></span>
  3249. </div>
  3250. </div>
  3251. <span style='float:left;'>分享至臉書</span>
  3252. </div>
  3253. <button class='comment_draft' style='float:left;margin:0 5px 0 5px;' onclick='saveComment(0);'></button>
  3254. <button class='comment_send' style='float:left;margin:0 5px 0 5px;' onclick='saveComment(1);'></button>
  3255. </div>
  3256. <div style='clear:both'></div>
  3257. </div>
  3258. </div>
  3259. <div id="commentMasTitle" style="display:none;"><%=comment_title %></div>
  3260. <div id="myCommentContent" style="display:none;"><%=comment_html %></div>
  3261. <div id="myCommentConetntShort" style='display:none'><%=comment_text %></div>
  3262. <div style='clear:both'></div>
  3263. </div>
  3264. </div>
  3265. <% }
  3266. }
  3267. %>
  3268.  
  3269. <div class="comment_content" style="margin-top:10px"></div>
  3270. <div class='more_cmt' style="margin: 5px auto; text-align: center; padding-top:5px; border-top: dotted 1px #cccccc; display:none;font-size: 10pt;cursor:pointer;"><button class='btn btn-taaze-a btn-block'>看更多評論</button></div>
  3271. </div>
  3272. </div>
  3273.  
  3274. <%--評價 --%>
  3275. <!-- same collect -->
  3276. <%
  3277. if(sameCollect!=null && sameCollect.size()>0){
  3278. String show_title = "";
  3279. if(sing.prodCatId.equals("11") || sing.prodCatId.equals("14")) {
  3280. show_title = "這本書";
  3281. } else if(sing.prodCatId.equals("21") || sing.prodCatId.equals("23") || sing.prodCatId.equals("24") || sing.prodCatId.equals("25") || sing.prodCatId.equals("27")) {
  3282. show_title = "這本雜誌";
  3283. } else {
  3284. show_title = "這件商品";
  3285. }
  3286. %>
  3287.  
  3288. <div class="panel panel-default" style="margin-top:0px;">
  3289.  
  3290. <div class="fixedCartBottom">
  3291. <div class="row">
  3292. <div id="sameCollectCarousel" class="carousel slide" data-ride="carousel" data-interval="false"><!-- 1 -->
  3293. <div class="singleGoodAreaTitle carouselTitle">
  3294. <div class="panelHeader" style="float:left;"><span>收藏<%=show_title %>的人也收藏了</span></div>
  3295. <div class='carousel-indicators_div'>
  3296. <ol class="carousel-indicators-top">
  3297. <%
  3298. int sameCollectCount = 0;
  3299. int sameCollectPageSize = 5;
  3300. int sameCollectMaxPage = 100;
  3301. sameCollectCount = sameCollect.size() % sameCollectPageSize == 0 ? sameCollect.size() / sameCollectPageSize : (sameCollect.size() / sameCollectPageSize) + 1;
  3302. if(sameCollectCount > sameCollectMaxPage) sameCollectCount = sameCollectMaxPage;
  3303. for(int i=0; i<sameCollectCount; i++){
  3304. %>
  3305. <li data-target="#sameCollectCarousel" data-slide-to="<%=i %>" <%=i==0?"class=\"active\"":"" %>></li>
  3306. <%
  3307. }
  3308. %>
  3309. </ol>
  3310. </div>
  3311. <div style="clear:both"></div>
  3312. </div>
  3313.  
  3314. <div class="carousel-inner" role="listbox"><!-- 2 -->
  3315. <%
  3316. for(int i=0; i<sameCollectCount; i++){
  3317. %>
  3318. <div class="item <%=i==0?"active":"" %>"><!-- item block -->
  3319. <%
  3320. for(int j=(i*sameCollectPageSize); j<((i*sameCollectPageSize)+sameCollectPageSize); j++){
  3321. %>
  3322. <div class="talkelookGrid2">
  3323. <div class="" style="margin-bottom:5px;">
  3324. <a href="/goods/<%=sameCollect.getJSONObject(j).getString("prodId")%>.html" onclick="historyStat(this, event, 1)">
  3325. <img data-src="holder.js/100%x195" alt="" src="https://media.taaze.tw/showThumbnail.html?sc=<%=sameCollect.getJSONObject(j).getString("prodId") %>&height=195&width=138" data-holder-rendered="true" class="bookImage">
  3326. </a>
  3327. </div>
  3328. <div class='bookCaption'>
  3329. <div class='prod_TitleMain'>
  3330. <a href="/goods/<%=sameCollect.getJSONObject(j).getString("prodId")%>.html" onclick="historyStat(this, event, 1)"><%=sameCollect.getJSONObject(j).getString("titleMain") %></a>
  3331. </div>
  3332. <div>
  3333. <span style='color:#454545'>定價：</span><span><%=sameCollect.getJSONObject(j).getString("listPrice")%></span><span style='padding-left:2px;'>元</span>
  3334. </div>
  3335. <div style='position:absolute;bottom:0px;'>
  3336. <%
  3337. if(sameCollect.getJSONObject(j).getInt("disc") != 100 && sameCollect.getJSONObject(j).getInt("disc") != 0) {
  3338. %>
  3339. <span style='color:#454545'>優惠價：</span><span style='color:#e2008e;'><%=sing.discString(sameCollect.getJSONObject(j).getString("disc"))%></span><span> 折</span>
  3340. <span style='color:#e2008e;'><%=Math.round(sameCollect.getJSONObject(j).getInt("specialPrice"))%></span><span> 元</span>
  3341. <%
  3342. }else{
  3343. %>
  3344. <span style='color:#454545'>優惠價：</span><span style='color:#e2008e;'><%=sameCollect.getJSONObject(j).getString("specialPrice")%></span><span>元</span>
  3345. <%
  3346. }
  3347. %>
  3348. </div>
  3349. </div>
  3350. </div>
  3351. <%
  3352. if(j>=(sameCollect.size()-1)) break;
  3353. }
  3354. %>
  3355. <div style="clear:both;"></div>
  3356. </div><!-- item block -->
  3357. <%
  3358. }
  3359. %>
  3360. </div><!-- 2 -->
  3361. <!-- Controls -->
  3362. <a class="arrowForLeft2" href="#sameCollectCarousel" role="button" data-slide="prev">
  3363. <span></span>
  3364. <span class="sr-only">Previous</span>
  3365. </a>
  3366. <a class="arrowForRight2" href="#sameCollectCarousel" role="button" data-slide="next">
  3367. <span></span>
  3368. <span class="sr-only">Next</span>
  3369. </a>
  3370. </div><!-- 1 -->
  3371. </div>
  3372. </div>
  3373. </div>
  3374. <% } %>
  3375. <!-- end same collect -->
  3376.  
  3377. <!-- hot item -->
  3378. <% if(hotItems != null && hotItems.size() > 0) { %>
  3379. <div class="panel panel-default" style="margin-top:0px;">
  3380. <div class="fixedCartBottom">
  3381. <div class="row">
  3382. <div id="hotItemsCarousel" class="carousel slide" data-ride="carousel" data-interval="false"><!-- 1 -->
  3383. <div class="singleGoodAreaTitle carouselTitle">
  3384. <div class="panelHeader" style="float:left;"><span>近期最多人購買</span></div>
  3385. <div class='carousel-indicators_div'>
  3386. <ol class="carousel-indicators-top">
  3387. <%
  3388. int hotItemsCount = 0;
  3389. int hotItemsPageSize = 5;
  3390. int hotItemsMaxPage = 100;
  3391. hotItemsCount = hotItems.size() % hotItemsPageSize == 0 ? hotItems.size() / hotItemsPageSize : (hotItems.size() / hotItemsPageSize) + 1;
  3392. if(hotItemsCount > hotItemsMaxPage) hotItemsCount = hotItemsMaxPage;
  3393. for(int i=0; i<hotItemsCount; i++){
  3394. %>
  3395. <li data-target="#hotItemsCarousel" data-slide-to="<%=i %>" <%=i==0?"class=\"active\"":"" %>></li>
  3396. <%
  3397. }
  3398.  
  3399. %>
  3400. </ol>
  3401. </div>
  3402. <div style="clear:both"></div>
  3403. </div>
  3404. <div class="carousel-inner" role="listbox"><!-- 2 -->
  3405. <%
  3406. for(int i=0; i<hotItemsCount; i++){
  3407. %>
  3408. <div class="item <%=i==0?"active":"" %>"><!-- item block -->
  3409. <%
  3410. for(int j=(i*hotItemsPageSize); j<((i*hotItemsPageSize)+hotItemsPageSize); j++){
  3411. %>
  3412. <div class="talkelookGrid2">
  3413. <div class="" style="margin-bottom:5px;">
  3414. <a href="/goods/<%=hotItems.getJSONObject(j).getString("prodId")%>.html" onclick="historyStat(this, event, 1)">
  3415. <img data-src="holder.js/100%x195" alt="" src="https://media.taaze.tw/showThumbnail.html?sc=<%=hotItems.getJSONObject(j).getString("prodId") %>&height=195&width=138" data-holder-rendered="true" class="bookImage">
  3416. </a>
  3417. </div>
  3418. <div class='bookCaption'>
  3419. <div class='prod_TitleMain'>
  3420. <a href="/goods/<%=hotItems.getJSONObject(j).getString("prodId")%>.html" onclick="historyStat(this, event, 1)"><%=hotItems.getJSONObject(j).getString("titleMain") %></a>
  3421. </div>
  3422. <div>
  3423. <span style='color:#454545'>定價：</span><span><%=hotItems.getJSONObject(j).getString("listPrice")%></span><span style='padding-left:2px;'>元</span>
  3424. </div>
  3425. <div style='position:absolute;bottom:0px;'>
  3426. <%
  3427. if(hotItems.getJSONObject(j).getInt("disc") != 100 && hotItems.getJSONObject(j).getInt("disc") != 0) {
  3428. %>
  3429. <span style='color:#454545'>優惠價：</span><span style='color:#e2008e;'><%=sing.discString(hotItems.getJSONObject(j).getString("disc"))%></span><span> 折</span>
  3430. <span style='color:#e2008e;'><%=hotItems.getJSONObject(j).getString("specialPrice")%></span><span> 元</span>
  3431. <%
  3432. }else{
  3433. %>
  3434. <span style='color:#454545'>優惠價：</span><span style='color:#e2008e;'><%=hotItems.getJSONObject(j).getString("specialPrice")%></span><span>元</span>
  3435. <%
  3436. }
  3437. %>
  3438. </div>
  3439. </div>
  3440. </div>
  3441. <%
  3442. if(j>=(hotItems.size()-1)) break;
  3443. }
  3444. %>
  3445. <div style="clear:both;"></div>
  3446. </div><!-- item block -->
  3447. <%
  3448. }
  3449. %>
  3450. </div><!-- 2 -->
  3451. <!-- Controls -->
  3452. <a class="arrowForLeft2" href="#hotItemsCarousel" role="button" data-slide="prev">
  3453. <span></span>
  3454. <span class="sr-only">Previous</span>
  3455. </a>
  3456. <a class="arrowForRight2" href="#hotItemsCarousel" role="button" data-slide="next">
  3457. <span></span>
  3458. <span class="sr-only">Next</span>
  3459. </a>
  3460. </div><!-- 1 -->
  3461. </div>
  3462. </div>
  3463. </div>
  3464. <% } %>
  3465. <!-- end hot item -->
  3466. <!-- 為您推薦 -->
  3467. <div id="_popIn_recommend">
  3468. <script type="text/javascript">
  3469.  
  3470. (function() {
  3471.  
  3472. var pa = document.createElement('script'); pa.type = 'text/javascript'; pa.charset = "utf-8"; pa.async = true;
  3473.  
  3474. pa.src = window.location.protocol + "//api.popin.cc/searchbox/taaze_tw.js";
  3475.  
  3476. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pa, s);
  3477.  
  3478. })();
  3479.  
  3480. </script>
  3481. </div>
  3482. <!-- 為您推薦 -->
  3483. <!-- Google Tag Manager (noscript) -->
  3484. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K2KVGFF"
  3485. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  3486. <!-- End Google Tag Manager (noscript) -->
  3487. </div>
  3488.  
  3489. </div>
  3490. </div>
  3491. <%-- pc model end ------------------------------------------------------- --%>
  3492.  
  3493. <%-- mobile model start +++++++++++++++++++++++++++++++++++++++++++++++++++++ --%>
  3494. <div id="mCartArea" class='visible-xs-block visible-sm-block visible-md-block'>
  3495. <div id='mCart_watchList' name='wishButton' rel='false' style='float:left'>暫存清單</div>
  3496. <%if(orgAndQtyFlg){ %>
  3497. <%if(sing.openFlg==-1 || sing.openFlg==1){ %>
  3498. <div id='mCart_cart' class="mShoppingNotic" name='saveToCart' style='float:left'>放入購物車</div>
  3499. <%--直接購買 --%>
  3500. <%}if(sing.openFlg==0){ %>
  3501. <%if(sing.outOfPrint.equals("Y")){ %>
  3502.  
  3503. <%}else{ %>
  3504. <div name='shoppingNotic' class="mShoppingNotic" style='float:left'>可購買時通知我</div>
  3505. <%} %>
  3506. <%} %>
  3507. <%}else{%>
  3508. <div name='saleout' class="mShoppingNotic" style='color:#000000;background-image: linear-gradient(45deg, #AAAAAA 0%, #FEFEFE 100%);float:left'>限量商品已售完</div>
  3509. <%} %>
  3510. <span style='clear:both'></span>
  3511. </div>
  3512. <div class=" mBody container-fluid visible-md-block visible-sm-block visible-xs-block" style="margin-top:50px;margin-left: auto;
  3513. margin-right: auto;padding-left: 0;padding-right: 0;">
  3514. <%
  3515. String mTitle = "";
  3516. String mIcon = "";
  3517. String mImg = "";
  3518. mTitle += "<div class='' style='margin-top:10px;'>";
  3519. mTitle += "<div class=''>";
  3520. mTitle += "<h1 style='font-size:20px;font-weight:bold;line-height: 24px; letter-spacing:1px;'>";
  3521. mTitle += sing.titleMain;
  3522. if(sing.orgFlg.equals("A")&&sing.prodFgInfo!=null&&sing.prodFgInfo.length()>0){
  3523. mTitle += "<span style='padding-left: 10px; font-size: 10pt;'>" + sing.prodFgInfo + "</span>";
  3524. }
  3525. if(sing.orgFlg.equals("C")){
  3526. mTitle += "<span style='padding-left: 10px; font-size: 10pt;'>（二手書）</span>";
  3527. }else if(sing.orgFlg.equals("B")){
  3528. mTitle += "<span style='padding-left: 10px; font-size: 10pt;'>（回頭書）</span>";
  3529. }else if(sing.orgFlg.equals("A") && (sing.prodCatId.equals("14")||sing.prodCatId.equals("25")||sing.prodCatId.equals("17"))){
  3530. if(sing.bindingType!=null && sing.bindingType.equals("P")){
  3531. mTitle += "<span style='padding-left: 10px; font-size: 10pt; '>（PDF版）</span>";
  3532. }else if(sing.bindingType!=null && sing.bindingType.equals("Q")){
  3533. mTitle += "<span style='padding-left: 10px; font-size: 10pt;'>（ePub版）</span>";
  3534. }else if(sing.bindingType!=null && sing.bindingType.equals("K")){
  3535. mTitle += "<span style='padding-left: 10px; font-size: 10pt;'>（電子有聲書）</span>";
  3536. }else if(sing.bindingType!=null && sing.bindingType.equals("S")){
  3537. mTitle += "<span style='padding-left: 10px; font-size: 10pt;'>（電子雜誌訂閱）</span>";
  3538. }else{
  3539. mTitle += "<span style='padding-left: 10px; font-size: 10pt;'>（電子書）</span>";
  3540. }
  3541. }
  3542. mTitle += "</h1>";
  3543. mTitle += "</div>";
  3544. if(sing.titleNext!=null&&sing.titleNext.length()>0){
  3545. mTitle += "<div class='' style='margin-top:6px;'>";
  3546. mTitle += "<h2 style='font-size:16px; letter-spacing:1px; color:#8c8c8c; margin: 0;'>";
  3547. mTitle += sing.titleNext;
  3548. mTitle += "</h2>";
  3549. mTitle += "</div>";
  3550. }
  3551. mTitle += "</div>";
  3552.  
  3553. mImg += "<div class='swiper-container prodImgSwiper'style='margin-top:14px;'>";
  3554. mImg += "<div id='mswiperpic' class='swiper-wrapper'>";
  3555. int mPic = 0;
  3556. String grid = sing.prodCatId.equals("31")||sing.prodCatId.equals("32")||sing.prodCatId.equals("61")||sing.prodCatId.equals("62")?"IdealookGrid":"talkelookGrid";
  3557.  
  3558. if(takelookList!=null&&takelookList.size()>0){
  3559. for(int i=0; i<takelookList.size(); i++){
  3560. mPic++;
  3561. if(takelookList.getJSONObject(i).getString("src").equals("cover")){
  3562. mImg += "<div class='swiper-slide'>"; //item block
  3563. //若takelookList只有兩個(書封、影片)，則無法點選放大視窗
  3564. if(takelookList.size()>2){
  3565. mImg += "<div class='"+grid+"' onclick=\"openTakelook(this, event, 0);\">";
  3566. }else{
  3567. mImg += "<div class='"+grid+"' onclick=\"\">";
  3568. }
  3569. mImg += "<div class='bookImage' style='position:relative;background-image:url("+showThumbnail+");background-position:center center;background-size: contain;background-repeat:no-repeat;'>";
  3570. if(sing.orgFlg.equals("C")){
  3571. mImg += "<img class='snd_type' src='/new_ec/rwd/include/images/C_image/pic/pic_7@2x.png' />";
  3572. }
  3573. if(sing.bindingType!=null && sing.bindingType.equals("P")){
  3574. mImg += "<img class='pdf_ebook_type' src='/new_ec/rwd/include/images/C_image/pic/pic_8@2x.png' />";
  3575. }else if(sing.bindingType!=null && sing.bindingType.equals("Q")){
  3576. mImg += "<img class='ePub_ebook_type' src='/new_ec/rwd/include/images/C_image/pic/pic_9@2x.png' />";
  3577. }
  3578. mImg += "</div>";
  3579. mImg += "</div>";
  3580. mImg += "</div>"; //item block
  3581. }else if(takelookList.getJSONObject(i).getString("src").equals("image")){
  3582. String ImgUrl = "https://media.taaze.tw/showThumbnailByPk.html?sc=" + takelookList.getJSONObject(i).getString("pkNo") +"&height=400&width=310";
  3583. mImg += "<div class='swiper-slide'>"; //item block
  3584. mImg += "<div class='"+grid+"'>";
  3585. //mImg += "<div style='border:none;position: relative;'>";
  3586. //若takelookList只有兩個(書封、影片)，則無法點選放大視窗
  3587. if(takelookList.size()>2){
  3588. mImg += "<div class='bookImage' onclick=\"openTakelook(this, event, 0);\" style='background-repeat:no-repeat;background-position: center;background-size: contain;border:none;position: relative;background-image:url("+ImgUrl+");'>";
  3589. }else{
  3590. mImg += "<div class='bookImage' onclick=\"\" style='background-repeat:no-repeat;background-position: center;background-size: contain;border:none;position: relative;background-image:url("+ImgUrl+");'>";
  3591. }
  3592. mImg += "</div>";
  3593. //mImg += "</div>";
  3594. mImg += "</div>";
  3595. mImg += "<div style='clear:both;'></div>";
  3596. mImg += "</div>"; //item block
  3597. }else if(takelookList.getJSONObject(i).getString("src").equals("video")){
  3598. mImg += "<div class='swiper-slide'>"; //item block
  3599.  
  3600. mImg += "<div class='"+grid+"' style='width:90%'>";
  3601. mImg += "<div style='border:none;position: relative;'>";
  3602. mImg += "<video class='bookImage' controls controlsList='nodownload' poster='/new_ec/rwd/include/images/C_image/pic/pic_single_video1.jpg'>";
  3603. mImg += "<source src='https://vod.taaze.tw/vod/";
  3604. mImg += (takelookList.getJSONObject(i).getString("pkNo").equals("new"))?sing.vdoNm:sprodAskModel.getVideoId();
  3605. mImg += ".mp4' />";
  3606. mImg += "Your browser does not support the video tag.</video>";
  3607. mImg += "</div>";
  3608.  
  3609. mImg += "</div>";
  3610. mImg += "<div style='clear:both;'></div>";
  3611. mImg += "</div>";//item block
  3612. }else if(takelookList.getJSONObject(i).getString("src").equals("sndPic")){
  3613. mImg += "<div class='swiper-slide'>"; //item block
  3614. mImg += "<div>";
  3615. mImg += "<div class='' style='border:none;position: relative;'>";
  3616. mImg += "<a>";
  3617. mImg += "<img data-src='holder.js/100%x195' alt='' src='"+ takelookList.getJSONObject(i).getString("pkNo") +"' data-holder-rendered='true' class='bookImage'>";
  3618. mImg += "</a>";
  3619. mImg += "</div>";
  3620. mImg += "</div>";
  3621. mImg += "<div style='clear:both;'></div>";
  3622. mImg += "</div>"; //item block
  3623. }
  3624. }
  3625. }else{
  3626. mImg += "<div class='swiper-slide'>"; //item block
  3627. mImg += "<div class='"+grid+"'>";
  3628. mImg += "<div class='thumbnail' style='border:none;position: relative;'>";
  3629. mImg += "<a onclick=''>";
  3630. mImg += "<img data-src='holder.js/100%x195' alt='' src='"+showThumbnail+"' data-holder-rendered='true' class='bookImage'>";
  3631. if(sing.orgFlg.equals("C")){
  3632. mImg += "<img class='snd_type' src='/new_ec/rwd/include/images/C_image/pic/pic_7@2x.png' />";
  3633. }
  3634. if(sing.bindingType!=null && sing.bindingType.equals("P")){
  3635. mImg += "<img class='pdf_ebook_type' src='/new_ec/rwd/include/images/C_image/pic/pic_8@2x.png' />";
  3636. }else if(sing.bindingType!=null && sing.bindingType.equals("Q")){
  3637. mImg += "<img class='ePub_ebook_type' src='/new_ec/rwd/include/images/C_image/pic/pic_9@2x.png' />";
  3638. }
  3639. mImg += "</a>";
  3640. mImg += "</div>";
  3641. mImg += "</div>";
  3642. mImg += "<div style='clear:both;'></div>";
  3643. mImg += "</div>"; //item block -->
  3644. }
  3645. mImg += "</div>";
  3646. //如果需要分页器
  3647. //mImg += "<div class='swiper-pagination prodImgSwiper-pag swiper-pagination-black'>";
  3648. mImg += "<div class='swiper-pagination swiper-scrollbar swiper-pagination-black'>";
  3649. for(int i=0; i<takelookList.size(); i++){
  3650. //mImg += "<span class='swiper-pagination-bullet'></span>";
  3651. }
  3652. mImg += "</div>";
  3653. mImg += "</div>";
  3654.  
  3655. %>
  3656.  
  3657. <%-- 評價,收藏,二手徵求,試讀.... 分享功能群組 --%>
  3658.  
  3659. <%-- 商品頁內容 --%>
  3660. <div class="row" style="margin-top:10px;">
  3661. <%-- 左邊區塊 --%>
  3662. <div class="col-xs-12 col-sm-12 col-md-12" style='padding-left:10px;padding-right:10px;'>
  3663.  
  3664. <div class='col-xs-12 col-sm-10 col-md-10' style='padding:0;float:none;margin:0 auto;'>
  3665. <%
  3666. if(sing.prodCatId.equals("61") || sing.prodCatId.equals("62") ){
  3667. out.print(mImg);
  3668. out.print(mTitle);
  3669. }else{
  3670. out.print(mTitle);
  3671. out.print(mImg);
  3672. }
  3673. %>
  3674. <div class="media" style="">
  3675. <div class="media-left-xxs " style="text-align:center;vertical-align:middle;margin:auto;">
  3676. <!-- <a> -->
  3677. <%-- <img class="media-object thumbnail" style='margin:auto' src="https://media.taaze.tw/showThumbnail.html?sc=<%=sing.orgProdId %>&height=353&width=250" alt="..."> --%>
  3678. <!-- </a> -->
  3679. </div>
  3680. <div class="media-body-xxs media-body" style="padding-top:5px;">
  3681. <h4 class="media-heading"></h4>
  3682.  
  3683. <%--已購買提示 --%>
  3684. <%if(orderDate!=null&&orderDate.length()>0){ %>
  3685. <p>
  3686. <s:text name="shop.main"></s:text>：您已於<%=orderDate %><s:text name="shop.aready"></s:text>。
  3687. </p>
  3688. <%} %>
  3689. <%--作者 --%>
  3690. <%if(sing.author!=null && sing.author.length()>0){ %>
  3691. <p style="margin:0 0;">作者：<a href='<%=String.format(searchProdAuthorUrlPattern, URLEncoder.encode(sing.author,"utf8")) %>' style="padding-left:10px;" ><span><%=sing.author %></span></a></p>
  3692. <%} %>
  3693.  
  3694. <div id="toComment2" class='iconBtn'
  3695. onclick="toComment(1)">
  3696. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_1@1x.png' />--><span style='color:#e2007f'><%=startLevelSize>0?startLevelSize:"" %></span>評價
  3697. </div>
  3698. <%if(collectArray[0]==0){ %>
  3699. <div id="myCollect" class='iconBtn collectCount'
  3700. onclick="add2Collection('<%=sing.prodId %>','<%=sing.orgProdId%>');">
  3701. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_2@1x.png' />--><span style='color:#e2007f'><%=collectArray[2]>0?collectArray[2]:"" %></span>收藏
  3702. </div>
  3703. <div id="myCollectp" class="iconBtn collectCount"
  3704. onclick="add2Collection('<%=sing.prodId %>','<%=sing.orgProdId%>');" style="display:none;">
  3705. &nbsp;<img src='/new_ec/rwd/include/images/C_image/ic/ic_2_p@1x.png' /><span style='color:#e2007f'><%=collectArray[2]>0?collectArray[2]:"" %></span>收藏&nbsp;&nbsp;
  3706. </div>
  3707. <%}else{ %>
  3708. <div id="myCollectp" class="iconBtn collectCount"
  3709. onclick="add2Collection('<%=sing.prodId %>','<%=sing.orgProdId%>');">
  3710. &nbsp;<img src='/new_ec/rwd/include/images/C_image/ic/ic_2_p@1x.png' /><span style='color:#e2007f'><%=collectArray[2]>0?collectArray[2]:"" %></span>收藏&nbsp;&nbsp;
  3711. </div>
  3712. <div id="myCollect" class="iconBtn collectCount"
  3713. onclick="add2Collection('<%=sing.prodId %>','<%=sing.orgProdId%>');" style="display:none;">
  3714. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_2@1x.png' />--><span style='color:#e2007f'><%=collectArray[2]>0?collectArray[2]:"" %></span>收藏&nbsp;&nbsp;
  3715. </div>
  3716. <%} %>
  3717. <% if(wantedSndFlg){
  3718. //二手書徵求
  3719. if(IsWanted){
  3720. %>
  3721. <div id="mySndWantp" name="mySndWant" class='iconBtn'
  3722. onclick="wantSnd(event);">
  3723. &nbsp;<img src='/new_ec/rwd/include/images/C_image/ic/ic_3_p@1x.png' /><span style='color:#e2007f'><%=wantedSndSize>0?wantedSndSize:"" %></span>二手徵求&nbsp;&nbsp;
  3724. </div>
  3725. <div id="mySndWant" name="mySndWant" class='iconBtn'
  3726. onclick="wantSnd(event);" style="display:none;">
  3727. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_3@1x.png' />--><span style='color:#e2007f;'><%=wantedSndSize>0?wantedSndSize:"" %></span>二手徵求
  3728. </div>
  3729. <%}else{ %>
  3730. <div id="mySndWant" name="mySndWant" class='iconBtn'
  3731. onclick="wantSnd(event);">
  3732. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_3@1x.png' />--><span style='color:#e2007f'><%=wantedSndSize>0?wantedSndSize:"" %></span>二手徵求
  3733. </div>
  3734. <div id="mySndWantp" name="mySndWant" class='iconBtn'
  3735. onclick="wantSnd(event);" style="display:none;">
  3736. &nbsp;<img src='/new_ec/rwd/include/images/C_image/ic/ic_3_p@1x.png' /><span style='color:#e3007f;'><%=wantedSndSize>0?wantedSndSize:"" %></span>二手徵求&nbsp;&nbsp;
  3737. </div>
  3738. <%}}//二手書徵求 %>
  3739.  
  3740. <% if(previewCount!=null && previewCount.length()>0){//線上試讀 %>
  3741. <% if(sing.prodCatId.equals("14") || sing.prodCatId.equals("25") || sing.prodCatId.equals("17")){ %>
  3742. <%if(cc!=null && cc.getCuid().toString().length()>0){ %>
  3743. <div id="myPreview2" class='iconBtn'
  3744. onclick="location.href='http://ebook.taaze.tw/do/mobile/ebook_preview.ashx?oid=<%=sing.orgProdId %>&cuid=<%=cc.getCuid() %>'" data-status="Y">
  3745. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_4@1x.png' />--><span style='color:#e2007f'><%=previewCount %></span>人次試讀
  3746. </div>
  3747.  
  3748. <%}else{ %>
  3749. <div id="myPreview2" class='iconBtn'
  3750. onclick="location.href='http://ebook.taaze.tw/do/mobile/ebook_preview.ashx?oid=<%=sing.orgProdId %>'" data-status="Y">
  3751. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_4@1x.png' />--><span style='color:#e2007f'><%=previewCount %></span>人次試讀
  3752. </div>
  3753.  
  3754. <%} %>
  3755. <%}else{ %>
  3756. <div id="myPreview2" class='iconBtn'
  3757. onclick="location.href='http://ebook.taaze.tw/do/preview/viewer2.aspx?oid=<%=sing.orgProdId %>'" data-status="N">
  3758. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_4@1x.png' />--><span style='color:#e2007f'><%=previewCount %></span>人次試讀
  3759. </div>
  3760.  
  3761. <%} %>
  3762. <%} %>
  3763. <%-- 我要賣、行銷分紅 --%>
  3764. <!--<div class='other'>-->
  3765. <%if(sndSale && (sing.prodCatId.equals("11")|| sing.prodCatId.equals("24") || sing.prodCatId.equals("27") || sing.prodCatId.equals("12") || sing.prodCatId.equals("13"))){ %>
  3766. <%if(cc!=null && cc.getMobileVerifyFlg().equals("Y")){ %>
  3767. <div id="msndSale" class='iconBtn' data-toggle='modal' data-target ='#sendToSellModal'>
  3768. 我要賣
  3769. </div>
  3770. <%}else if(cc!=null && cc.getCustId().equals("tch1050818@gmail.com")){%>
  3771. <div id="msndSale" class='iconBtn' data-toggle='modal' data-target ='#sendToSellModal'>
  3772. 我要賣
  3773. </div>
  3774. <%}else{ %>
  3775. <div id="msndSale" class='iconBtn' onclick="loginFirst()">
  3776. 我要賣
  3777. </div>
  3778. <%} %>
  3779. <%} %>
  3780. <div id='msalebonus' class='iconBtn' style='display:inline-block;'>
  3781. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_6@1x.png' />-->
  3782.  
  3783. <%
  3784. if(cc!=null && cc.getMobileVerifyFlg().equals("Y") && cc.getPrFlg()!=null && cc.getPrFlg().equals("Y")){ //通過行銷分紅驗證
  3785. %>
  3786. <span data-toggle='modal' data-target ='#mbonus2'>行銷分紅</span>
  3787.  
  3788. <div class="modal fade" id="mbonus2" tabindex="-1" role="dialog" >
  3789. <div class="modal-dialog" role="document">
  3790. <div class="modal-content">
  3791. <div class="modal-header">
  3792. <h4 class="modal-title" id="ModalHeader" style="color:#444444;">行銷分紅<a href="#" class="close" data-dismiss="modal">&times;</a></h4>
  3793. </div>
  3794. <div class="col-sm-12 col-xs-12 modal-body">
  3795. <form>
  3796. <ul>
  3797. <li><a href='/member_serviceCenter.html?qa_type=l'><s:text name="single.understand_more" /></a></li>
  3798. <li><a href='/mobileValidate.html?typeFlg=IA'><s:text name="single.immediately_open_access" /></a></li>
  3799. <li class='whatAp'><a href='#'><s:text name="single.what's_ap" /><img style="margin-left:3px;width:15px;height:15px;vertical-align: text-top;" src="/new_ec/rwd/include/images/C_image/ic/ic_14@2x.png" /></a></li>
  3800. <li>
  3801. <div>
  3802. <span style="color:#444444;">下列為網址</span>
  3803. <input type="text" id="apUrl" name="apUrl" size="30" value="<%=sing.getWebUrl(request) %>/apredir.html?<%=ApUtil.encryptForCuid(new Long(cc.getCuid())) %>/<%=sing.getWebUrl(request) %>/goods/<%=sing.prodId %>.html?a=b" readonly="readonly" >
  3804. </div>
  3805. </li>
  3806. <li>
  3807. <div>
  3808. <span style="color:#444444;">下列為Html碼</span>
  3809. <textarea id="apCode" name="apCode" rows="5" cols="33"><a href="<%=sing.getWebUrl(request) %>/apredir.html?<%=ApUtil.encryptForCuid(new Long(cc.getCuid())) %>/<%=sing.getWebUrl(request) %>/goods/<%=sing.prodId %>.html?a=b" target="_blank"><%=sing.titleMain %></a></textarea>
  3810. </div>
  3811. </li>
  3812. </ul>
  3813. </form>
  3814. <div style='display:none;' id='whatAp_info'>
  3815. <s:text name="single.show_ap_info.msg"/>
  3816. </div></div>
  3817. <div class="modal-footer">
  3818. </div>
  3819. </div>
  3820. </div>
  3821. </div>
  3822. <%}else{%>
  3823. <span data-toggle='modal' data-target ='#mbonus'>行銷分紅</span>
  3824. <!--
  3825. <ul class="dropdown-menu dropdown-menu-right" style='width:130px;margin-top:-1px;'>
  3826. <li><a href='/member_serviceCenter.html?qa_type=l'><s:text name="single.understand_more" /></a></li>
  3827. <li><a href='/mobileValidate.html?typeFlg=IA'><s:text name="single.immediately_open_access" /></a></li>
  3828. <li class='whatAp'><a href='#'><s:text name="single.what's_ap" /><img style="margin-left:3px;width:15px;height:15px;vertical-align: text-top;" src="/new_ec/rwd/include/images/C_image/ic/ic_14@2x.png" /></a></li>
  3829. </ul>
  3830. <div style='display:none;' id='whatAp_info'>
  3831. <s:text name="single.show_ap_info.msg"/>
  3832. </div>
  3833. -->
  3834. <%} %>
  3835. </div>
  3836. <%-- 我要賣、行銷分紅 --%>
  3837. <div id="mShare" class='iconBtn' data-toggle='modal' data-target ='#shareFrame'>
  3838. <!--<img src='/new_ec/rwd/include/images/C_image/ic/ic_share.png' />-->分享
  3839. </div></div>
  3840. <div style=clear:both;></div></div>
  3841. <div class='price'>
  3842. <%--定價/特價/優惠價 顯示邏輯 --%>
  3843. <%
  3844. if(sing.listPrice==sing.salePrice){//定價=售價 顯示定價
  3845. %>
  3846. <p style="margin:0 0;">
  3847. <span style="font-size:16px; padding-left:10px;">定價：NT$ <span style="color:#e2007e;"><strong><%=(int)sing.listPrice %></strong></span></span>
  3848. </p>
  3849. <%
  3850. }else if(sing.specialPrice==sing.salePrice){//特價=售價 顯示定價/特價
  3851. %>
  3852. <p style="margin:0 0;">
  3853. <span style="font-size:16px; padding-left:10px;">特價：NT$ <span style="color:#e2007e;"><strong><%=(int)sing.specialPrice %></strong></span></span>
  3854. <%if(sing.listPrice>0){ %>
  3855. <span style="opacity:0.5;font-size:16px; padding-left:10px;text-decoration:line-through;">NT$ <span style=''><%=(int)sing.listPrice %></span></span>
  3856. <%} %>
  3857. </p>
  3858. <%
  3859. }else{//顯示定價/特價/優惠價/折扣
  3860. if(sing.orgFlg.equals("C")){//二手
  3861. if(sing.discString(String.valueOf((int)sing.saleDisc)) != null){
  3862. %>
  3863. <p style="margin:0 0;">
  3864. <%if(sing.specialPrice>0){ %>
  3865. <span style="padding-left:10px;">特價：<small>NT$</small> <span><%=(int)sing.specialPrice %></span></span>
  3866. <%} %>
  3867. </p>
  3868. <p style="margin:0 0;">
  3869. <span style="padding-left:10px;">二手價：<span style="color:#e2007e;"><strong><%=sing.discString(String.valueOf((int)sing.saleDisc)) %></strong></span> <small>折</small>，<small>NT$</small> <span style="color:#e2007e;"><strong><%=(int)sing.salePrice %></strong></span></span>
  3870. <%if(sing.listPrice>0){ %>
  3871. <span style="opacity:0.5;font-size:16px; padding-left:10px;text-decoration:line-through;"><small>NT$</small> <span><%=(int)sing.listPrice %></span></span>
  3872. <%} %>
  3873. </p>
  3874.  
  3875. <%
  3876. }else{
  3877. %>
  3878. <p style="margin:0 0;">
  3879. <%if(sing.specialPrice>0){ %>
  3880. <span style="padding-left:10px;">特價：<small>NT$</small> <span><%=(int)sing.specialPrice %></span></span>
  3881. <%} %>
  3882. </p>
  3883. <p style="margin:0 0;">
  3884. <span style="padding-left:10px;">優惠價：<span style="color:#e2007e;"><strong><%=sing.discString(String.valueOf((int)sing.saleDisc)) %></strong></span> <small>折</small>，<small>NT$</small> <span style="color:#e2007e;"><strong><%=(int)sing.salePrice %></strong></span></span>
  3885. <%if(sing.listPrice>0){ %>
  3886. <span style="opacity:0.5;font-size:16px; padding-left:10px;text-decoration:line-through;"><small>NT$</small> <span><%=(int)sing.listPrice %></span></span>
  3887. <%} %>
  3888. </p>
  3889. <%
  3890. }
  3891. }else{
  3892. if((int)sing.saleDisc==0){
  3893. %>
  3894. <p style="margin:0 0;">
  3895. <%if(sing.specialPrice>0){ %>
  3896. <span style="padding-left:10px;">特價：<small>NT$</small> <span><%=(int)sing.specialPrice %></span></span>
  3897. <%} %>
  3898. </p>
  3899. <p style="margin:0 0;">
  3900. <span style="padding-left:10px;">優惠價：<small>NT$</small> <span><%=(int)sing.salePrice %></span></span>
  3901. <%if(sing.listPrice>0){ %>
  3902. <span style="text-decoration:line-through;opacity:0.5;font-size:16px; padding-left:10px;"><small>NT$</small> <span><%=(int)sing.listPrice %></span></span>
  3903. <%} %>
  3904. </p>
  3905. <%
  3906. }else{
  3907. %>
  3908. <p style="margin:0 0;">
  3909. <%if(sing.specialPrice>0){ %>
  3910. <span style=" padding-left:10px;">特價：<small>NT$</small> <span><%=(int)sing.specialPrice %></span></span>
  3911. <%} %>
  3912. </p>
  3913. <p style="margin:0 0;">
  3914. <span style="padding-left:10px;">優惠價：<span style="color:#e2007e;"><strong><%=sing.discString(String.valueOf((int)sing.saleDisc)) %></strong></span> <small>折</small>，<small>NT$</small> <span style="color:#e2007e;"><strong><%=(int)sing.salePrice %></strong></span></span>
  3915. <%if(sing.listPrice>0){ %>
  3916. <span style="text-decoration:line-through;opacity:0.5;font-size:16px; padding-left:10px;"><small>NT$</small> <span><%=(int)sing.listPrice %></span></span>
  3917. <%} %>
  3918. </p>
  3919. <%
  3920. }
  3921. }
  3922. }
  3923. %>
  3924.  
  3925. <%--現金回饋 --%>
  3926. <%if(showBonusFlag){ %>
  3927. <p style="margin:0 0;">
  3928. <span style="padding-left:10px;">現金回饋：<span style="color:#e2007e;"><strong><%=bonusPctValue %></strong><small>%</small></span> </span>
  3929. <% if(act_url.length() > 0) { %>
  3930. <span style="padding-left:10px;"><a href="<%=act_url %>" target="_blank">(活動詳情)</a></span>
  3931. <% } %>
  3932. <span style="font-size:14px; padding-left:10px;"><a href="https://activity.taaze.tw/static_act/201012/1201ecoupon/index.htm" target="_blank">回饋金可全額折抵商品 <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a></span>
  3933. </p>
  3934. <%} %>
  3935.  
  3936. <%--getfinWhDate???? --%>
  3937. <%
  3938. if(sing.prodCatId.equals("24") || sing.prodCatId.equals("27") || sing.prodCatId.equals("21") || sing.prodCatId.equals("22") || sing.prodCatId.equals("23")) {
  3939. if(sing.getfinWhDate().length()>0){
  3940. %>
  3941. <p style="margin:0 0;">
  3942. <span style="padding-left:10px;"><%=sing.getfinWhDate() %></span>
  3943. </p>
  3944. <%
  3945. }
  3946. }
  3947. %>
  3948.  
  3949. <%--優惠截止 --%>
  3950. <%
  3951. if(sing.mcEDate!=null && sing.mcEDate.length()>=8) {
  3952. if(sing.mcPk>0){
  3953. %>
  3954. <p style="margin:0 0;">
  3955. <span style="padding-left:10px;color:#e3307f;">優惠截止日：<span style="letter-spacing:1px;">至<%=sing.mcEDate.substring(0,4) %>年<%=sing.mcEDate.substring(4,6) %>月<%=sing.mcEDate.substring(6,8) %>日</span></span>
  3956. </p>
  3957. <%
  3958. }
  3959. }
  3960. %>
  3961. </div>
  3962. <%---二手書訊息 --%>
  3963. <%if(sing.orgFlg.equals("C")&&sndInfo!=null){
  3964. out.print(sndInfo.toString());
  3965. }
  3966. %>
  3967. <%---二手書訊息 --%>
  3968. <%--運送方式/銷售地/庫存 --%>
  3969. <%
  3970. if(!sing.prodCatId.equals("14")&&!sing.prodCatId.equals("25")&&!sing.prodCatId.equals("17")){
  3971. if(sing.vstkDes.length()>0){
  3972. %>
  3973. <%--運送方式 --%>
  3974. <%
  3975. if(saleAreaJson!=null && saleAreaJson.getString("Cdt").length()>0) {
  3976. %>
  3977. <p style="margin:0 0;">
  3978. <span style="padding-left:10px;">運送方式：<span><%=saleAreaJson.getString("Cdt") %></span></span>
  3979. </p>
  3980. <%
  3981. }
  3982. %>
  3983.  
  3984. <%--銷售地區 --%>
  3985. <%
  3986. if(saleAreaJson!=null && saleAreaJson.getString("SaleArea").length()>0) {
  3987. %>
  3988. <p style="margin:0 0;">
  3989. <span style="padding-left:10px;">銷售地區：<span><%=saleAreaJson.getString("SaleArea") %></span></span>
  3990. </p>
  3991. <%
  3992. }
  3993. %>
  3994.  
  3995. <%--庫存 --%>
  3996. <p style="margin:0 0;">
  3997. <span style="padding-left:10px;"><span><%=sing.getVstkShow(sing.vstkDes) %></span></span>
  3998. </p>
  3999.  
  4000. <p style="margin:15px 5px;">
  4001. <%=sing.getDeliverAndKpstTextShow(sing.deliverImgType,sing.qty, sing.kpstk_flg, sing.prodCatId) %>
  4002. </p>
  4003. <%
  4004. }else{
  4005. %>
  4006. <div style='padding-left:10px;'>
  4007. <p style="margin:0 0;">
  4008. <span><span><%=sing.getVstkShow(sing.qty, sing.openFlg, sing.whId) %></span></span>
  4009. </p>
  4010. <%--圖示 --%>
  4011. </div>
  4012. <p class='DeliverAndKpst'>
  4013. <%=sing.getDeliverAndKpstTextShow(sing.deliverImgType,sing.qty, sing.kpstk_flg, sing.prodCatId) %>
  4014. </p>
  4015. <%
  4016. }
  4017. }else if(sing.orgFlg.equals("A") && (sing.prodCatId.equals("14")||sing.prodCatId.equals("25")||sing.prodCatId.equals("17"))){ //電子書欄位 {
  4018. %>
  4019. <div style='padding-left:10px;'>
  4020. <div>
  4021. <span>閱讀裝置：</span>
  4022. <span>手機</span>
  4023. <span>、平板</span>
  4024. <% if(sing.bindingType!=null && !sing.bindingType.equals("K")){ %>
  4025. <span>、PC</span>
  4026. <% } %>
  4027. <a href="http://www.taaze.tw/static_act/201403/ebookapp/index.htm" target="_blank"><img style='width:15px;height:15px;vertical-align: text-top;' src='/new_ec/rwd/include/images/C_image/ic/ic_14@2x.png'/></a>
  4028. </div>
  4029. <div>
  4030. <span>瀏覽軟體：</span>
  4031.  
  4032. <%=app_download %>
  4033.  
  4034. </div>
  4035. </div>
  4036. <%
  4037. }
  4038. %>
  4039.  
  4040. <%--圖示 --%>
  4041. <%if(sing.rank!=null && sing.rank.equals("D")){//限制級商品 %>
  4042. <div style='margin-bottom:13px;margin-left:10px;margin-right:10px;padding:5px;border:<%=lock18.equals("1") ?"dotted #e3007f;":"none"%>'>
  4043. <img src="/new_ec/rwd/include/images/C_image/pic/pic_w_10@2x.png" alt="" width="100" height="45" style="" />
  4044. <div style='margin-top:8px;display:<%=lock18.equals("1") ?"inline-block":"none"%>'>
  4045. <%
  4046. StringBuffer sb = new StringBuffer();
  4047. sb.append("<select class='search_select' style='width:70px;' name='unlockYear_mobile'>");
  4048. sb.append("<option value='0'>年份</option>");
  4049. for(int i = nowCal.get(Calendar.YEAR); i>=1950; i-- ){
  4050. sb.append("<option value='"+String.format("%04d",i)+"'>"+String.format("%04d",i)+"</option>");
  4051. }
  4052. sb.append("</select>");
  4053.  
  4054. sb.append("<select class='search_select' style='width:70px;' name='unlockMonth_mobile'>");
  4055. sb.append("<option value='0'>月份</option>");
  4056. for(int i = 1; i<=12; i++ ){
  4057. sb.append("<option value='"+String.format("%02d",i)+"'>"+String.format("%02d",i)+"</option>");
  4058. }
  4059. sb.append("</select>");
  4060.  
  4061. sb.append("<select class='search_select' style='width:70px;' name='unlockDay_mobile'>");
  4062. sb.append("<option value='0'>日期</option>");
  4063. for(int i = 1; i<=31; i++ ){
  4064. sb.append("<option value='"+String.format("%02d",i)+"'>"+String.format("%02d",i)+"</option>");
  4065. }
  4066. sb.append("</select>");
  4067. out.print(sb.toString());
  4068. %>
  4069. <button class='check' style='vertical-align: middle;' name ='unLock18' id='unLock18'></button>
  4070. </div>
  4071. <span style='clear:both'></span>
  4072. </div>
  4073. <%}%>
  4074.  
  4075. <%--其他版本 沒有圖書館借閱 (於20181213補上圖書館借閱) --%>
  4076. <%
  4077. if(versionList.size() > 0){//其他版本 1003
  4078.  
  4079. %>
  4080. <div class='panel panel-default'>
  4081. <div class='panel-heading' style='background: #EFEFEF;height:50px;line-height:50px;padding:0 0 0 10px;position:relative;'>
  4082. <a data-toggle='collapse' href='#mVersions'>其他版本
  4083. <img class='notice_btn noticeHide_btn' style='float:right;right: 0;margin-top:9px' />
  4084. </a>
  4085. </div>
  4086. <div class='panel-collapse collapse in' id='mVersions'>
  4087. <div class="list-group">
  4088. <%
  4089. for(int i=0; i<versionList.size(); i++) {
  4090. JSONObject version = (JSONObject)versionList.get(i);
  4091. if(version.getString("MoreSecondHandFlag").equals("true")) {
  4092. %>
  4093. <a href="<%=sing.getWebUrl(request)%>/usedList.html?oid=<%=version.getString("orgProdId")%>" class="list-group-item">
  4094. <%=version.getString("versionProdtext")%><br />
  4095. <%
  4096. if(sing.discString(String.valueOf(version.getInt("disc")))!=null){
  4097. %>
  4098. <span style="color:#e2007e;"><%=sing.discString(String.valueOf(version.getInt("disc")))%></span><span>折</span>
  4099. <%
  4100. }
  4101. %>
  4102. <span style="color:#e2007e;"><%=version.getInt("listPrice")%></span><span>元起</span>
  4103. </a>
  4104.  
  4105. <%
  4106. }
  4107. if(version.getString("MoreSecondHandFlag").equals("false")) {
  4108. if(version.getInt("listPrice") > 0) {
  4109. %>
  4110. <a href="<%=sing.getWebUrl(request)%>/goods/<%=version.getString("prodId")%>.html" class="list-group-item">
  4111. <%=version.getString("versionProdtext")%><br />
  4112. <%
  4113. if(sing.discString(String.valueOf(version.getInt("disc")))!=null){
  4114. %>
  4115. <span style="color:#e2007e;"><%=sing.discString(String.valueOf(version.getInt("disc")))%></span><span>折</span>
  4116. <%
  4117. }
  4118. %>
  4119. <span style="color:#e2007e;"><%=version.getInt("listPrice")%></span><span>元</span>
  4120. </a>
  4121.  
  4122. <%
  4123. }
  4124. if(version.getInt("listPrice") == 0) {
  4125. %>
  4126. <a href="<%=sing.getWebUrl(request)%>/goods/<%=version.getString("prodId")%>.html" class="list-group-item">
  4127. <%=version.getString("versionProdtext")%><br />
  4128. <%
  4129. if(!version.get("prodCatId").equals("14") || !version.get("prodCatId").equals("25")) {
  4130. %>
  4131. <span style="color:#e2007e;"><%=version.getInt("listPrice")%></span><span>元</span>
  4132. <%
  4133. }
  4134. %>
  4135.  
  4136. </a>
  4137.  
  4138. <%
  4139. }
  4140. }
  4141. }
  4142. %>
  4143. <%--圖書館借閱 --%>
  4144. <%
  4145. if(diffDay > 180 && (sing.prodCatId.equals("11") || sing.prodCatId.equals("14"))||sing.orgFlg.equals("C")&& (sing.prodCatId.equals("11") || sing.prodCatId.equals("14"))){
  4146. %>
  4147. <!--<div class="panel-default" style="margin-top:0px;border:none;">-->
  4148. <div class="panel-heading" style='position:relative; background-color:#ffffff;' onclick="showmBarrow(0)">
  4149. <span>圖書館借閱</span><a style='float:right;'><img class='downArrow' id='arrow0' /></a>
  4150. </div>
  4151. <div class ="mBarrow" style='display:none'>
  4152. <div class='panel-collapse collapse in' data-toggle='collapse' id='mBarrow'>
  4153. <span><a href="http://ebook.taaze.tw/middle/Library/Library.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;<s:text name="single.lend_books_library_taipei" /></a></span>
  4154. <span><a href="http://ebook.taaze.tw/middle/Library/NTCLibrary.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;<s:text name="single.lend_books_library_xinli" /></a></span>
  4155. <span><a href="http://ebook.taaze.tw/middle/Library/TCCultureLibrary.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;台中文化局館藏</a></span>
  4156. <span><a href="http://ebook.taaze.tw/middle/Library/TCLibrary.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;<s:text name="single.lend_books_library_zhongbu"></s:text></a></span>
  4157. <span><a href="http://ebook.taaze.tw/middle/Library/TNMLibrary.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;<s:text name="single.lend_books_library_tainan"></s:text></a></span>
  4158. <span><a href="http://ebook.taaze.tw/middle/Library/KSLibrary.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;<s:text name="single.lend_books_library_gaoxiong"></s:text></a></span>
  4159. <span><a href="http://ebook.taaze.tw/middle/Library/NTULibrary.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;<s:text name="single.lend_books_library_taipei_university"></s:text></a></span>
  4160. <span class="libTooltip"><a id="tooltip" class="list-group-item" title="" onmouseover="">&nbsp;&nbsp;&nbsp;&nbsp;什麼是借閱查詢 <img style='width:15px;height:15px;vertical-align: text-top;' src='/new_ec/rwd/include/images/C_image/ic/ic_14@2x.png'/></a></span>
  4161. <div id='lend_books_infos' style='display:none;'><s:text name="single.lend_books_infos"/></div>
  4162. </div></div>
  4163. <!--</div>-->
  4164. <%
  4165. }
  4166. %>
  4167. <%if(!sing.haseUSed &&!sing.prodCatId.equals("21")&&!sing.prodCatId.equals("25")&&!sing.prodCatId.equals("14")){%>
  4168. <a class="list-group-item" href="/usedList.html?oid=<%=sing.istProdId %>" style="padding-bottom:20px; text-decoration:none; ">二手書交易資訊</a>
  4169. <%}%>
  4170. <div style="clear:both;"></div>
  4171. </div>
  4172. </div>
  4173. </div>
  4174. <%
  4175. }
  4176. else{//解決手機版不出現其他版本問題
  4177. if(!sing.prodCatId.equals("21")&&!sing.prodCatId.equals("25")&&!sing.prodCatId.equals("14")&&!sing.prodCatId.equals("61")&&!sing.prodCatId.equals("62")&&!sing.prodCatId.equals("31")&&!sing.prodCatId.equals("32")){//防止出現空白的其他版本
  4178. %>
  4179. <div class='panel panel-default'>
  4180. <div class='panel-heading' style='background: #EFEFEF;height:50px;line-height:50px;padding:0 0 0 10px;position:relative;'>
  4181. <a data-toggle='collapse' href='#mVersions'>其他版本
  4182. <img class='notice_btn noticeHide_btn' style='float:right;right: 0;margin-top:9px' />
  4183. </a>
  4184. </div>
  4185. <div class='panel-collapse collapse in' id='mVersions'>
  4186. <div class="list-group">
  4187. <%--圖書館借閱 --%>
  4188. <%
  4189. if(diffDay > 180 && (sing.prodCatId.equals("11") || sing.prodCatId.equals("14"))||sing.orgFlg.equals("C")&& (sing.prodCatId.equals("11") || sing.prodCatId.equals("14"))){
  4190. %>
  4191. <div class="panel-heading" style='position:relative; background-color:#ffffff;' onclick="showmBarrow(0)">
  4192. <span>圖書館借閱</span><a style='float:right;'><img class='downArrow' id='arrow0' /></a>
  4193. </div>
  4194. <div class ="mBarrow" style='display:none'>
  4195. <div class='panel-collapse collapse in' data-toggle='collapse' id='mBarrow'>
  4196. <span><a href="http://ebook.taaze.tw/middle/Library/Library.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;<s:text name="single.lend_books_library_taipei" /></a></span>
  4197. <span><a href="http://ebook.taaze.tw/middle/Library/NTCLibrary.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;<s:text name="single.lend_books_library_xinli" /></a></span>
  4198. <span><a href="http://ebook.taaze.tw/middle/Library/TCCultureLibrary.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;台中文化局館藏</a></span>
  4199. <span><a href="http://ebook.taaze.tw/middle/Library/TCLibrary.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;<s:text name="single.lend_books_library_zhongbu"></s:text></a></span>
  4200. <span><a href="http://ebook.taaze.tw/middle/Library/TNMLibrary.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;<s:text name="single.lend_books_library_tainan"></s:text></a></span>
  4201. <span><a href="http://ebook.taaze.tw/middle/Library/KSLibrary.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;<s:text name="single.lend_books_library_gaoxiong"></s:text></a></span>
  4202. <span><a href="http://ebook.taaze.tw/middle/Library/NTULibrary.php?ISBN=<%=sing.isbn %>" class="list-group-item" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;<s:text name="single.lend_books_library_taipei_university"></s:text></a></span>
  4203. <span class="libTooltip"><a id="tooltip" class="list-group-item" title="" onmouseover="">&nbsp;&nbsp;&nbsp;&nbsp;什麼是借閱查詢 <img style='width:15px;height:15px;vertical-align: text-top;' src='/new_ec/rwd/include/images/C_image/ic/ic_14@2x.png'/></a></span>
  4204. <div id='lend_books_infos' style='display:none;'><s:text name="single.lend_books_infos"/></div>
  4205. </div></div>
  4206. <%
  4207. }
  4208. if(!sing.haseUSed &&!sing.prodCatId.equals("21")&&!sing.prodCatId.equals("25")&&!sing.prodCatId.equals("14")){%>
  4209. <a class="list-group-item" href="/usedList.html?oid=<%=sing.istProdId %>" style="padding-bottom:20px; text-decoration:none; ">二手書交易資訊</a>
  4210. <%}%>
  4211. <div style="clear:both;"></div>
  4212. </div>
  4213. </div>
  4214. </div>
  4215. <%
  4216. }}
  4217. %>
  4218.  
  4219.  
  4220.  
  4221.  
  4222. <!-- <div class="media"> -->
  4223.  
  4224. <%--take look carousel--%>
  4225.  
  4226. <%--take look carousel --%>
  4227.  
  4228. <%--贈品 --%>
  4229. <% if(gifts != null && gifts.size()>0){
  4230. String m_gift = giftsCarousel.toString();
  4231. m_gift = m_gift.replaceAll("giftCarousel", "m_giftCarousel");
  4232. out.print(m_gift);
  4233. }
  4234. %>
  4235. <%--贈品 --%>
  4236.  
  4237. <%--最多人搭配購買--%>
  4238. <%
  4239. if(buy_together.getString("error_code").equals("100")) {
  4240. //2個以上要變成可滑動...
  4241. String end_date = buy_together.getString("endDate");
  4242. String[] strs = end_date.split("-");
  4243. String date_str = strs[0]+"年"+strs[1]+"月"+strs[2]+"日";
  4244. JSONArray items = JSONArray.fromObject(buy_together.get("togetherbuy"));
  4245. int total_price = 0;
  4246. %>
  4247. <div class="panel-default" style="margin-top:0px;border:none;">
  4248. <div class="panel-body">
  4249. <div class="singleGoodAreaTitle">
  4250. <div class="panelHeader" style="float:left;"><span>最多人搭配購買</span></div>
  4251. <div style="clear:both"></div>
  4252. </div>
  4253. <div>
  4254. <div class="mBuyTogether_wrap mWrapper" style="margin-bottom:20px;">
  4255. <div id="mBuyTogether" style='width:100%'>
  4256. <ul style="list-style:none;">
  4257. <%
  4258. int transX = 0;
  4259. try {
  4260. for(int i=0; i<items.size(); i++){
  4261. JSONObject item = items.getJSONObject(i);
  4262. total_price += item.getInt("listPrice");
  4263. %>
  4264. <li style='transform:translate3d(<%=transX%>px, 0px, 0px);'>
  4265. <div style="height:100%;">
  4266. <div>
  4267. <div style="position:relative;">
  4268. <a href="/goods/<%=item.getString("prodId") %>.html">
  4269. <img class='img-responsive' data-src="holder.js/100%x195" alt="" src="https://media.taaze.tw/showThumbnail.html?sc=<%=item.getString("prodId") %>&height=280&width=210" data-holder-rendered="true">
  4270. </a>
  4271. </div>
  4272. <div class='bookCaption'>
  4273. <div>
  4274. <a class='prod_TitleMain' href="/goods/<%=item.getString("prodId") %>.html"><%=item.getString("titleMain") %></a>
  4275. </div>
  4276. <!-- <div> -->
  4277. <%-- <span style='color:#454545'>定價：</span><span style='color:#e3007f'><%=item.getInt("listPrice") %></span><span style='padding-left:2px;'>元</span> --%>
  4278. <!-- </div> -->
  4279. </div>
  4280. <div style="clear:both;"></div>
  4281. </div>
  4282. </div>
  4283. </li>
  4284. <%
  4285. transX+=125;
  4286. if(i<items.size()-1){//顯示加號
  4287. %>
  4288. <li style='width:20px;transform:translate3d(<%=transX%>px, 0px, 0px);' slide-fixedW='18'>
  4289. <div style="height:100%;">
  4290. <div class='flexMiddle'>
  4291. <div class='plus'>
  4292. <a>
  4293. <img src='/new_ec/rwd/include/images/C_image/ic/ic_7@2x.png' style='width:20px;' />
  4294. </a>
  4295. </div>
  4296. </div>
  4297. </div>
  4298. </li>
  4299. <%
  4300. transX+=20;
  4301. }
  4302. }
  4303. }catch(Exception e){
  4304. sing.logger.error(e.getMessage());
  4305. }
  4306. %>
  4307. </ul>
  4308. </div>
  4309. </div>
  4310. <div style='clear:both'></div>
  4311. <div style='margin:0 auto;width:215px;'>
  4312. <div style=''>
  4313. <ul style="margin: 0;padding: 0;list-style: none;color: #4A4A4A;letter-spacing: 0.5px;line-height: 22px;">
  4314. <li style="color:#666666; font-size:10pt; ">
  4315. <span>原價：<span>NT$<span style='margin-left: 2px;'><%=total_price %></span></span></span>
  4316. </li>
  4317. <li style="color:#666666; font-size:10pt; ">
  4318. <% if( buy_together.getString("shareType").equals("P") ) { %>
  4319. <span>組合價：<span style='padding-left:1px;'><%=items.size() %>件</span><span>NT$</span><span style='padding-left:2px; color:#e2008e;'><%=buy_together.getInt("saleTotal") %></span>
  4320. </span>
  4321. <% } else if ( buy_together.getString("shareType").equals("D") ) { %>
  4322. <% if( buy_together.getInt("disc") != 100 && buy_together.getInt("disc") != 0) { %>
  4323. <span>組合價：<span style='color:#e2008e;font-weight: bold;'><%=sing.discString(String.valueOf((int)buy_together.getInt("disc")))%></span><span style='padding-left:1px;'>折</span><span style='padding-left: 3px;'>NT$<span style='padding-left:2px; color:#e2008e;font-weight: bold;'><%=buy_together.getInt("saleTotal") %></span></span></span>
  4324. <% } else { %>
  4325. <span>組合價：<span>NT$<span style='padding-left:2px; color:#e2008e;font-weight: bold;'><%=buy_together.getInt("saleTotal") %></span></span></span>
  4326. <% } %>
  4327. <% } %>
  4328. </li>
  4329. <!-- <li style="margin: 0 0 6px 0;color:#666666; font-size:10pt; "> -->
  4330. <%-- <span>現金回饋：<span style='color:#e2008e;'>1</span><span style='padding-left:2px;'>%</span></span> --%>
  4331. <!-- </li> -->
  4332. </ul>
  4333. </div>
  4334. <div style='color:#e3007f; padding:0px; word-wrap: break-word; word-break: break-all;'>
  4335. <span style='font-weight:normal;'>優惠截止日：至</span><span style='font-weight:normal;'><%=date_str %></span>
  4336. <% if(buy_together.containsKey("url") && buy_together.getString("url")!= null && buy_together.getString("url").length() > 0) { %>
  4337. <span><a href="<%=buy_together.getString("url") %>" class='linkStyle1' >更多選擇</a></span>
  4338. <% } %>
  4339. </div>
  4340. <div id='mBuy_together' style='width: 160px;cursor: pointer; padding: 10px 0px;'>
  4341. <div class='divButton03' style="background: url('/new_ec/rwd/include/images/C_image/btn/btn_single_car_normal@2x.png') no-repeat;background-position: center center;background-size: contain;"></div>
  4342. </div>
  4343.  
  4344. </div>
  4345. </div>
  4346. </div>
  4347. <% } %></div>
  4348. <%--最多人搭配購買--%>
  4349.  
  4350. <%--alsobuy--%>
  4351. <%
  4352. if(also_buy.getString("error_code").equals("100")) {
  4353. String also_buy_title = "";
  4354. JSONArray items = also_buy.getJSONArray("data");
  4355. StringBuilder sb = new StringBuilder();
  4356. if(sing.prodCatId.equals("11") || sing.prodCatId.equals("14")) {
  4357. also_buy_title = "這本書";
  4358. }else if(sing.prodCatId.equals("21") || sing.prodCatId.equals("23") || sing.prodCatId.equals("24") || sing.prodCatId.equals("25") || sing.prodCatId.equals("27")) {
  4359. also_buy_title = "這本雜誌";
  4360. }else {
  4361. also_buy_title = "這件商品";
  4362. }
  4363. %>
  4364. <div class="row" style="margin-top:0px;">
  4365. <div class="col-xs-12">
  4366. <div class="panelHeader" style="padding:15px 0; float:left;"><span>買了<%=also_buy_title %>的人也買了</span></div>
  4367. <div style="clear:both;"></div>
  4368. </div>
  4369. </div>
  4370. <div class="m_alsobuyCarousel_wrap mWrapper" style="margin-bottom:20px;">
  4371. <div id="m_alsobuyCarousel" style='width:100%'>
  4372. <ul style="list-style:none;">
  4373. <%
  4374. for(int i=0; i<items.size(); i++){
  4375. %>
  4376. <li>
  4377. <div style="margin:0 5px 5px 5px;height:100%;">
  4378. <div>
  4379. <div class='mobileBookImg' style="position:relative;float:left;">
  4380. <a href="/goods/<%=items.getJSONObject(i).getString("ORGPRODID")%>.html" onclick="historyStat(this, event, 1)">
  4381. <img class="img-responsive" src="https://media.taaze.tw/showThumbnail.html?sc=<%=items.getJSONObject(i).getString("ORGPRODID") %>&height=280&width=210" alt="" />
  4382. </a>
  4383. </div>
  4384. <div class="itemInfo">
  4385.  
  4386. <div class="prodTitle">
  4387.  
  4388. <a href="/goods/<%=items.getJSONObject(i).getString("ORGPRODID")%>.html">
  4389. <%=items.getJSONObject(i).getString("TITLEMAIN") %>
  4390. </a>
  4391. </div>
  4392.  
  4393. <div class='discPrice'>優惠價：<span><%=items.getJSONObject(i).getString("SALEDISC") %></span>折<span><%=Math.round(items.getJSONObject(i).getInt("SALEPRICE")) %></span>元</div>
  4394.  
  4395. </div>
  4396. <div style="clear:both;"></div>
  4397. </div>
  4398. </div>
  4399. </li>
  4400. <%} %>
  4401. </ul>
  4402. </div>
  4403. </div>
  4404. <%
  4405. }
  4406. %>
  4407. <%--alsobuy--%>
  4408. <%--學思行推薦與延伸閱讀 --%>
  4409. <%
  4410. if(sing.stkRecommendationModel.getSeriesList()!=null && sing.stkRecommendationModel.getSeriesList().size()>0){
  4411. for(int x=0; x<sing.stkRecommendationModel.getSeriesList().size(); x++){
  4412. StkSeriesModel model = sing.stkRecommendationModel.getSeriesList().get(x);
  4413. List<Product> items = model.getStkDetailList();
  4414. %>
  4415. <div class="row" style="margin-top:0px;">
  4416. <div class="col-xs-12">
  4417. <div class="panelHeader" style="padding:15px 0; float:left;"><span><%=model.getName() %></span></div>
  4418. <div style="clear:both;"></div>
  4419. </div>
  4420. </div>
  4421. <div class="m_stkRecommendCarousel_wrap mWrapper" style="margin-bottom:20px;">
  4422. <div id="m_stkRecommendCarousel<%=x %>" class='m_stkRecommend' style='width:100%'>
  4423. <ul style="list-style:none;">
  4424. <%
  4425. for(int i=0; i<items.size(); i++){
  4426. Product p = items.get(i);
  4427. %>
  4428. <li>
  4429. <div style="margin:0 5px 5px 5px;height:100%;">
  4430. <div>
  4431. <div class='mobileBookImg' style="position:relative;float:left;">
  4432. <a href="/goods/<%=p.getProdId()%>.html" onclick="historyStat(this, event, 1)">
  4433. <img class="img-responsive" src="https://media.taaze.tw/showThumbnail.html?sc=<%=p.getOrgProdId() %>&height=280&width=210" alt="" />
  4434. </a>
  4435. </div>
  4436. <div class="itemInfo">
  4437.  
  4438. <div class="prodTitle">
  4439.  
  4440. <a href="/goods/<%=p.getProdId()%>.html">
  4441. <%=p.getTitleMain() %>
  4442. </a>
  4443. </div>
  4444.  
  4445. <div class='discPrice'>優惠價：<span><%=p.getSaleDisc() %></span>折<span><%=p.getSalePrice() %></span>元</div>
  4446.  
  4447. </div>
  4448. <div style="clear:both;"></div>
  4449. </div>
  4450. </div>
  4451. </li>
  4452. <%} %>
  4453. </ul>
  4454. </div>
  4455. </div>
  4456. <%
  4457. }
  4458. }
  4459. %>
  4460. <%--學思行推薦與延伸閱讀 END--%>
  4461. <%--曲目試聽(如果有的話) --%>
  4462. <%if(musicList!=null){%>
  4463. <div class="panel-default" style="margin-top:0px;">
  4464. <div class="panel-heading" >
  4465. 曲目試聽
  4466. </div>
  4467. <div class="panel-body">
  4468. <iframe id="vod_frame_m" scrolling="auto" frameborder="0" border="0" cellspacing="0" style="overflow-x:auto;border: 0px;width:100%;height:100%" src="/new_ec/rwd/vodList.jsp?pid=<%=sing.orgProdId %>" ></iframe>
  4469. </div>
  4470. </div>
  4471. <%}%>
  4472. <%--曲目試聽(如果有的話) --%>
  4473. <%--商品資料--%>
  4474.  
  4475. <div class="panel-default" style="margin-top:0px;border:none;">
  4476. <div class="panel-heading" style='position:relative;' onclick="showContent(0)">
  4477. <span>商品資料</span><a style='float:right;'><img class='downArrow' id='arrow0' /></a>
  4478. </div>
  4479. <div class ="mHideContent" style='display:none'>
  4480. <div class="">
  4481. <%=prodDataSb.toString() %>
  4482. <%=tagSb.toString() %>
  4483. </div>
  4484. </div>
  4485. </div>
  4486. <%--商品資料--%>
  4487.  
  4488. <%--內容簡介/各界推薦/章節試閱/作者序/目錄購物須知....--%>
  4489. <%-- 手機板只顯示內容簡介跟購物須知 --%>
  4490.  
  4491. <%
  4492. if(menuItems.size()>0) {
  4493. int tmp = 1;
  4494.  
  4495. for(int i = 0; i < menuItems.size(); i++) {
  4496. if(menuItemsForM.contains(menuItems.getJSONObject(i).get("id"))){
  4497. //if(menuItems.getJSONObject(i).get("id").equals("prodPf") || menuItems.getJSONObject(i).get("id").equals("howBuy")){
  4498. %>
  4499. <div class="panel-default" style="margin-top:0px;word-wrap: break-word;">
  4500. <div class="panel-heading" style='position:relative;' onclick="showContent(<%=tmp %>)">
  4501. <%=menuItems.getJSONObject(i).get("title") %><a style='float:right;'><img class='downArrow' id='arrow<%=tmp %>'/></a>
  4502. </div>
  4503. <div class ="mHideContent" style='display:none'>
  4504. <%
  4505. for(int j = 0; j < textAreaDOM.size(); j++) {
  4506. String DOM = "";
  4507. if(textAreaDOM.getJSONObject(j).getString("id").equals(menuItems.getJSONObject(i).get("id"))) {
  4508. DOM += "<div id='m_"+textAreaDOM.getJSONObject(i).getString("id") +"Div'>";
  4509. if(textAreaDOM.getJSONObject(i).getString("id").equals("prodPf")){
  4510. //編輯推薦 放在內容簡介
  4511. if(sing.singProdXsxRcmModel!=null && sing.singProdXsxRcmModel.getContent()!=null){
  4512. DOM += "<div style='width:100%;'>";
  4513. DOM += sing.singProdXsxRcmModel.getContent().replace("\r\n","<br />");
  4514. DOM += "</div>";
  4515. }
  4516. //編輯推薦 END
  4517. }
  4518. if(i > 0) {
  4519. //DOM += String.format(htmlBuild1, textAreaDOM.getJSONObject(i).getString("title"));
  4520. }
  4521. StringBuffer content = new StringBuffer(textAreaDOM.getJSONObject(i).getString("content"));
  4522. while(content.indexOf("<iframe") > -1 && content.indexOf("</iframe>")+9 > content.indexOf("<iframe")){
  4523. content.replace(content.indexOf("<iframe"), content.indexOf("</iframe>")+9, "");
  4524.  
  4525. }
  4526. DOM += content.toString();
  4527. DOM += "</div>";
  4528. DOM = DOM.replaceAll("class='topBtn'", "style='display:none'");
  4529. }else{
  4530. continue;
  4531. }
  4532.  
  4533. out.print(DOM);
  4534. }
  4535.  
  4536. %>
  4537. </div>
  4538. </div>
  4539. <%
  4540. tmp++;
  4541. }
  4542. }
  4543. }
  4544. %>
  4545. <%--內容簡介/各界推薦/章節試閱/作者序/目錄購物須知....--%>
  4546.  
  4547. <%--評價 --%>
  4548. <div id="" class="panel-default prodComment" style="margin-top:0px;border:none;">
  4549. <div class='panel-heading' style='padding:10px 0;border:none;background:#ffffff;'>
  4550. <div class='panelHeader'>
  4551. 發表評論
  4552. </div>
  4553. </div>
  4554. <div class="panel-body" style= 'padding:15px 0;'>
  4555. <%if(cc==null){ %>
  4556. <div>
  4557. <strong>歡迎你給予星評或評論</strong>
  4558. </div>
  4559. <button class='btnTypeB' onclick="loginFirst()">我來寫評論</button>
  4560. <div class="StarRate" id="gotoRateIt" data-rateit-value="0">
  4561. <div class = 'star1'></div>
  4562. <div class = 'star1'></div>
  4563. <div class = 'star1'></div>
  4564. <div class = 'star1'></div>
  4565. <div class = 'star1'></div>
  4566. </div>
  4567. <%}else{
  4568. if(comment_text.length() > 0 && !comment_status.equals("E") ) {
  4569. %>
  4570. <div style="margin: 0px auto 10px auto;">
  4571. <div style="margin-top: 15px;font-weight: bold;font-size: 11pt;color: #a8cf42;">您已於<%=comment_date %>評論過。<a class='linkStyle02' style="font-size: 12pt;font-weight: normal;" target="_self" href="/container_zekeaclt_view.html?co=<%=comment_pk %>&ci=<%=String.valueOf(cc.getCuid()) %>&cp=3">檢視評論</a></div>
  4572. </div>
  4573. <% }else{ %>
  4574. <div id="m_commentWriter">
  4575. <% if(comment_text.length() == 0) { %>
  4576. <div style="margin: 0 auto;font-weight: bold;font-size: 11pt;"></div>
  4577. <%}else{ %>
  4578. <div style="margin: 0 auto;font-weight: bold;font-size: 11pt;"><span style='color: white;background-color: black;padding: 1px 8px 1px 8px;font-weight: normal;margin: 0px 5px;'>草稿</span></div>
  4579. <%} %>
  4580. <div class='media' style="margin: 15px 0 0 0;">
  4581. <div class='cust_frame media-left'>
  4582. <ul style="padding:0px;margin:0px;list-style:none;">
  4583. <li><img style='border-radius: 50%;border: none;' src="<%= sing.getImgUrl() %>/showMemImage.html?no=<%= String.valueOf(cc.getCuid()) %>&width=100&height=100" height="50" width="50" /></li>
  4584. </ul>
  4585. </div>
  4586. <div class='comment_frame_write media-body' >
  4587. <div style="position:relative">
  4588. <div class='l_e' style="position:absolute;left: -6px;top: 13px;"></div>
  4589. <div>
  4590. <textarea name='commentMasContent' wrap='virtual' id='m_commentMasContentArea' class='ta' placeholder='新增評論…'></textarea>
  4591. </div>
  4592. </div>
  4593. <div style="margin-top: 10px;">
  4594. <div>
  4595. <div style="float:left; font-size:10pt; font-weight:bold; color:#666666; padding:8px 5px 0 0;">給書籍星評</div>
  4596. <div style="float:left;padding-top: 5px;">
  4597. <div class="StarRate" id="gotoRateIt" data-rateit-value="<%=myStartLevel %>">
  4598. <div class = 'star1'></div>
  4599. <div class = 'star1'></div>
  4600. <div class = 'star1'></div>
  4601. <div class = 'star1'></div>
  4602. <div class = 'star1'></div>
  4603. </div>
  4604. </div>
  4605. </div>
  4606. <div style="float:right;margin-top: 10px;">
  4607. <!-- <div class='comment_cancel' style='float:left' onclick="cancelCommentAdd();">取消</div> -->
  4608. <div style='float:left;font-size:10pt; font-weight:bold; color:#666666; padding:5px 5px 0 0;' id="maxLength" commMax="1200"></div>
  4609. <div style='float:left;margin-top:10px;'>
  4610. <div title="勾選這個欄位將你發表的評論同步到facebook上" onclick='changeCheckDiv(this)' rel="uncheck" class="fb_shared checkDiv" style='float:left;'>
  4611. <div class='checkY' rel='N'>
  4612. <span class='glyphicon glyphicon-ok'></span>
  4613. </div>
  4614. </div>
  4615. <span style='float:left;'>分享至臉書</span>
  4616. </div>
  4617. <button class='m_comment_draft' onclick='saveComment(0);'></button>
  4618. <button class='m_comment_send' onclick='saveComment(1);'></button>
  4619. </div>
  4620. <div style='clear:both'></div>
  4621. </div>
  4622. </div>
  4623. <div id="m_commentMasTitle" style="display:none;"><%=comment_title %></div>
  4624. <div id="m_myCommentContent" style="display:none;"><%=comment_html %></div>
  4625. <div id="m_myCommentConetntShort" style='display:none'><%=comment_text %></div>
  4626. <div style='clear:both'></div>
  4627. </div>
  4628. </div>
  4629. <% }
  4630. }
  4631. %>
  4632.  
  4633. <div class="comment_content" style="margin-top:10px"></div>
  4634. <div class='more_cmt' style="margin: 5px auto; text-align: center; padding-top:5px; border-top: dotted 1px #cccccc; display:none;font-size: 10pt;cursor:pointer;"><button class='btn btn-taaze-a btn-block'>看更多評論</button></div>
  4635. </div>
  4636. </div>
  4637. <%--評價 --%>
  4638.  
  4639. <!-- same collect -->
  4640. <%
  4641. if(sameCollect!=null && sameCollect.size()>0){
  4642. String show_title = "";
  4643. if(sing.prodCatId.equals("11") || sing.prodCatId.equals("14")) {
  4644. show_title = "這本書";
  4645. } else if(sing.prodCatId.equals("21") || sing.prodCatId.equals("23") || sing.prodCatId.equals("24") || sing.prodCatId.equals("25") || sing.prodCatId.equals("27")) {
  4646. show_title = "這本雜誌";
  4647. } else {
  4648. show_title = "這件商品";
  4649. }
  4650. %>
  4651. <div class="row" style="margin-top:0px;">
  4652. <div class="col-xs-12" style="background-color:#efefef; height:1px;"></div>
  4653. <div class="col-xs-12">
  4654. <div class="panelHeader" style="padding:15px 0; float:left;"><span>收藏<%=show_title %>的人也收藏了</span></div>
  4655. <div style="clear:both;"></div>
  4656. </div>
  4657. </div>
  4658. <div class="mSameCollect_wrap mWrapper" style="margin-bottom:20px;">
  4659. <div id="mSameCollect" style="width:100%">
  4660. <ul style="list-style:none;">
  4661. <%
  4662. for(int i=0; i<sameCollect.size(); i++){
  4663. %>
  4664. <li>
  4665. <div style="margin:0 5px 5px 5px;height:100%;">
  4666. <div>
  4667. <div class='mobileBookImg'>
  4668. <a href="/goods/<%=sameCollect.getJSONObject(i).getString("prodId") %>.html">
  4669. <img class="img-responsive" src="https://media.taaze.tw/showThumbnail.html?sc=<%=sameCollect.getJSONObject(i).getString("orgProdId") %>&height=280&width=210" alt="" />
  4670. </a>
  4671. </div>
  4672. <div class="itemInfo">
  4673. <div class="prodTitle">
  4674. <a href="/goods/<%=sameCollect.getJSONObject(i).getString("prodId")%>.html">
  4675. <%=sameCollect.getJSONObject(i).getString("titleMain") %>
  4676. </a>
  4677. </div>
  4678. <div class='discPrice'>優惠價：<span><%=Math.round(sameCollect.getJSONObject(i).getInt("specialPrice")) %></span>元</div>
  4679. </div>
  4680. <div style="clear:both;"></div>
  4681. </div>
  4682. </div>
  4683. </li>
  4684. <%
  4685. }
  4686. %>
  4687. </ul>
  4688. </div>
  4689. </div>
  4690.  
  4691. <% } %>
  4692. <!-- end same collect -->
  4693.  
  4694. <!-- hot item -->
  4695. <% if(hotItems != null && hotItems.size() > 0) { %>
  4696. <div class="row" style="margin-top:0px;">
  4697. <div class="col-xs-12" style="background-color:#efefef; height:1px;"></div>
  4698. <div class="col-xs-12">
  4699. <div class="panelHeader" style="padding:15px 0; float:left;"><span>近期最多人購買</span></div>
  4700. <div style="clear:both;"></div>
  4701. </div>
  4702. </div>
  4703. <div class="m_hotItem_wrap mWrapper" style="margin-bottom:20px;">
  4704. <div id="m_hotItem" style="width:100%">
  4705. <ul style="list-style:none;">
  4706. <%
  4707. for(int i=0; i<hotItems.size(); i++){
  4708. %>
  4709. <li>
  4710. <div style="margin:0 5px 5px 5px;height:100%;">
  4711. <div>
  4712. <div class='mobileBookImg'>
  4713. <a href="/goods/<%=hotItems.getJSONObject(i).getString("prodId") %>.html">
  4714. <img class="img-responsive" src="https://media.taaze.tw/showThumbnail.html?sc=<%=hotItems.getJSONObject(i).getString("prodId") %>&height=280&width=210" alt="" />
  4715. </a>
  4716. </div>
  4717. <div class="itemInfo">
  4718. <div class="prodTitle">
  4719. <a href="/goods/<%=hotItems.getJSONObject(i).getString("prodId")%>.html">
  4720. <%=hotItems.getJSONObject(i).getString("titleMain") %>
  4721. </a>
  4722. </div>
  4723. <div class='discPrice'>優惠價：<span><%=hotItems.getJSONObject(i).getString("specialPrice") %></span>元</div>
  4724. </div>
  4725. <div style="clear:both;"></div>
  4726. </div>
  4727. </div>
  4728. </li>
  4729. <%
  4730. }
  4731. %>
  4732. </ul>
  4733. </div>
  4734. </div>
  4735. <% } %>
  4736. <!-- end hot item -->
  4737. <!-- 為您推薦 -->
  4738. <div id="_popIn_recommend">
  4739. <script type="text/javascript">
  4740.  
  4741. (function() {
  4742.  
  4743. var pa = document.createElement('script'); pa.type = 'text/javascript'; pa.charset = "utf-8"; pa.async = true;
  4744.  
  4745. pa.src = window.location.protocol + "//api.popin.cc/searchbox/taaze_tw.js";
  4746.  
  4747. var s = document.getElementsByTagName('script')[1]; s.parentNode.insertBefore(pa, s);
  4748.  
  4749. })();
  4750.  
  4751. </script>
  4752. </div>
  4753. <!-- 為您推薦 -->
  4754. <!-- Google Tag Manager (noscript) -->
  4755. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K2KVGFF"
  4756. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  4757. <!-- End Google Tag Manager (noscript) -->
  4758. </div>
  4759. </div>
  4760. <%-- 左邊區塊 --%>
  4761. </div>
  4762. <%-- 商品頁內容 --%>
  4763. </div>
  4764.  
  4765.  
  4766. <%-- mobile model end ------------------------------------------------------- --%>
  4767. <div style='display:none'>
  4768. <textarea wrap='virtual' id='commentMasContent'></textarea>
  4769. </div>
  4770. <div class="modal fade" id="addWantModal" tabindex="-1" role="dialog">
  4771. <div class="modal-dialog" role="document" style='width:300px;height:230px;'>
  4772. <div class="modal-content">
  4773. <div class="modal-body">
  4774. <div id="addToWant">
  4775. <div style='font-weight:bold;'>我的徵求價</div>
  4776. <input type="hidden" id="hidden_org_price" value="<%=(int)sing.salePrice %>" />
  4777. <div style='padding:20px 20px;'>
  4778. <div style='margin-bottom: 3px'>
  4779. <div class='checkDiv' role='radio' name = 'sndRequire' radioVal='B'><div class='checkY' rel='N'><span class='glyphicon glyphicon-ok'></span></div></div>
  4780. <span style='margin-right: 17px;'>折扣</span>
  4781. <select class='search_select want_discount'>
  4782. <option value="0">請選擇</option>
  4783. <option value="10">1</option>
  4784. <option value="20">2</option>
  4785. <option value="30">3</option>
  4786. <option value="40">4</option>
  4787. <option value="50">5</option>
  4788. <option value="60">6</option>
  4789. <option value="70">7</option>
  4790. <option value="80">8</option>
  4791. <option value="90">9</option>
  4792. </select>
  4793. </div>
  4794. <div>
  4795. <div class='checkDiv' role='radio' radioVal='A' name = 'sndRequire'><div class='checkY' rel='N'><span class='glyphicon glyphicon-ok'></span></div></div>
  4796. <span style='margin-right: 3px;'>價格<img class='what_sndPrice' style="width:15px;height:15px;vertical-align: text-top;" src="/new_ec/rwd/include/images/C_image/ic/ic_14@2x.png"/></span>
  4797. <input type="text" id='want_price' rel='<%=sing.salePrice %>' rel2='N' class='search_input'/>
  4798. <div id='what_sndPrice_info' style='display:none;'>
  4799. 徵求價是您期待的二手價。徵求價不得低於35元，最高為目前的新書售價，絕版書的徵求價無上限。
  4800. 可不填徵求價，直接按確定即徵求
  4801. </div>
  4802. </div>
  4803. <div style='margin-top: 15px; padding: 0px 0px 0px 40px;'>
  4804. <!--<div onclick='changeCheckDiv(this)' rel="uncheck" class="fb_shared checkDiv">
  4805. <div class='checkY' rel='N'>
  4806. <span class='glyphicon glyphicon-ok'></span>
  4807. </div>
  4808. </div>
  4809. <span>分享至臉書</span>-->
  4810. <span data-dismiss="modal" aria-label="Close" id="CancelWant" class="cancel" style='cursor:pointer;padding:5px 10px;border: 1px solid #C2C2C2;border-radius: 100px;width:52px;height:30px;'>取消</span>
  4811. <span id="AddWant" class="save" style='cursor:pointer;background-image: linear-gradient(60deg, #E3007F 0%, #EB8B87 100%);border-radius: 100px;color: #FFFFFF;width:52px;height:30px;padding: 5px 10px;'>確定</span>
  4812. </div>
  4813. </div>
  4814. </div>
  4815. </div>
  4816. </div>
  4817. </div>
  4818. </div>
  4819. <div class="modal fade" id="sendToSellModal" tabindex="-1" role="dialog">
  4820. <div class="modal-dialog" role="document" style='width:300px;'>
  4821. <div class="modal-content">
  4822. <div class="modal-body">
  4823. <div id="sendToSell">
  4824. <input type='hidden' id ='HIDE_DISCIPLINE_NO' />
  4825. <div style='font-weight:bold;'>我要賣</div>
  4826. <div style='padding:10px 10px;'>
  4827. <% if(sing.prodCatId.equals("11") && ( sing.titleMain.contains("CD") || sing.titleMain.contains("DVD")) ) { %>
  4828. <% if(sing.prodCatId.equals("11") && ( sing.titleMain.contains("CD") || sing.titleMain.contains("DVD")) ) { %>
  4829. <div style=' padding-bottom: 10px; color: #e2008e;'>
  4830. 提醒您！您的書名顯示該書包含附件，請您再次確認書籍有包含附件？
  4831. (書名已標註含附件的書，二手書亦需包括附件，TAAZE才能代售。若無附件，TAAZE將退書給您)
  4832. </div>
  4833. <% } %>
  4834. <% } %>
  4835. <div style='margin-bottom: 3px'>
  4836. <div style="float: left;width: 40px; padding-top: 3px;"><s:text name="system.remark" /></div>
  4837. <div style="float: left;">
  4838. <select name="setProdRemark" class='search_select'>
  4839. <option value="A" selected="selected"><s:text name="customer.twobook.prod_remark.A" /></option>
  4840. <option value="B"><s:text name="customer.twobook.prod_remark.B" /></option>
  4841. <option value="C"><s:text name="customer.twobook.prod_remark.C" /></option>
  4842. <option value="D"><s:text name="customer.twobook.prod_remark.D" /></option>
  4843. <option value="E"><s:text name="customer.twobook.prod_remark.E" /></option>
  4844. <option value="F"><s:text name="customer.twobook.prod_remark.F" /></option>
  4845. <option value="G"><s:text name="customer.twobook.prod_remark.G" /></option>
  4846. <option value="Z"><s:text name="customer.twobook.prod_remark.Z" /></option>
  4847. </select>
  4848. </div>
  4849. <div style='clear:both'></div>
  4850. </div>
  4851. <div id="field11" style="margin-top: 5px; margin-bottom: 3px; display: none;">
  4852. <div style="float: left; width: 40px; padding-top: 3px;">其他</div>
  4853. <div style="float: left;"><input class='search_input' type="text" name="setProdRemarkOther" size="14"></div>
  4854. <br style="clear: both;" />
  4855. </div>
  4856. <div style='margin-bottom: 3px'>
  4857. <div style="float: left; width: 35px;height: 56px; padding-top: 3px;"><s:text name="order.item.price" /></div>
  4858. <div style='float: left;height: 56px;'>
  4859. <div style='margin-bottom: 3px'>
  4860. <div class='checkDiv' role='radio' radioVal='A' name = 'setSaleMethod'><div class='checkY' rel='N'><span class='glyphicon glyphicon-ok'></span></div></div>
  4861. <span style='margin-right: 3px;'>價格</span>
  4862. <input style='width: 110px;height: 25px;' type="text" name='inputSaleMethod' id='setSaleMethodA' rel='<%=sing.salePrice %>' rel2='N' />
  4863. </div>
  4864. <div style='margin-bottom: 3px'>
  4865. <div class='checkDiv' role='radio' name = 'setSaleMethod' radioVal='B'><div class='checkY' rel='N'><span class='glyphicon glyphicon-ok'></span></div></div>
  4866. <span style='margin-right: 3px;'>折扣</span>
  4867. <input style='width: 110px;height: 25px;' title="" type='text' name='inputSaleMethod' id='setSaleMethodB' />
  4868. <div id='setSaleMethodB_info' style='display:none'>折扣填法如下：<br/>如想賣7折，填入70，想賣4.5折請填入45，皆為整數</div>
  4869. </div>
  4870. </div>
  4871. <div style='clear:both'></div>
  4872. </div>
  4873. <div style='margin-bottom: 3px'>
  4874. <div style="float: left; width: 40px; padding-top: 3px;"><s:text name="single.income" /></div>
  4875. <div style="float: left;"><input class='search-input' type="text" name="setInCome" size="14" readonly="readonly"></div>
  4876. <div style='clear:both'></div>
  4877. </div>
  4878. <div style='margin-bottom: 3px'>
  4879. <div style="float: left; width: 45px; padding-top: 3px;"><s:text name="ec.snd_hand.textbook" /></div>
  4880. <div style="float: left;margin-left:10px;"><input type="radio" name="setIsSchool" value="Y" /></div>
  4881. <div style="float: left; padding-top: 3px; padding-left: 2px;">是</div>
  4882. <div style="float: left;margin-left:10px;"><input type="radio" name="setIsSchool" value="N" checked="checked" /></div>
  4883. <div style="float: left; padding-top: 3px; padding-left: 2px;">否</div>
  4884. <div style="clear: both;"></div>
  4885. </div>
  4886. <div id='isSchool' style='margin-bottom:10px;display:none;'>
  4887. <div style='margin-bottom: 3px'>
  4888. <span style='margin-right: 3px; float:left;'>縣市區域</span>
  4889. <div style='float:left;' id='field07'></div>
  4890. <br style="clear: both;" />
  4891. </div>
  4892. <div style='margin-bottom: 3px'>
  4893. <span style='margin-right: 3px;float:left;'>所屬學校</span>
  4894. <div style='float:left;' id='field08'></div>
  4895. <br style="clear: both;" />
  4896. </div>
  4897. <div style='margin-bottom: 3px'>
  4898. <span style='margin-right: 3px;float:left;'>所屬系別</span>
  4899. <div style='float:left;' id='field09'></div>
  4900. <br style="clear: both;" />
  4901. </div>
  4902. <!-- 20180813 教科書功能還有問題要處理 以後再當新需求處理 -->
  4903. <!-- <div style='margin-bottom:3px;border-bottom:#848484 solid 1px'>「校系」或「學科」註記(請擇一填選)</div> -->
  4904. <!-- <div style='text-align: center;margin-bottom: -5px;margin-top: 7px;'>校系註記</div> -->
  4905. <!-- <div style='margin-bottom:3px;'> -->
  4906. <!-- <div style='float:left;'> -->
  4907. <!-- <div style='text-align:center'>學校</div> -->
  4908. <!-- <div id='inputSchool'> -->
  4909. <!-- <input title="" type='text' class='search_input school' /> -->
  4910. <!-- </div> -->
  4911. <!-- </div> -->
  4912. <!-- <div style='float:left;'> -->
  4913. <!-- <div style='text-align:center'>科系所</div> -->
  4914. <!-- <div id='inputDepartment'> -->
  4915. <!-- <input title="" type='text' class='search_input school' /> -->
  4916. <!-- </div> -->
  4917. <!-- </div> -->
  4918. <!-- <div style='clear:both;'></div> -->
  4919. <!-- </div> -->
  4920. <!-- <div style='text-align: center;margin-bottom: -10px;margin-top: 10px;'>學科註記</div> -->
  4921. <!-- <div style='margin-bottom:3px;'> -->
  4922. <!-- <div style='float:left;'> -->
  4923. <!-- <div style='text-align:center'>學門</div> -->
  4924. <!-- <div id=''> -->
  4925. <%-- <select id='disciplineList' class='search_select'></select> --%>
  4926. <!-- </div> -->
  4927. <!-- </div> -->
  4928. <!-- <div style='float:left;'> -->
  4929. <!-- <div style='text-align:center'>學類</div> -->
  4930. <!-- <div id=''> -->
  4931. <%-- <select id='classList' class='search_select'></select> --%>
  4932. <!-- </div> -->
  4933. <!-- </div> -->
  4934. <!-- <div style='clear:both;'></div> -->
  4935. <!-- </div> -->
  4936. <!-- <div style='margin-bottom: 10px;'> -->
  4937. <!-- <div style='margin-bottom:3px;border-bottom:#848484 solid 1px'>教科書版本註記(可複選)</div> -->
  4938. <!-- <div style="float: left; margin-right:10px;"><input type="radio" name="whatVersion" value="A" />第<input type='text' class='search_input' style='width:35px;height:20px;margin-left: 0;margin-right: 0;'/>版本</div> -->
  4939. <!-- <div style="float: left;"><input type="radio" name="whatYear" value="B" />西元<input type='text' class='search_input' style='width:35px;height:20px;margin-left: 0;margin-right: 0;'/>年出版</div> -->
  4940. <!-- <div style='clear:both;'></div> -->
  4941. <!-- </div> -->
  4942. <!-- 20180813 教科書功能還有問題要處理 以後再當新需求處理 -->
  4943. </div>
  4944. <input type="hidden" name="orgListPrice" value="<%=sing.listPrice %>" />
  4945. <div style='margin-top: 15px;'>
  4946. <span data-dismiss="modal" aria-label="Close" id="" class="cancel" style='cursor:pointer;padding:5px 10px;border: 1px solid #C2C2C2;border-radius: 100px;width:52px;height:30px;'>取消</span>
  4947. <span data-dismiss="modal" aria-label="Close" id="saveTosell" class="save" style='cursor:pointer;background-image: linear-gradient(60deg, #E3007F 0%, #EB8B87 100%);border-radius: 100px;color: #FFFFFF;width:52px;height:30px;padding: 5px 10px;'>確定</span>
  4948. </div>
  4949. </div>
  4950. </div>
  4951. </div>
  4952. </div>
  4953. </div>
  4954. </div>
  4955.  
  4956. <div class="modal fade" id="msg_sub_Modal" aria-labelledby='mag_fullName' aria-hidden='true' tabindex="-1" role="dialog">
  4957. <div class="modal-dialog" role="document">
  4958. <div class="modal-content">
  4959. <div class="modal-header">
  4960. <strong class='modal-title' id='mag_fullName'><%=mag_full_name %></strong>
  4961. <button type='button' data-dismiss="modal" aria-label="Close" class="close" >
  4962. <span aria-hidden='true'>&times;</span>
  4963. </button>
  4964. </div>
  4965. <div class="modal-body">
  4966. <div style='float:left'>
  4967. <img class='mag_img' src="<%=mag_src %>" />
  4968. </div>
  4969. <div style='float:left;margin-left:5px;'>
  4970. <ul style='list-style:none;padding:0px;margin:0px;'>
  4971. <li><span style='font-weight: bold;'>出版社：</span><span class='mag_publisher'><%=mag_pub %></span></li>
  4972. <li><span style='font-weight: bold;'>最新期數：</span><span class='mag_newester'><%=mag_new_issue %></span></li>
  4973. <li><span style='font-weight: bold;'>最新一期出版日期：</span><span class='mag_pub_date'><%=mag_publish_date %></span></li>
  4974. <li><span style='font-weight: bold;'>出刊頻率：</span><span class='mag_pub_period'><%=mag_timing %></span></li>
  4975. <li><span style='font-weight: bold;'>出刊類型：</span><span class='mag_pub_type'><%=mag_print_type %></span></li>
  4976. <li><span style='font-weight: bold;'>選擇訂閱期數：</span></li>
  4977. <li>
  4978. <%=mag_sList_btn %>
  4979. </li>
  4980. <li><div style='width: 280px;color: #e2008e;font-size: 10pt;font-weight: bold;'>完成付款後，新訂戶將由目前最新一期寄發，續訂戶若已取得最新一期，則會從下一期繼續寄發。</div></li>
  4981. </ul>
  4982. </div>
  4983. <div style='clear:both;'></div>
  4984. </div>
  4985. </div>
  4986. </div>
  4987. </div>
  4988. <%
  4989. if(takelookList!=null&&takelookList.size()>0){
  4990. String videoContent = "";
  4991. %>
  4992. <!-- Take look Modal -->
  4993. <div class="modal fade" id="takelookModal" tabindex="-1" role="dialog" aria-labelledby="takelookModalLabel" >
  4994. <div class="modal-dialog modal-lg" style="" role="document" >
  4995. <div class="modal-content" style="width:100%">
  4996. <div class="modal-header" style="border-bottom:none;">
  4997. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4998. </div>
  4999. <div class="modal-body">
  5000. <div id="takelookCarousel2" class="carousel slide" data-ride="carousel" data-interval="false"><!-- 1 -->
  5001.  
  5002. <ol class="carousel-indicators" style="margin-left: -30%;">
  5003. <%
  5004. List<JSONObject> takelookCarousel2 = new ArrayList<JSONObject>();
  5005. for(int i=0; i<takelookList.size(); i++){
  5006. if(takelookList.getJSONObject(i).getString("src").equals("video")){
  5007. videoContent += "<div style='display:none'>";
  5008. videoContent += "<div style='display:none'><a id='showVedio' rel='showVedio' href='#videoContent'></a></div>";
  5009. videoContent += "<div id='videoContent' style='position: relative;overflow: hidden;'>";
  5010. videoContent += "<iframe id='videoIframe' frameBorder='0' width='520' height='390' class='prodVdoIfram' style='border: none;' video_id='";
  5011. videoContent += (takelookList.getJSONObject(i).getString("pkNo").equals("new"))?sing.vdoNm:sprodAskModel.getVideoId() ;
  5012. videoContent +="' type='t' src=''></iframe>";
  5013. videoContent += "</div>";
  5014. videoContent += "</div>";
  5015. continue;
  5016. }else if(takelookList.getJSONObject(i).getString("src").equals("cover")){
  5017. continue;
  5018. }
  5019. takelookCarousel2.add(takelookList.getJSONObject(i));
  5020.  
  5021. }
  5022. for(int i = 0; i < takelookCarousel2.size(); i++){
  5023. %>
  5024. <li data-target="#takelookCarousel2" data-slide-to="<%=i %>" <%=i==0?"class=\"active\"":"" %>></li>
  5025. <%
  5026. }
  5027. %>
  5028. </ol>
  5029.  
  5030. <div class="carousel-inner" style='height:100%;' role="listbox"><!-- 2 -->
  5031. <%
  5032. for(int i=0; i<takelookCarousel2.size(); i++){
  5033. if(takelookCarousel2.get(i).getString("src").equals("image")){
  5034. %>
  5035. <div class="item <%=i==0?"active":"" %>" ><!-- item block -->
  5036. <div class="talkelookGrid3">
  5037. <div class="" style="width:100%;">
  5038. <img style='border: none;width:100%;' data-src="holder.js/100%x195" alt="" src="https://media.taaze.tw/showThumbnailByPk.html?sc=<%=takelookCarousel2.get(i).getString("pkNo") %>&height=500&width=520" data-holder-rendered="true" class="bookImage" />
  5039. </div>
  5040. </div>
  5041. </div><!-- item block -->
  5042. <%
  5043. }
  5044. }
  5045. %>
  5046. </div><!-- 2 -->
  5047. <!-- Controls -->
  5048. <a class="arrowForLeft2" style='display:none' href="#takelookCarousel2" role="button" data-slide="prev">
  5049. <span></span>
  5050. <span class="sr-only">Previous</span>
  5051. </a>
  5052. <a class="arrowForRight2" style='display:none' href="#takelookCarousel2" role="button" data-slide="next">
  5053. <span></span>
  5054. <span class="sr-only">Next</span>
  5055. </a>
  5056. </div><!-- 1 -->
  5057. </div>
  5058. </div>
  5059. </div>
  5060. </div>
  5061.  
  5062. <%
  5063. out.print(videoContent);
  5064. }
  5065. %>
  5066.  
  5067. <div class="modal fade" id="mbonus" tabindex="-1" role="dialog" >
  5068. <div class="modal-dialog" role="document">
  5069. <div class="modal-content">
  5070. <div class="modal-header">
  5071. <h4 class="modal-title" id="ModalHeader">行銷分紅<a href="#" class="close" data-dismiss="modal">&times;</a></h4>
  5072. </div>
  5073. <div class="col-sm-12 col-xs-12 modal-body">
  5074. <ul>
  5075. <li><a href='/member_serviceCenter.html?qa_type=l'><s:text name="single.understand_more" /></a></li>
  5076. <li><a href='/mobileValidate.html?typeFlg=IA'><s:text name="single.immediately_open_access" /></a></li>
  5077. <li class='whatAp'><a href='#'><s:text name="single.what's_ap" /><img style="margin-left:3px;width:15px;height:15px;vertical-align: text-top;" src="/new_ec/rwd/include/images/C_image/ic/ic_14@2x.png" /></a></li>
  5078. </ul>
  5079. <div style='display:none;' id='whatAp_info'>
  5080. <s:text name="single.show_ap_info.msg"/>
  5081. </div></div>
  5082. <div class="modal-footer">
  5083. </div>
  5084. </div>
  5085. </div>
  5086. </div>
  5087.  
  5088.  
  5089.  
  5090.  
  5091. <div class="modal fade" id="shareFrame" tabindex="-1" role="dialog" >
  5092. <div class="modal-dialog" role="document">
  5093. <div class="modal-content">
  5094. <div class="modal-header">
  5095. <h4 class="modal-title" id="ModalHeader">分享<a href="#" class="close" data-dismiss="modal">&times;</a></h4>
  5096. </div>
  5097. <div class="col-sm-12 col-xs-12 modal-body">
  5098. <div id='shareFrameDiv' style="width:270px;height:33px;border: 0px;margin:auto;">
  5099. <iframe frameborder="0" border="0" cellspacing="0" style="width:100%;height:33px;border: 0px;margin:auto;" src="/share_index.html" ></iframe>
  5100. </div>
  5101. </div>
  5102. <div class="modal-footer">
  5103. </div>
  5104. </div>
  5105. </div>
  5106. </div>
  5107.  
  5108. <div id="editToXsxcat" style="padding: 15px; font-size: 10pt;display:none;">
  5109. <!-- 類別有誤？form -->
  5110. <div style='font-weight:bold;'>我要建議分類</div>
  5111. <span class='cat0'></span>
  5112. <div class='level1Cat' style='display:inline-block;'>
  5113. <select name="level1" class="catIdSelect" onChange="changeCatLevel2(this, '<%=sing.prodCatId %>')"></select>
  5114. </div>
  5115. <div class='level2Cat' style='display:inline-block;'>
  5116. <select name="level2" class="catIdSelect"></select>
  5117. </div>
  5118.  
  5119. <div style='margin: 15px 0;'>
  5120. <span class='cancel' style='cursor:pointer;padding:5px 10px;border: 1px solid #C2C2C2;border-radius: 100px;width:52px;height:30px;'>取消</span>
  5121. <span id='editToXsxcatSave' class='save' style='cursor:pointer;background-image: linear-gradient(60deg, #E3007F 0%, #EB8B87 100%);border-radius: 100px;color: #FFFFFF;width:52px;height:30px;padding: 5px 10px;'>確定</span>
  5122. </div>
  5123. <!-- form -->
  5124. </div>
  5125.  
  5126. <div id=tagAdd style="padding: 15px; font-size: 10pt;display:none;">
  5127. <!-- 類別有誤？form -->
  5128. <div style='font-weight:bold;'>貼標籤</div>
  5129. <span>一次性輸入多個標籤請用空格分開。
  5130. 如：行銷 企業 管理
  5131. 若輸入的標籤內容有空格，請用引號。
  5132. 如："Big apple"</span>
  5133.  
  5134. <div class='level1Cat'>
  5135. <textarea id="prodKw" rows="5" cols="28"></textarea>
  5136. </div>
  5137. <div style='margin: 15px 0;'>
  5138. <span class='cancel' style='cursor:pointer;padding:5px 10px;border: 1px solid #C2C2C2;border-radius: 100px;width:52px;height:30px;'>取消</span>
  5139. <span class='save' style='cursor:pointer;background-image: linear-gradient(60deg, #E3007F 0%, #EB8B87 100%);border-radius: 100px;color: #FFFFFF;width:52px;height:30px;padding: 5px 10px;'>確定</span>
  5140. </div>
  5141. <!-- form -->
  5142. </div>
  5143. <%-- body end --%>
  5144.  
  5145. <jsp:include page="/new_ec/rwd/include/jsp/include_footer.jsp" flush="true"/>
  5146.  
  5147. <div style="display:none">
  5148. <div id="fb_info" style='margin: 10px 20px 5px 20px;'>
  5149. <div style="display:none" class="hiden_info" id="act"><%=request.getParameter("act")!=null?request.getParameter("act").toString():"none" %></div>
  5150. <div style="display:none" class="hiden_info" id="is_collect"><%=request.getParameter("clt")!=null?request.getParameter("clt").toString():"1" %></div>
  5151. <div class="fb_connect_code" style="display:none"><%=request.getParameter("error_code")!=null?request.getParameter("error_code").toString():"100" %></div>
  5152. <div class="fb_response_code" style="display:none"><%=request.getParameter("code")!=null?request.getParameter("code").toString():"none" %></div>
  5153. <div style="display:none" class="hiden_info" id="comment_id"><%=request.getParameter("cmt")!=null?request.getParameter("cmt").toString():"none" %></div>
  5154. <table id="fb_table" style="display:inline;border-spacing: 2px;border-color: gray;padding-top:5px">
  5155. <tr>
  5156. <td>
  5157. <table width="417">
  5158. <tr><td align="center" style="background-color: #e2007e;height: 40px; color:white;font-size: 18px;">TAAZE | facebook 動態分享</td></tr>
  5159. <tr><td><div style="padding: 10px;font-size: 15px;padding-bottom: 5px;">同步facebook帳號，將您的冊格子收藏分享給facebook上的好友們！<span class="show_info" style="cursor: pointer;">了解更多</span></div></td></tr>
  5160. </table>
  5161. </td>
  5162. </tr>
  5163. <tr>
  5164. <td>
  5165. <table id="table_info" style="display:none">
  5166. <tr><td style="height: 26px;padding-left: 2px;padding: 5px;"><strong>Q：這是什麼?</strong></td></tr>
  5167. <tr><td colspan="3" style="height: 26px;padding-left: 2px;padding: 5px;"><div class='fb_a1'></div></td></tr>
  5168. <tr><td colspan="3" style="height: 26px;padding-left: 2px;padding: 5px;"><strong>Q：分享後這則動態在facebook上會顯示怎樣?</strong></td></tr>
  5169. <tr><td colspan="3" style="height: 26px;padding-left: 2px;padding: 5px;"><div class='fb_a2'></div></td></tr>
  5170. <tr><td><div align="left" style="padding-bottom:10px"><img class='fb_pic1' src=""></div></td></tr>
  5171. <tr>
  5172. <td colspan="3" style="padding-top:5px;padding-bottom: 10px;">
  5173. <table>
  5174. <tr><td colspan="2"><div class='fb_a3'>如果你不想將動態同步到facbook上，你可以取消打勾後再更新書本狀態，這則更新將不會同步到facebook上。</div></td></tr>
  5175. <tr style="border-bottom-width: 0.2em;border-bottom-color: #C2C2C2;border-bottom-style: solid;"><td colspan="2"><div align="center" style="padding-bottom:10px"><img class='fb_pic2' src=""></div></td></tr>
  5176. </table>
  5177. </td>
  5178. </tr>
  5179. </table>
  5180. </td>
  5181. </tr>
  5182. <tr>
  5183. <td style="padding-top:5px;padding-bottom: 10px;">
  5184. <table width="400">
  5185. <tr><td style="padding-right:10px"><div class="submit" id="cancel" style="float:right;margin-left:30px;">不，我不想同步</div></td><td style="padding-right:10px"><div class="submit" id="confirm" style="float:left;;">facebook帳號同步</div></td></tr>
  5186. </table>
  5187. </td>
  5188. </tr>
  5189. </table>
  5190. </div>
  5191. </div>
  5192. <%@ include file="/new_ec/rwd/include/js.jsp" %>
  5193. <script type="text/javascript" src="/new_ec/rwd/include/js/include_goods.js?v=5" async></script>
  5194.  
  5195. <script type="text/javascript" src="/include2/tooltipster/js/tooltipster.bundle.min.js"></script>
  5196. <script type="text/javascript" src="/include2/js/jquery.waypoints.min.js"></script>
  5197. <script type="text/javascript" src="/include2/js/swiper.min.js"></script>
  5198. <script type="text/javascript" src="/include2/js/jquery.touchSwipe.min.js"></script>
  5199. <script type="text/javascript" src="/include2/js/jquery.rateit.js"></script>
  5200. <script type="text/javascript" src="/include2/colorbox/jquery.colorbox-min.js"></script>
  5201. <script type="text/javascript" src="/include2/js/alertify.js"></script>
  5202. <script type="text/javascript" src="/include2/js/jquery.jgrowl.min.js"></script>
  5203. </body>
  5204. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!