總結
恭喜!您剛剛建立了一個互動式電子商務產品詳細資訊頁面,其中每個 SKU 的尺寸和價格都可變,並可從遠端 JSON 端點按需提取。
您學會了如何
- 使用
<amp-state>
提取產品資訊 (顏色、尺寸、庫存狀況)。 - 使用
amp-bind
建立跨元素互動。 - 使用 AMP 創造快速且豐富的使用者體驗!
如果您遇到困難,請參閱 static/final.html
檔案以取得完整解決方案。
恭喜!您剛剛建立了一個互動式電子商務產品詳細資訊頁面,其中每個 SKU 的尺寸和價格都可變,並可從遠端 JSON 端點按需提取。
您學會了如何
<amp-state>
提取產品資訊 (顏色、尺寸、庫存狀況)。amp-bind
建立跨元素互動。如果您遇到困難,請參閱 static/final.html
檔案以取得完整解決方案。