Congratulations! You just created an interactive e-commerce product detail page with variable sizes and prices for each SKU, fetched on-demand from a remote JSON endpoint.
You learned how to:
<amp-state>to fetch product information (color, size, availability).
amp-bindto create cross-element interactions.
- Create a fast and rich user experience with AMP!
If you got stuck, see the
static/final.html file for the complete solution.
Learn more about the power and flexibility of building interactive AMP pages in the
amp-bind documentation and from other dynamic AMP components.