Wrapping up
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:
- Use
<amp-state>
to fetch product information (color, size, availability). - Use
amp-bind
to 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.
Next steps
Learn more about the power and flexibility of building interactive AMP pages in the amp-bind
documentation and from other dynamic AMP components.