Dynamic Source
Dynamic Source allow merchants to connect input settings to data coming from resources such as products, collections, blogs, and pages as well as metafields and metaobjects.
1. Define MetafieldsÂ
Navigate to Settings > Metafields and Metaobjects in your Shopify admin.
Click Add definition to create a new metafield or metaobject.
Configure the definition, including its name, namespace and key, description, and importantly, the content type (Single line text/ Multi-line text).
Go to the specific product, collection, page, or other resource where you want to add dynamic content -> Enter the input data for that specific item. This data will be dynamically pulled and displayed on the storefront.
Step 2. Connect Dynamic Sources with Ecomposer
Drag and drop a Text/ Heading element from the left sidebar
Click the dynamic source icon
This outputs a dropdown list of the metafield names associated with the current product -> Select the metafield name you defined earlier in step 1
Dynamic content does not show up in Editor view so let’s publish the page to see the result.
Result: the dynamic data is displaying correctly on the live page. Adding more input data to other products to have different heading text per product.
