How can you show the image, the video or slides depending on the page?

Topic summary

Main issue: A product page has repeated sections that pair text with either an image, a video, or a slide gallery. Each product may differ per section (e.g., Product A shows an image in section 1, Product B a video, Product C slides), and the author wants to control this via metafields.

Clarification: The layout/wireframe remains the same across products; only the media type per section changes. The request is how to set up metafields or custom blocks to show the correct media by product.

Proposed approach: Use custom coding with product metafields (custom data fields) in the backend to store media and text for each section. In the product template, reference those metafields and conditionally render the appropriate media (image, video, or slides). Optionally create a media-type selector metafield per section to decide which media to output, alongside corresponding media inputs.

Status/outcome: No code snippets or final implementation were provided. The responder confirms it’s feasible and offers assistance; the thread remains open without a concrete solution. Images appear to be illustrative screenshots of the layout, not essential to the solution.

Summarized with AI on February 3. AI used: gpt-5.

@harukajmickey , Yes this is possible with some custom coding. You have to give options for the metafield in the backend in which you can add the image or video and text. And after that in the product template, you have to call that metafield by adding some custom code.

I hope you have a knowledge of development.

let me know if I can help you with any possible way.