Collections是網頁設計師很常用到的功能,有的平台翻作商品集或是商品分類目錄,可以簡單理解成網站文章的分類Category,用來條列呈現該項分類中的所有商品,讓雜亂無章的文章可以被排序。然而,Collection能做到的不只有Category的功能,更有CMS的效果,方便網頁瀏覽者依照價格高低或是人氣高低,來自動篩選或呈現他想看到的內容。
有的網站把這種功能叫做「CMS系統」網站後台管理系統(Content Management System,又稱內容管理系統),無論是電商頁面或是Landing Page著陸頁都很常用到這個功能,WordPress、Shopify等平台,多數都支援這項功能。大家可能太過習慣有這項功能,以致於不清楚它背後的原理。
文章結構
沒有CMS功能會怎樣?
假如沒有CMS功能,電商如果想要新增任何球鞋商品,都必須人工重新排版一次,把圖片上傳到頁面最頂端、右邊放商品價格和尺寸、左邊放商品介紹等,工序非常麻煩;除了重新排版這個作法之外,快一點的作法會是,可以把上次製作好的Nike球鞋頁面整個複製一份副本,並且在新副本中修改當中的內容,換成Adidas的球鞋。
如果沒有CMS功能,對網頁設計師來說非常麻煩,想要修改單一商品頁面的排版,好比把圖片改到網站最下方、價格挪到網頁最上方,則必須把所有的球鞋商品頁面都打開,一頁一頁修改,一旦商品數量太多,想要每頁都調整根本不可能;對於網頁瀏覽者而言也很麻煩,無法輕易地透過價格排序,或是尺寸篩選,來自動排列、挑出自己想要的資訊。
什麼是CMS?
網頁設計師使用CMS系統架設商品頁面,操作邏輯就像是1. 先設計好一個「充滿待填資料的頁面」,排版好這些版位的大小、左右順序之後定版,2. 想要新增商品,只要去後台填寫格子,一格一格把需要的資訊填上,好比鞋子品牌、圖片、顏色尺寸材質等資料,依序上傳後發佈即可,全程不必動到網頁排版,這些商品資料就會依照最一開始設計好的「待填資料頁面」,自動呈現在網頁瀏覽者的眼前。
網站設計師也可以在後台新增兩個Collection list,分別是「鞋子」以及「手機」,並且新增不同的待填資料。如此一來,當未來自己或是同事,想要新增一款鞋子商品時,就可以依照這些規範,去上傳文字或圖片,不會誤傳或是漏傳,好比在鞋子分類中,新增續航力及容量等奇怪資訊。
CMS這項功能的好處是,網頁瀏覽者可以在首頁或是商品頁上,將網站上的一堆鞋子,依照顏色或是價格做排序,找出自己想要的資訊;對於網頁設計師來說,用CMS架設的商品頁面假如未來想要改動單一商品頁面的排版,只需要調整一個頁面(「充滿待填資料的頁面」)即可。
Collection list item要怎麼用?
可以在首頁或是Landing Page上,新增「最新款球鞋的Collection list item」,設定好之後,就可以讓首頁的該item位置,自動顯示最新的鞋類商品,系統會自動抓「球鞋文章中,發佈日期最近期的那篇文章」,展示給瀏覽者看。