Displaying multiple metafields as seperate products in Impact theme

Topic summary

Need to show both phone model and case color/type as selectable options on a product page in the Impact theme, ideally creating separate product pages per combination via metafields. The existing “Product variations” block (theme section that links variations to separate product pages) can only be used once, so adding a second set (e.g., phone models) does not work.

Constraints clarified: Impact’s product section is single-use per page, so duplicating the block or comma-separating metafields won’t achieve multiple linked variation groups.

Proposed paths:

  • Custom coding to implement multiple metafield-driven dropdowns and link them to separate products; a YouTube tutorial and a live example product page are provided.
  • Use a third‑party app (BSS: Product Variants Options) to build option sets (image/color/dropdown/checkbox), apply conditions (by product/collection/tag), and support add‑on pricing and cart display. Step-by-step setup is shown with screenshots.

Status: No definitive resolution; theme support has not responded yet. Practical options are custom development or installing an options app.

Note: Linked video, example product, and screenshots are central to understanding the suggested solutions. Metafields = Shopify custom data fields used to add attributes like model and color.

Summarized with AI on December 29. AI used: gpt-5.

Hello!

I’m looking for a way to add more metafield data to my products with Impact theme. My webshop is selling phone cases, so it’s crucial that the customer can select the phone model and case color/type.

I created the case color/type part as in the tutorial for metafields from here:

https://support.maestrooo.com/article/307-product-creating-product-variations-that-link-to-different…

But I like to add phone model to the product page too (as a seperate product for each variation combinations). But the ‘Product varations’ block no longer available, since it’s there already. I tried add multiple with comma, but it’s not worked.

Saw some similar pages with multiple metafields in dropdown menus but didn’t figured out how they did it…

I already contacted the theme’s support, but I got no answer yet (it’s been 4 days) so I give a try at the community.

Thank you for the help!

In Shopify you can add multiple metafield to the products you can check tutorials once for cutoff limit, If applicable.

Hi @PBoss ,

You are right since section is already their on page and product sections are created to use one time only, this can’t be done with existing theme feature.

However you can custom code this feature to fulfill the requirement please refer the below video or website link where we have implement the same.

https://mymerchandize.com/products/dragons-glass-case-for-iphone-12-mini

Hope this will help…

Hi @PBoss ,

A simpler way to solve the problems you are facing is to use our BSS: Product Variants Options app, which has many interesting features:

  • Display Option set with many different variations (image, color, text input, dropdown, checkbox,…)

  • Display Options with the conditions you want (all products, specific products, specific collection, tags,…)

  • Display addon price according to corresponding options, display addon on product page, cart page, mini cart, display discount box on cart, etc.

  • Many other features…

In your case, just install our app and follow these steps:

  1. Option sets → Create new option set

  1. Name the option set, then select the type of option you want

You can add many different options and preview them

This is the result:

Hope this will help

1 Like