CMS系統(tǒng)商城網(wǎng)站設計有哪些基礎組件？
文章編輯：網(wǎng)站建設 文章來源：網(wǎng)站改版 瀏覽量：次
CMS系統(tǒng)商城網(wǎng)站設計有哪些基礎組件？網(wǎng)站設計公司提醒在CMS系統(tǒng)中，設置自定義活動頁面的常用組件主要有圖片、文本、商品、商品排行榜、優(yōu)惠券、導航欄、HTML代碼等方式，由于目前移動端的使用比例較高，網(wǎng)站建設設計公司下面以移動端為例，針對各組件詳細講講其樣式和使用方法。這是一個“從哪里來，到哪里去”的問題――換言之就是關于“內(nèi)容”是什么，以及點擊之后鏈接到哪里。
CMS系統(tǒng)商城網(wǎng)站設計有哪些基礎組件之圖片
在電商網(wǎng)站首頁或活動頁面中，圖片是使用最廣泛的基礎組件――沒有之一。平常我們在APP看到的各種炫酷的頁面，基本都是設計師做好對應尺寸的圖片，由運營人員上傳到系統(tǒng)中組成的。圖片組件中幾個最基本的樣式:單圖、雙圖、輪播圖，以及多圖。每種樣式的圖片在系統(tǒng)中都對應規(guī)定不同的尺寸，上傳圖片需要按照要求的尺寸上傳。設置完圖片，那么點擊圖片鏈接到哪里?注意，對任何組件元素來說，鏈接到哪里去都是通用的，所以后面的組件不重復贅述。
跳往結果頁主要有自定義鏈接、自定義活動頁、商品分類、店鋪、商品詳情頁、優(yōu)惠券、購物車、會員中心等。
(1）自定義鏈接:直接設置鏈接，方便快捷。
(2）自定義活動頁:從自定義活動頁列表中選擇。
(3）商品分類:跳轉至某個商品分類的商品列表中。
(4）店鋪:從店鋪列表中查詢選擇需要跳轉的店鋪。
(5）商品詳情頁:從商品中查詢選擇跳轉的商品詳情頁。
(2）自定義活動頁:從自定義活動頁列表中選擇。
(3）商品分類:跳轉至某個商品分類的商品列表中。
(4）店鋪:從店鋪列表中查詢選擇需要跳轉的店鋪。
(5）商品詳情頁:從商品中查詢選擇跳轉的商品詳情頁。
(6）優(yōu)惠券:從優(yōu)惠券中選擇需要跳轉的店鋪，或直接設置優(yōu)惠券編號。
(7）購物車:跳轉至用戶的購物車。
(7）購物車:跳轉至用戶的購物車。
(8）會員中心:跳轉至會員中心。
【CMS系統(tǒng)商城網(wǎng)站設計有哪些基礎組件之文本模塊】
在自定義頁面中直接插入文本，這種目前很少用，只有在增加提醒時會添加。主要的形式有標題、普通文本等，也可以設置跳轉。
【CMS系統(tǒng)商城網(wǎng)站設計有哪些基礎組件之商品管理】
商品也是很常見的組件，有純粹的商品顯示，還有直接在活動頁加入購物車。如圖5-6所示的幾種常用的樣式:單列商品、雙列商品、多商品等。注意，商品的展示形式有很多種，不局限于該圖中列舉的形式。在設置時，先選擇對應的商品組件樣式，再選擇商品進行配置。商品的主圖、名稱、價格等內(nèi)容都是系統(tǒng)直接從商品資料中取出來，不需要重復設置。
【CMS系統(tǒng)商城網(wǎng)站設計有哪些基礎組件之商品排行榜】
商品排行榜是一個動態(tài)榜單，在運營中對促進商品銷售很有用。
如圖5-7所示的是榜單顯示的兩種樣式，系統(tǒng)提供各種榜單選擇，如全品類銷售榜單、類目商品榜單、收藏量榜單等。運營人員在設置時只需要選擇商品的顯示樣式和榜單類型就可以。系統(tǒng)直接從排行榜中拉取動態(tài)數(shù)據(jù)在前臺顯示。
【CMS系統(tǒng)商城網(wǎng)站設計有哪些基礎組件之優(yōu)惠券】
優(yōu)惠券可通過圖片顯示，鏈接至優(yōu)惠券頁面。系統(tǒng)也可以提供優(yōu)惠券的樣式，直接插入。在設置時，從優(yōu)惠券列表中選擇或者輸入優(yōu)惠券編碼。在活動頁可直接領取優(yōu)惠券。
【CMS系統(tǒng)商城網(wǎng)站設計有哪些基礎組件之導航欄】
導航欄的功能比較復雜。導航欄分為兩種，一種是中間導航欄，一種是頂部或底部導航欄。在切換導航欄時，頁面內(nèi)容發(fā)生變化。比如“自營服飾”、“型格男裝”、“內(nèi)衣配飾”、“潮流鞋靴”這一欄屬于中部導航欄，通過從當前活動頁內(nèi)容中選取每一個導航Tab的定位錨點，當點擊Tab時，頁面跳轉至對應的錨點位置。可設置在滑動時，導航欄懸浮在頂部。“主會場”、“全部會場”、“必買清單”、“我的618”屬于底部導航欄，還有經(jīng)常見到的頂部導航欄。這些導航的鏈接都屬于活動頁之間的跳轉，當點擊其中的某個Tab時，會跳轉至另一個活動頁面。好了，深圳網(wǎng)站設計公司本文關于“ CMS系統(tǒng)商城網(wǎng)站設計有哪些基礎組件？”知識就分享到這里，謝謝關注，博納網(wǎng)絡編輯整理。
當前文章鏈接：/construction/wzgb/14602.html
如果您覺得案例還不錯請幫忙分享：
[聲明]本網(wǎng)轉載網(wǎng)絡媒體稿件是為了傳播更多的信息，此類稿件不代表本網(wǎng)觀點，本網(wǎng)不承擔此類稿件侵權行為的連帶責任。故此，如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權，請您的相關內(nèi)容發(fā)至此郵箱【qin@198bona.com 】，我們在確認后，會立即刪除，保證您的版權。
相關案例推薦
資訊分類
最新發(fā)布
- 商城網(wǎng)站改版建設關于網(wǎng)站的推廣八種方案
- 網(wǎng)站改版建設與自建Web服務以及網(wǎng)站發(fā)布解決方案
- 商城網(wǎng)站改版關于開發(fā)工具的選擇與測試有哪些？
- 電商網(wǎng)站改版建設程序應用什么是中間軟件與服務器硬件的選擇
- 電商網(wǎng)站改版關于系統(tǒng)信息基礎設施設計解決方案
- 電子商務網(wǎng)站改版系統(tǒng)分析的基本過程怎樣的？
- 企業(yè)對企業(yè)電子商務網(wǎng)站改版與威客電商系統(tǒng)規(guī)劃要點
- 電商網(wǎng)站改版什么是電子商務應用系統(tǒng)以及怎樣撰寫改版報告？
- 商城網(wǎng)站改版服務器使用操作系統(tǒng)好？
- 電子商務網(wǎng)站改版為什么首先要了解什么是電子商務？
