套用Awesome Table的Product Catalog版型,並照著下列步驟進行設定。
點選DATA SOURCE的Google試算表,課堂上會講解應該觀察第一個Portfolio工作表的第2列及第I欄Cards,另外也對照觀察第二個Template工作表的第B欄Cards。
自己可以練習從前述的Google試算表逐步改成下列內容,或者你也可以利用此Google Sheet建立副本來套用。第一個Portfolio工作表的資料已經先改成這家公司的產品(課堂上會再講解還有需要微調的C,G,H欄及第一列),第三個Lists工作表的第A欄Categories也改成該公司的產品類別。
當然,最後要記得將該檔案設定與他人共用可以檢視(Share your Google Sheet)。
再來,就是準備將該公司產品圖片複製到Google雲端硬碟的特定資料夾之下,將該資料夾設定與他人共用可以檢視。
然後逐一對每個圖檔 [取得檔案共用連結],將連結網址複製到Google試算表的F欄,然後再將其中的 "open?" 改成 "thumbnail?sz=w300&" 。
完成前述工作,再回到Awesome Table確認完成 [UPDATE VIEW] 套用該Goolge試算表,重新整理一次,就可以看到像這個範例的結果。
最後,直接將其嵌入Google Site建置的頁面,就像這個範例。