總結

恭喜！您剛剛建立了一個互動式電子商務產品詳細資訊頁面，其中包含每個 SKU 的可變尺寸和價格，並可依需求從遠端 JSON 端點擷取。

您已學會如何

• 使用 <amp-state> 擷取產品資訊 (顏色、尺寸、庫存狀況)。
• 使用 amp-bind 建立跨元素互動。
• 利用 AMP 建立快速且豐富的使用者體驗！

如果您遇到困難，請參閱 static/final.html 檔案以取得完整解決方案。

後續步驟

如要進一步瞭解建構互動式 AMP 網頁的強大功能和彈性，請參閱 amp-bind 文件，以及其他動態 AMP 元件。