Adding Metafields for Icons and Text to Each Product in Impact Theme

[Kartofficial]

Hello Shopify Community!

I’m looking for some guidance on how to add custom metafields that display an icon and text for each product in my store. I’m using the Impact theme, and I want to display different icons and corresponding text for each product on their individual product pages.

Here’s what I’m aiming for:

• Metafields for Icons and Text: I want to be able to upload an icon and a short description or text that will appear alongside the product description.
• Different Icons and Text Per Product: Each product should have its own unique icon and associated text. This means I need a simple way to customize these fields for every product in my store.

Could someone help me with the following:

1. How can I create and manage these metafields in Shopify?
2. Once the metafields are created, how can I integrate them into my product pages in the Impact theme?
3. If there’s any custom code needed, can you guide me on where to place it and how to structure it?

Any advice or help would be greatly appreciated! Thank you in advance.

[shahrozbabar5]

@Kartofficial,

To add custom metafields with icons and text in Shopify using the Impact theme:

1. Create Metafields:

   • Go to Settings > Custom data > Products in your Shopify admin.
   • Add metafields for "Icon" (image URL) and "Text" (short description).

2. Add Content:

   • Open each product in Products and populate the new metafields with the desired icon and text.

3. Integrate Metafields in the Theme:

   • Edit your product page in Themes > Customize. Use a Custom Liquid block or text block to display the metafields:
     • {{ product.metafields.namespace.key }} for text.
     • <img src="{{ product.metafields.namespace.key }}" /> for icons.

4. Theme Code (Optional):

   • For more control, modify the product.liquid file or main-product.liquid to include metafield rendering.
     
     HOPE IT WILL FIX YOUR ISSUE, IF YOU STILL NEED MY ASSISTANCE, LET ME KNOW. THANKS
     
     

[Kartofficial]

Thank you for the detailed steps on how to add custom metafields for icons and text in Shopify using the Impact theme.

I followed the instructions and navigated to Settings > Custom data > Products to create the metafields. However, when attempting to add an Icon field (image), I couldn't find a specific option for adding an image file or URL as a metafield type.

Could someone kindly clarify:

• How to enable or create an image-specific metafield?
• If this requires any additional settings or configurations, could you provide screenshots of the process?

Your guidance would be invaluable in helping me move forward with customizing my product pages.

Thank you again for your time and support!

[ecomnom]

Hey I have the solution and you don't need a metafield for this. To implement an icon with text only to specific products go to:
Online Store>Customize
On the top in the middle you will see the two drop downs Default and Home page. Click on the Home page and select Products. 
When selecting products you will see "Default products" and under that an option to create a new template. Create a new template and name it however you like. 
After creating the new template go Products>select any of the products that you would like to put on the Icon with text and on the right in the option "Theme template" choose the new created template instead of Default. After putting your selected products into that template go back to Customize and open the new template and put the Icon with text on the selected products.