跳到主要內容
零售模板
無論品牌產品是實品、作品、課程還是服務 - noon360 讓您依照自己的行業銷售方式與流程來服務您的顧客。
class=shopBlk
$PrdImgM$
$IconSale$
$PrdTitle$
$PrdDesc$
$PrdPriceHint$
$PrdPrice$
內用
class=title
%html%
.PrdList { border:1px solid transparent; } /* 務必有這個 border，在 firefox,、ie 才不會有問題。 */ .PrdList .divCell { width:240px; margin-right:5px; margin-bottom:5px; overflow:hidden; } .PrdList .liCell { text-align:center; padding:8px; border:1px solid #dddddd; overflow:hidden; } .PrdList .liCellL {} .PrdList .liCellR {} .PrdList .liCellT {} .PrdList .liCellB {} .PrdList .ColN_1 {} .PrdList .ColN_2 {} .PrdList .ColN_3 {} .PrdList .ColN_4 {} .PrdList .ColN_5 {} .PrdList .ColN_6 {} .PrdList .ColN_7 {} .PrdList .ColN_8 {} .PrdList .PrdListCont { text-align:center; } .PrdList .PrdCell { width:100%; } .PrdList .PrdCell a {} .PrdList .PrdCell a:hover { color:#000000; } .PrdList .PrdCell .PrdImgM { margin-bottom:8px; } .PrdList .PrdCell .PrdImgM img {} .PrdList .ColN_2 .PrdCell .PrdImgM img {} .PrdList .ColN_3 .PrdCell .PrdImgM img {} .PrdList .ColN_4 .PrdCell .PrdImgM img {} .PrdList .ColN_5 .PrdCell .PrdImgM img {} .PrdList .ColN_6 .PrdCell .PrdImgM img {} .PrdList .ColN_7 .PrdCell .PrdImgM img {} .PrdList .ColN_8 .PrdCell .PrdImgM img {} .PrdList .PrdCell .PrdContent { margin-bottom:4px; } .PrdList .ColN_2 .PrdCell .PrdContent {} .PrdList .ColN_3 .PrdCell .PrdContent {} .PrdList .ColN_4 .PrdCell .PrdContent {} .PrdList .ColN_5 .PrdCell .PrdContent {} .PrdList .ColN_6 .PrdCell .PrdContent {} .PrdList .ColN_7 .PrdCell .PrdContent {} .PrdList .ColN_8 .PrdCell .PrdContent {} .PrdList .PrdCell .PrdTitle { line-height:125%; margin-top:4px; margin-bottom:4px; color:#222222; } .PrdList .PrdCell .PrdDesc { line-height:125%; margin-bottom:4px; color:#666666; text-align:left; } .PrdList .PrdCell .PrdPrice { margin-bottom:4px; } .PrdList .PrdCell .PriceName {} .PrdList .PrdCell .DollarSign { color:#ff0000; } .PrdList .PrdCell .PriceAmt { color:#ff0000; font-weight:bold; } .PrdList .PrdCell .DollarUnit {} .PrdList .PrdCell .PrdCtrl { margin-bottom:8px; } .PrdList .PrdCell .PrdQty {} .PrdList .PrdCell .PrdBtn {} .PrdList .PrdCell .PrdExt {} /* 預設 */ .PrdList .SaleBtn1 { border:1px solid #aa0000; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 正常 */ .PrdList .SaleBtn2 { border:1px solid #aa0000; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 預購 */ .PrdList .SaleBtn3 { border:1px solid #0000aa; background:#000088; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 郵購 */ .PrdList .SaleBtn4 { border:1px solid #0000aa; background:#000088; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 補貨 */ .PrdList .SaleBtn5 { border:1px solid #006600; background:#008800; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 停售 */ .PrdList .SaleBtn6 { border:1px solid #666666; background:#888888; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; } /* 售完 */ .PrdList .SaleBtn7 { border:1px solid #666666; background:#888888; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; } /* 競標 */ .PrdList .SaleBtn8 { border:1px solid #aa0000; background:#cc0000; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 推薦 */ .PrdList .PrdListExtBtn { border:1px solid #998800; background:#aa8800; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } /* 紅利兌換 */ .tableExchg { width:100%; } .tableExchg th , .tableExchg td { padding-top:2px; padding-bottom:2px; padding-left:4px; padding-right:4px; white-space:nowrap; font-weight:normal; color:#444444; border-radius:4px; } .tableExchg th { text-align:center; background:#dddddd; } .tableExchg td { text-align:center; } .tableExchg .tdExchgBtn div { border-radius:4px; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; text-align:center; } .tableExchg .tdExchgBtn div:hover { background:#ff0000; cursor:pointer; } .tableExchg .spanExchgPt , .tableExchg .spanExchgAmt { font-weight:bold; color:red; } /* 喜愛 */ .cssPrdInfoFave { cursor:pointer; color:transparent; width:32px; height:32px; background:url(/main/wdb2/images/HeartIcon_32x32_0.png) no-repeat; background-size:contain; } .cssPrdInfoFave1 { background:url(/main/wdb2/images/HeartIcon_32x32.png) no-repeat; background-size:contain; }
.PrdList .PrdCell .PrdImgM { display:$PrdListPrdImgMDisp$; }
.PrdList .PrdCell .PrdTitle { display:$PrdListPrdTitleDisp$; }
.PrdList .PrdCell .PrdDesc { display:$PrdListPrdDescDisp$; }
.PrdList .PrdCell .PrdPrice { display:$PrdListPrdPriceDisp$; }
.PrdList .PrdCell .PriceName { display:$PrdListPriceNameDisp$; }
.PrdList .PrdCell .PrdQty { display:$PrdListPrdQtyDisp$; }
.PrdList .PrdCell .PrdBtn { display:$PrdListPrdBtnDisp$; }
.PrdList .PrdCell .PrdExt { display:$PrdListPrdExtDisp$; }
.PrdList .PrdCell .PrdTitle { font-family:$PrdListTitleFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.PrdList .PrdCell .PrdDesc { font-family:$PrdListDescFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.PrdList .PrdCell .PriceName { font-family:$PrdListNameFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.PrdList .PrdCell .PriceAmt { font-family:$PrdListAmtFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.PrdList .liCell { padding:$PrdListPadding$; }
.PrdList .liCell { border:$PrdListBorder$; }
.PrdList .divCell { width:$PrdListDivW$; }
.PrdList .liCell { height:$PrdListDivH$; }
.PrdList .divCell { border:$PrdListDivB$; }
.PrdList .divCell { padding:$PrdListDivP$; }
.PrdList .divCell { margin-right:$PrdListDivL$; }
.PrdList .divCell { margin-bottom:$PrdListDivT$; }
複製 -烏梅汁
烏梅汁
網路售價:
NT$
101
元
ZC511553
飲料
developer2
/main/modules/MySpace/PrdInfo.php?sn=retail&prd=2205000052305
{"大小":["大","小"]}
烏梅汁
烏梅汁
網路售價:
NT$
101
元
ZC511553
飲料
developer2
/main/modules/MySpace/PrdInfo.php?sn=retail&prd=2205000520798
{"大小":["大","小"]}
#PageCtrl { font-family:sө; text-align:center; } #PageCtrl a { color:#666666; } #PageCtrl a:hover { color:#ff6622; } #PageCtrl .PageBtn { margin-left:3px; margin-right:3px; } #PageCtrl .OtherPage {} #PageCtrl .ThisPage { color:#000000; font-weight:bold; } #PageCtrl .RecCount { font-weight:bold; }
總共
2
筆
:
頁數
1
返回
線上點餐
class=stepbtn
winWidth>=768
返回
購物車
餐點選擇
線上點餐
class=stepbtn
winWidth<=767
shopcart
class=shopcartIframe
