*注意:系統標準頁中的「商品詳情頁」為網店手機端共用的頁面設計,目前僅支援以下版型使用:Ultra Chic、Varm、Kingsman、Philia、Sangria、Bianco、Doris Bien、Skya、Dusk。
使用 SHOP Bulider 製作的進階分頁支援使用「系統標準頁」,讓您可以更全面、更細節的調整佈局,並套用至所有進階分頁。在商品詳情頁中,您可以切換並預覽手機端商品詳情頁版型的樣式,選擇更合適的頁面設計,從而提升手機用戶的購物效率。
本文將分別介紹:
一、前往「商品詳情頁」
前往「SHOPLINE 後台 > 網店設計 > 網店分頁 > 系統標準頁」,並在「商品詳情頁」右方點按「編輯」。
您將會進入「商品詳情頁」的版型切換頁面,可自由切換舊版或新版版型。如選項旁顯示為「套用中」的狀態,代表您的手機端前台當前正在套用的商品詳情頁版型。
*注意:
-
如您使用的網店主題為舊版版型,將不適用於新版手機端商品詳情頁。此處的「新版」選項將會反灰無法選擇,並且上方會出現紅色提示字樣「您目前的版型不支援手機端新版商品詳情頁」。
二、預覽手機端新版樣式
游標移至舊版或新版選項右方的「預覽」按鈕,即會顯示 QR Code 與連結供您預覽網店的手機版介面。
*備註:
- 若您有在網站加上客製化語法,預覽畫面也會帶入客製化語法後的樣式。
- 若跳轉至商品詳情頁時並未顯示新版畫面,請嘗試在網址末端輸入:?pdp_v2026=true,即可切換至新版樣式。
切換版型後,需點按上方的「儲存」按鈕,並在彈窗點選「確定」才會更新樣式。
三、網店版型切換注意事項
若您原先套用的是新版網店版型,切換至舊版網店版型時,以下頁面將會顯示手機端商品詳情頁的相關提醒:
- 在「SHOPLINE 後台 > 網店設計 > 設計」切換版型時,彈窗新增「新版手機端商品詳情頁」不適用功能提醒。
- 進入「商品詳情頁」時,雖仍會顯示設定項在「新版」,但系統會自動套用回「舊版」選項並顯示為「套用中」,並且頁面上方會出現紅色提示字樣「您目前的版型不支援手機新版商品詳情頁,系統已自動套用舊版頁面」。
-
若將游標移至「新版」選項旁的紅色驚嘆號,也會出現提醒字樣。
延伸閱讀

評論