如何在某個文章頁面展示相關產品？

一、為什麼需要在文章頁面展示相關產品？

通常有這樣的一種應用場景：從網站優化角度出發，我們通常會建議用戶圍繞產品寫一些文章，那麼在某一篇文章詳情頁面，可以展示相關的產品，最多展示5~20個產品（產品主圖+產品名稱），若實現這種需求需要做兩方面的操作：1、在這個文章編輯頁面手動關聯相關產品。 2、在系統頁面“新聞詳情”中添加相關產品組件。

展示效果如下：

二、在文章頁面展示相關產品，如何操作呢？

1、在這個文章編輯頁面關聯相關產品

操作步驟如下：

第1步：進入“內容”--》“文章管理”--》“管理文章”，找到這個文章，進入它的編輯頁面；

--》

第2步：在文章編輯頁面，關聯想出現在此文章頁面上的相關產品；

2、在系統頁面“新聞詳情”中添加相關產品組件

操作步驟如下：

第1步：把“新聞詳情”頁面切換為當前頁面；

第2步：在新聞詳情頁面添加“相關產品”組件。

第3步：點“發布”按鈕，即可同步到網站前台。

設置好以上內容以後要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網站後台；

然後可以單擊“預覽”按鈕查看不同終端下展示的效果，如果不合適可以到後台再做修改；

如果需要讓訪客也看到，需要單擊頁面右上角的“發布”按鈕，發布之後稍等兩分鐘左右即可看網站前台展示效果。