How to Get Column Grid Section with Dynamic Content & Images for all Product Pages

[kaushalbangur12]

I have set up my product page design using Igloo Theme which is a paid theme. Now i got more than 100+ products to be uploaded. Have structured by product page design, now there are 3 sections of Column Grid and 1 collapsible panel. I want this same design to be carried out across all my product pages. Now the challenge for each section of column grid there would be in total 4 columns and for each of column i would be having seperate content and image. This should be replicated across all the product pages, i mean as a user i should be able to change the image and content and it should be reflected for each of the products. How can i go with it. The same applies for the last section of collapsible panel as well.

Website URL of Product Page: https://ecstacbeauty.com/products/sweet-orange-detan-facial-cleanser

[Small_Task_Help]

Hi,

Hope this will help

-Define Metafields 
-Add Content to Each Product
-Now you need to tell theme to pull content from metafields.

Code example

<h3>{{ product.metafields.custom.grid1_col1_title }}</h3>
<img src="{{ product.metafields.custom.grid1_col1_image | img_url: 'medium' }}">

- Repeat for each column using different metafields.
- Use collapsible blocks and reference metafields same way

[tim]

You'd need to use Dynamic Sources. 

This way you have the same template show different data for each product because it's pulled from the product properties -- metafields.

https://help.shopify.com/en/manual/online-store/themes/theme-structure/sections-and-blocks#metafield... 

This is a basic functionality for every recent themes, there is no need to edit theme code for this.

[richardcobain]

To apply your custom product page design across all products in the Igloo theme, you should use metafields for each content/image block in your column grids and collapsible panel. In Shopify Admin, go to Settings > Custom data > Products, create metafields for each section (e.g., column_1_image, column_1_text, etc.), then modify your product template in the theme editor to dynamically pull in those metafields. This allows you to reuse the same layout while customizing content per product without editing the theme code for each item.