AMP

總結

恭喜!您剛剛建立了一個互動式電子商務產品詳細資訊頁面,其中每個 SKU 的尺寸和價格都可變,並可從遠端 JSON 端點按需提取。

您學會了如何

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

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

下一步

amp-bind 文件以及其他動態 AMP 元件中,深入瞭解建構互動式 AMP 頁面的強大功能和彈性。