會員專區 | 討論區 | 網站說明 | 廠商合作 | 加入會員 | 常見問題 | 聯絡方式
討論區搜尋 :
   首頁 : 繁體 | 簡體 | Eng
 
內容分類
 
 
熱門快選
 

說明

頁面設定的主要功能是設定前台網頁的排列或樣式,經過簡單的選擇或輸入,便可以使網站展現很不一樣的呈現。頁面設定因平台種類不同,總共分成三種:
1. 全功能購物平台
產品選單設定、各種商品的排列方式、首頁主廣告呈現方式、快速連結呈現方式、新聞跑馬燈設定以及自訂商品外框編輯等。
2. 詢價貿易平台
與全功能購物平台雷同,只是商品只有詢價商品的設定。
3. 工商服務平台
首頁主廣告呈現方式、快速連結呈現方式、新聞跑馬燈設定。


操作方式

1. 登入後台,輸入帳號(E-Mail或是討論區帳號)、密碼以及認證碼(右邊的文字或數字,大小寫不拘)
 


2. 選取上方功能表單:基本設定->頁面設定



3. 進入頁面設定的管理介面,由於全功能購物的頁面設定包含了其他兩種平台的設定項目,所以以下只針對全功能購物平台的頁面設定做介紹,如果您是使用貿易詢價平台或是工商服務平台,請斟酌參考以下內容。

a. 產品選單設定



顯示項目數:如果切換成顯示,則於商品選單中的區和類的後面都會有顯示此區類中的商品數量。
顯示
不顯示

‧選單自動展開:選單展開是指連同商品類別一起顯示,如果選擇不展開,則只顯示商品區。
展開
不展開

‧選單類型:目前尚無功能,請選擇「預設」

b. 首頁商品排列設定
以購物平台而言,於首頁出現的商品排列有特價商品、超低價商品、紅利商品、預購商品以及詢價商品五種,其設定方式雷同,所以我們只針對特價商品做詳細介紹。


‧特價商品區樣式說明如下:
預設樣式:第一列使用中圖顯示,商品名在右側,最下面會標示價格,從第二列開始則不顯示圖片,以文字+價格的方式列於下方。
此範例之展示排列為列(ROW):* 行(Col):2 (星號代表無限制,有多少商品就會列出多少,目前設定為兩直行、無限制橫列)


形式一:與預設樣式雷同,不一樣的地方為第一列使用小圖顯示。

形式二:商品排列使用小圖在左,品名在右,右下方顯示價格。


形式三:不使用商品圖,全部使用商品名與價格顯示,是屬於簡約型的顯示方式。(以兩行為例)


形式四: 與預設的樣式雷同,不一樣的地方為商品圖與品名、價格都是以置中的方式顯示。


形式五:與形式二雷同,不一樣的地方為商品的圖片與文字都是置中的方式顯示。以下為行(Col):3為範例。


形式六:與形式五雷同,不一樣的是形式五使用的是小圖,而形式六使用的是中圖。

‧行列數的設定
所有的形式都可以使用「排列行列」來規劃行列數,可以照您的網站首頁版型的需求調整,十分的快速與方便。
PS: 列(Row)可以是星號,但是行(Col)不行,而且都必須為數字。


‧自訂樣式
透過自訂樣式,您可以自行設計排列中每一個商品展示的外框,只需要基本的HTML的觀念便可以操作。操作的方式基本上可分為幾個部份,一是先設計出商品展示的外框,二再將其中的變數取代。自訂樣式基本上提供了以下幾個變數可以使用:
(1) {IMGURL_S} : 此為小圖圖片的URL(連結位址)
(2) {IMGURL_M} : 此為中圖圖片的URL
(3) {IMGURL_B} : 此為大圖圖片的URL
(4) {PNAME_TXT} : 此為商品品名
(5) {PNAME_VAL} : 此為商品品名,不一樣的是此參數是放在Tag中的參數
(EX: <div title='{PNAME_VAL}'>{PNAME_TXT}</div>)
(6) {PDESC_TXT} : 此為商品的標題簡述
(7) {PDESC_VAL} : 此為商品的標題簡述,用於Tag中的參數
(8) {PLINK_URL} : 此為商品項展示頁面的網址
(9) {PRICE_TXT} : 此為商品的價格顯示
(10) {PRICE_VAL} : 此為商品的價格顯示,用於Tag中的參數
(11) {PKIND_CSSNO} : 此為分辨此商品的種類,例如 : 特價商品、超低價商品等,於套用不同CSS時可以運用此參數來區隔不同的Style的設定(例如,區隔特價商品與紅利積點商品的顯示樣式:
.home_prd2_name 與 .home_prd0_name,'0' =紅利商品; 1=超低價商品; 2=特價商品; 3=預購商品; 4=詢價商品,於樣式參數的顯示則變成
.home_prd{PKIND_CSSNO}_name
 
)

範例 :

<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td height='30' align='left' valign='top'><div id='Layer2' style='position:absolute; width:210px; height:30px; z-index:2O;OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis'>
<a href='{PLINK_URL}'>
<span class='home_prd{PKIND_CSSNO}_name'>
{PNAME_TXT}
</span>
</a>
</div></td>
</tr>
<tr>
<td align='left' valign='top'>
<table width='100%' border='0' cellspacing='0' cellpadding='4'>
<tr>
<td width='105' align='center' valign='top'>
<div style='border:1px solid #ddd'>
<a href='{PLINK_URL}'>
<span class='home_prd{PKIND_CSSNO}_img_td'>
<img src='{IMGURL_S}' border='0'>
</span>
</a>
</div>
</td>
<td height='105' align='left' valign='top' style='TEXT-OVERFLOW: clip'>
<div id='Layer1' style='position:absolute; width:115px; height:105px; z-index:1; overflow: hidden;line-height:150%;color:#666;padding:3px;'>
{PDESC_TXT}
</div></td>
</tr>
</table></td>
</tr>
</table>


顯示如下 :


c. 網站商品圖片大小的設定與自訂商品圖展示外框
商品圖片的尺寸有分為小圖、中圖與大圖,當您於商品本地索引以及商品項設定的時候,只需要上傳一張稍微大張一點的圖(建議為600X600以內),系統會根據以下參數幫您使用高品質的縮圖程式產生大圖、中圖和小圖。
而自訂商品展示樣式的設定,第一個為商品詳細說明的展示頁面中的大圖外框,第二為商品類的展示頁面,通常會運用中圖來展示,而小圖則是用以上內容的自訂樣式的功能來設定,不同於上方所述,下方圖片中「CSI(Client Side Include)樣式」則是利用java script來產生內容,而CSI的樣式就是控制此內容的樣式。(由於貿易詢價的平台只有一種類型的商品,所以由「首頁展示商品小圖樣式」來設定,其管理介面的位置同下方CSI樣式)

PS:
1. 關於樣式的設定請參考上方「‧自訂樣式」的說明。
2. CSI的設定說明如下:
請先看一個範例:
1. 於版型中將要顯示的商品區塊中置入以下HTML Code:
<script language=javascript src='/cgi-bin/prodmenu.cgi?lang=zh-tw&for=cstmprd&cmd=1&col=2&row=2&prds=1346,1347,1349,1348&picsize=s'></script>
2. 以上程式碼於網站首頁會呈現如下:


3. 參數說明:
 參數名稱  說明  示範
lang 網頁的語言版本,通常與目前網頁相同。例如 : zh-tw (繁體中文), zh-cn(簡體中文) lang=zh-tw
for 此參數必須為' cstmprd ' for=cstmprd
cmd 此參數是要告訴程式使用哪種內容產生的方式。1=指定商品,指定此參數時,prds不可為空值。2=指定某商品區之商品,以亂數抓取指定行列數,指定此參數時,aid必須要指定。3=指定某商品類之商品,以亂數抓取指定行列數,指定此參數時,tid必須要指定。 cmd=1
col 指定呈現的行數。 col=2
row 指定呈現的列數。 row=2
prds 當cmd=1時所指定的商品項目,以商品id代表,並且以英文的逗號分隔。 prds=30,60,90
aid 當cmd=2的時候指定某商品區的id aid=9
tid 當cmd=3的時候指定某商品類的id tid=12
picsize 指定所要使用的自訂樣式,此參數可以是: SML(指定大圖、中圖或是小圖的自訂樣式),以及只有購物平台可以使用的Special(特價商品)、Coupon(紅利商品)、PreOrd(預購商品)、Inq(詢價商品,如果貿易詢價平台的網站使用此參數,等同使用' S '參數)、LowPrice(超低價商品)的自訂版型。請注意:參數有區分大小寫。 picsize=S

由於CSI是由Javascript所產生的內容,各搜尋引擎對於此類的內容較無法利用裡面的連結去攀爬網站,所以對於網站的SEO會有不好的影響,建議不要使用太多。


d. 首頁主廣告樣式設定


首頁主廣告樣式總共有以下幾種:
1. 淡出淡入(預設)

2. 第一內容全部顯示

3. 全部內容全部顯示

4. 滑動非線性選擇

PS: 於建立首頁主廣告前,請先設定廣告圖片的長寬,以免修改造成麻煩。

d. 熱門快選樣式設定


各樣式說明:


d. 新聞跑馬燈樣式設定


各樣式說明:


d. 停用購物車商品頁標籤(此設定只針對購物平台)


所謂購物車商品頁標籤是指因為商品屬性的不同,前台購物車也會有不同的購物車頁面,但是有時候您可能暫時不使用某種商品類型,所以想把該頁籤關閉,此時便可以使用此設定功能來達成您的目的。
列印


  批評指教    
請輸入暱稱(Nick name)
請評分(Score)
1 5
辨識碼(大小寫不拘)
=
留言內容 (如為私密留言,請勾選以下方塊)

目前有 0 個批評指教,列出最近的20筆資料,觀看全部的評論請按此
本網站由納喜設計工作室製作‧內文引用之商標或名稱所屬權力為其出處所有‧請勿任意複製本站內容
有任何問題請參考聯絡方式PowerOn百力龍工商服務網PowerOn版型專區