Create and connect dynamic page from CMS content

[gee_thairu]

Hi Team,
I’ve been working on a client site using the Plasmic Studio and the Plasmic CMS. I’ve created the homepage, a page with all CMS items (fabrications) and a dynamic page template so that I can showcase the fabrication name, description and image. I seem to have a problem with connecting the page template in such a way that it appears dynamically.
The current tutorial is from Shopify which really doesn’t help much. Could I be able to get some help on this coming from the Plasmic CMS?
I’d appreciate the help.
Thanks

-Plasmic Studio

Plasmic CMS

[sarah_ahmed]

Hello @gee_thairu, the complete docs for creating the product details page is explained in our docs: Dynamic data-driven pages with code components | Learn Plasmic

You can make the following changes to fix your dynamic page:

1. In Fabrication Page Template, on CMS Data Fetcher instance, choose the filter field “slug”, and set the filter value prop dynamically to the slug variable available in the data picker.
   
   
2. In Homepage, convert the CMS Data Fetcher → children → vertical stack to a link, and set its destination prop dynamically to "/fabrications/" + fabricationsItem.data.slug as explained in the docs linked above.