Shopify Section Rendering API

参考链接：https://shopify.dev/docs/api/ajax/section-rendering

ajax通过section id 获取特定模板的html

id可通过liquid模板拿到{{ section.id }}

获取首页的特定的section，比如a.liquid

 fetch(window.Shopify.routes.root + \"?section_id=a\") .then(res => res.text()) .then(domText => { console.log(domText); } )

就会得到section a的所有html字符串

获取一组section，比如首页的a.liquid和b.liquid

 fetch(window.Shopify.routes.root + \"?sections=header,footer\") .then(res => res.json()) .then(domText => { console.log(JSON.parse(domText)); } )

得到以下response

获取集合页面的特定section

 fetch(window.Shopify.routes.root + \"/collections/{collection_handle}?section_id={section-id}\") .then(res => res.text()) .then(domText => { console.log(domText); } )

获取产品页面的特定section

 fetch(window.Shopify.routes.root + \"/products/{product_handle}?section_id={section-id}\") .then(res => res.text()) .then(domText => { console.log(domText); } )

注意：如果产品A的所属模板是product A模板，那么请求section rendering api只能获取到product A模板的某个section，collection、article同理。