有兩種製作方法:
A) 無需編碼，於編輯器直接製作:
1) 在Wix Editor按下選單和網頁>商店網頁>貨品>到達產品頁面
2) 按下我的商店>新增商店元素>相關產品
3) 這個相關產品Widget的演算法是這樣的(不能更改):
首先基於訪客瀏覽過什麼產品
假設你有三個系列，訪客瀏覽過T-shirt A，皆屬於這三個系列，訪客於查看下一個產品時，這個T-shirt A就會最先出現於"相關產品"。
訪客瀏覽過T-shirt B, 屬於其中兩個系列，就會出現在"相關產品"第二位。
訪客瀏覽過Skirt A, 屬於其中一個系列，就會出現在"相關產品"第三位。
B) 使用Velo開發模式:
請參考Velo by Wix教學: 這裡
簡說一下做法:
開啟開發模式
於產品頁面的下方加上帶狀圖片，重複項(Repeaters)，文字等用作顯示相關產品
根據以下圖片，更改物件的ID
4. 把帶狀圖片(Strip)於Properties & Events隱藏(Collapsed)
5. 於內容管理員(Content Manager)設定Related-Products系列，參照Products系列。根據教學所提供的代碼，系統於訪客瀏覽任何產品時，就會立即顯示相關產品，邏輯如下:
首先基於你在Related-Products設定產品A時，就會顯示產品B。
顯示基於價格比瀏覽中的產品大20%或少20%的產品。
如果沒有以上的matching item，重複項就不會顯示任何產品。
每次最多顯示 4項產品。
我們實作了一個，給參考: 這裡
Wix官方教學模板，及有關代碼: 這裡
如有需要優化代碼，如設定更多顯示相關產品的邏輯，請與Velo by Wix專家查詢。