{"id":42741,"date":"2025-02-04T10:09:31","date_gmt":"2025-02-04T10:09:31","guid":{"rendered":"https:\/\/www.icreativetechnologies.com\/?p=41458"},"modified":"2025-02-04T10:09:31","modified_gmt":"2025-02-04T10:09:31","slug":"custom-fields-media-edition","status":"publish","type":"post","link":"https:\/\/www.icreativetechnologies.com\/de\/custom-fields-media-edition\/","title":{"rendered":"How to Use Custom Fields for Media Edition in Shopware?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"42741\" class=\"elementor elementor-42741\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0960bcf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0960bcf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e8f3f54\" data-id=\"e8f3f54\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2990d0e elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"2990d0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"527\" src=\"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/media-edition-in-shopware-1024x675.jpg\" class=\"attachment-large size-large wp-image-41471\" alt=\"media edition in shopware\" srcset=\"\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/media-edition-in-shopware-1024x675.jpg 1024w, \/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/media-edition-in-shopware-300x198.jpg 300w, \/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/media-edition-in-shopware-768x506.jpg 768w, \/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/media-edition-in-shopware.jpg 1080w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e39dee5 elementor-widget elementor-widget-text-editor\" data-id=\"e39dee5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">In <\/span><b>Shopware 6<\/b><span style=\"font-weight: 400;\">, custom fields allow users to extend the functionality of products, categories, and other entities. Among these, handling the <\/span><b>media module<\/b><span style=\"font-weight: 400;\"> within <\/span><b>custom fields<\/b><span style=\"font-weight: 400;\"> is essential for storing and displaying images dynamically.<\/span><\/p><p><span style=\"font-weight: 400;\">This feature was introduced in <\/span><b>Shopware 6.1.1<\/b><span style=\"font-weight: 400;\">, making it easier to retrieve and display media directly in a Twig template. Below, we\u2019ll explore how to fetch both single and multiple media files from <\/span><b>Shopware 6 custom fields<\/b><span style=\"font-weight: 400;\"> and display them seamlessly.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-825e02e at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"825e02e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Accessing Media from Custom Fields in Shopware 6\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5521db7 elementor-widget elementor-widget-text-editor\" data-id=\"5521db7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">While Creating the custom field as p<\/span><span style=\"font-weight: 400;\">er, the below image,<\/span><\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4398817 at-image-animation at-animation-image-none elementor-widget elementor-widget-image\" data-id=\"4398817\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/Screenshot_1.jpg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e90024d at-image-animation at-animation-image-none elementor-widget elementor-widget-image\" data-id=\"e90024d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/Screenshot_2.jpg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a120fb4 elementor-widget elementor-widget-text-editor\" data-id=\"a120fb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Custom field\u2019s Technical name is key to get custom field value.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f647e78 at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"f647e78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">For Access Single media:\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cc8b08 elementor-widget elementor-widget-text-editor\" data-id=\"2cc8b08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">To access a single media file stored in custom fields, follow these steps:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc33382 elementor-widget elementor-widget-code-highlight\" data-id=\"cc33382\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>{# simplify to access media id from custom field#}\r\n{% set customFieldMediaId = page.product.translated.customFields.get_media_field %}\r\n\r\n{# search media from media id#}\r\n{% set mediaCollection = searchMedia([customFieldMediaId], context.context) %}\r\n\r\n{# extract media object #}\r\n{% set mediaObject = mediaCollection.get(customFieldMediaId) %}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57932d6 at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"57932d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">For Access Multiple Media Files:\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1f3d33 elementor-widget elementor-widget-text-editor\" data-id=\"a1f3d33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>For multiple media files, you need to store and merge multiple media IDs from <strong>Shopware 6 custom fields<\/strong>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1317d9 elementor-widget elementor-widget-code-highlight\" data-id=\"a1317d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>{# initial array #}\r\n\t{% set customFieldMediaIds = [] %}\r\n\r\nAssume we have 2 media, then,\r\n{# merge that all media field through the loop or other way #}\r\n{% set customFieldMediaIds = customFieldMediaIds|merge([page.product.translated.customFields.get_media_field1]) %}\r\n{% set customFieldMediaIds = \r\ncustomFieldMediaIds|merge([page.product.translated.customFields.get_media_field2]) %}\r\n\r\n{# search media from media ids #}\r\n{% set mediaCollection = searchMedia(customFieldMediaIds, context.context) %}\r\n\r\n{# fetch media from the media collection based on their id or individually through the loop#}\r\n{% set mediaObject = \r\n\tmediaCollection.get(page.product.translated.customFields.get_media_field1) %}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-528e428 elementor-widget elementor-widget-text-editor\" data-id=\"528e428\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">As you can see from the example, the code is simply inserted into a Twig template. This means you can also use it in your plugin without needing any additional code in the plugin.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc87f75 at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"bc87f75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Displaying Media in Twig\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a9371b elementor-widget elementor-widget-text-editor\" data-id=\"8a9371b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Once the media object is retrieved, it can be displayed in two ways:<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cd28c7 elementor-widget elementor-widget-text-editor\" data-id=\"7cd28c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4><b>1. Using the <\/b><b>&lt;img&gt;<\/b><b> HTML Tag<\/b><\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00a51d0 elementor-widget elementor-widget-code-highlight\" data-id=\"00a51d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp><img decoding=\"async\" src=\"{{ mediaObject.url }}\" alt=\"{{ mediaObject.alt }}\">\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d41d40 elementor-widget elementor-widget-text-editor\" data-id=\"9d41d40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4><b>2. Using <\/b><b>sw_thumbnails<\/b><b> Twig Function<\/b><\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0897792 elementor-widget elementor-widget-code-highlight\" data-id=\"0897792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>{% sw_thumbnails 'my-mediaObject-thumbnails' with {media: mediaObject} %}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-828c08a elementor-widget elementor-widget-text-editor\" data-id=\"828c08a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">This way we can easily get custom field media and display the image in a twig file.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69872a6 at-heading-animation at-animation-heading-none elementor-widget elementor-widget-heading\" data-id=\"69872a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclusion\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd024c3 elementor-widget elementor-widget-text-editor\" data-id=\"dd024c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The <\/span><b>media module<\/b><span style=\"font-weight: 400;\"> in <\/span><b>Shopware 6 custom fields<\/b><span style=\"font-weight: 400;\"> provides a seamless way to manage and display product images dynamically. By retrieving media IDs and fetching their respective objects, developers can display images effortlessly using Twig templates. This method is efficient and does not require additional plugin code, making it a flexible solution for any <\/span><strong>Shopware 6<\/strong><span style=\"font-weight: 400;\"><strong> store<\/strong>.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In Shopware 6, custom fields allow users to extend the functionality of [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":41471,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[86],"tags":[447,461,246],"class_list":["post-42741","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopware","tag-custom-fields","tag-custom-fields-media-edition","tag-shopware-6"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use Custom Fields for Media Edition in Shopware?<\/title>\n<meta name=\"description\" content=\"Learn how to use the media edition in Shopware 6 custom fields to fetch and display images easily in Twig templates without extra plugin code.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Custom Fields for Media Edition in Shopware?\" \/>\n<meta property=\"og:description\" content=\"Learn how to use the media edition in Shopware 6 custom fields to fetch and display images easily in Twig templates without extra plugin code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.icreativetechnologies.com\/de\/custom-fields-media-edition\/\" \/>\n<meta property=\"og:site_name\" content=\"iCreative Technologies\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-04T10:09:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/media-edition-in-shopware.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"712\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bhavya Shah\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bhavya Shah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/custom-fields-media-edition\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/custom-fields-media-edition\\\/\"},\"author\":{\"name\":\"Bhavya Shah\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#\\\/schema\\\/person\\\/dc57fa9f205d886138374edc2464e992\"},\"headline\":\"How to Use Custom Fields for Media Edition in Shopware?\",\"datePublished\":\"2025-02-04T10:09:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/custom-fields-media-edition\\\/\"},\"wordCount\":287,\"publisher\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/custom-fields-media-edition\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/media-edition-in-shopware.jpg\",\"keywords\":[\"custom fields\",\"Custom Fields media Edition\",\"Shopware 6\"],\"articleSection\":[\"Shopware\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/custom-fields-media-edition\\\/\",\"url\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/custom-fields-media-edition\\\/\",\"name\":\"How to Use Custom Fields for Media Edition in Shopware?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/custom-fields-media-edition\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/custom-fields-media-edition\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/media-edition-in-shopware.jpg\",\"datePublished\":\"2025-02-04T10:09:31+00:00\",\"description\":\"Learn how to use the media edition in Shopware 6 custom fields to fetch and display images easily in Twig templates without extra plugin code.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/custom-fields-media-edition\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.icreativetechnologies.com\\\/custom-fields-media-edition\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/custom-fields-media-edition\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/media-edition-in-shopware.jpg\",\"contentUrl\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/media-edition-in-shopware.jpg\",\"width\":1080,\"height\":712,\"caption\":\"media edition in shopware\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/custom-fields-media-edition\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use Custom Fields for Media Edition in Shopware?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#website\",\"url\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/\",\"name\":\"iCreative Technologies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#organization\",\"name\":\"iCreative Technologies\",\"url\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-e1628229333795.png.png\",\"contentUrl\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-e1628229333795.png.png\",\"width\":240,\"height\":66,\"caption\":\"iCreative Technologies\"},\"image\":{\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.icreativetechnologies.com\\\/#\\\/schema\\\/person\\\/dc57fa9f205d886138374edc2464e992\",\"name\":\"Bhavya Shah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7897a7168f53fb5a48af86d4570a1e86b8354d56bb303aa45b6aaf8f477ac46d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7897a7168f53fb5a48af86d4570a1e86b8354d56bb303aa45b6aaf8f477ac46d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7897a7168f53fb5a48af86d4570a1e86b8354d56bb303aa45b6aaf8f477ac46d?s=96&d=mm&r=g\",\"caption\":\"Bhavya Shah\"},\"description\":\"Bhavya Shah is a Business Analyst at iCreative Technologies. He specializes in the eCommerce consulting for all business domains. He is working hand-in-hand with developers and clients to produce requirements and specifications that accurately reflect business needs and are technologically achievable.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use Custom Fields for Media Edition in Shopware?","description":"Learn how to use the media edition in Shopware 6 custom fields to fetch and display images easily in Twig templates without extra plugin code.","robots":{"index":"noindex","follow":"follow"},"og_locale":"de_DE","og_type":"article","og_title":"How to Use Custom Fields for Media Edition in Shopware?","og_description":"Learn how to use the media edition in Shopware 6 custom fields to fetch and display images easily in Twig templates without extra plugin code.","og_url":"https:\/\/www.icreativetechnologies.com\/de\/custom-fields-media-edition\/","og_site_name":"iCreative Technologies","article_published_time":"2025-02-04T10:09:31+00:00","og_image":[{"width":1080,"height":712,"url":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/media-edition-in-shopware.jpg","type":"image\/jpeg"}],"author":"Bhavya Shah","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Bhavya Shah","Est. reading time":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.icreativetechnologies.com\/custom-fields-media-edition\/#article","isPartOf":{"@id":"https:\/\/www.icreativetechnologies.com\/custom-fields-media-edition\/"},"author":{"name":"Bhavya Shah","@id":"https:\/\/www.icreativetechnologies.com\/#\/schema\/person\/dc57fa9f205d886138374edc2464e992"},"headline":"How to Use Custom Fields for Media Edition in Shopware?","datePublished":"2025-02-04T10:09:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.icreativetechnologies.com\/custom-fields-media-edition\/"},"wordCount":287,"publisher":{"@id":"https:\/\/www.icreativetechnologies.com\/#organization"},"image":{"@id":"https:\/\/www.icreativetechnologies.com\/custom-fields-media-edition\/#primaryimage"},"thumbnailUrl":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/media-edition-in-shopware.jpg","keywords":["custom fields","Custom Fields media Edition","Shopware 6"],"articleSection":["Shopware"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/www.icreativetechnologies.com\/custom-fields-media-edition\/","url":"https:\/\/www.icreativetechnologies.com\/custom-fields-media-edition\/","name":"How to Use Custom Fields for Media Edition in Shopware?","isPartOf":{"@id":"https:\/\/www.icreativetechnologies.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.icreativetechnologies.com\/custom-fields-media-edition\/#primaryimage"},"image":{"@id":"https:\/\/www.icreativetechnologies.com\/custom-fields-media-edition\/#primaryimage"},"thumbnailUrl":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/media-edition-in-shopware.jpg","datePublished":"2025-02-04T10:09:31+00:00","description":"Learn how to use the media edition in Shopware 6 custom fields to fetch and display images easily in Twig templates without extra plugin code.","breadcrumb":{"@id":"https:\/\/www.icreativetechnologies.com\/custom-fields-media-edition\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.icreativetechnologies.com\/custom-fields-media-edition\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.icreativetechnologies.com\/custom-fields-media-edition\/#primaryimage","url":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/media-edition-in-shopware.jpg","contentUrl":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2025\/02\/media-edition-in-shopware.jpg","width":1080,"height":712,"caption":"media edition in shopware"},{"@type":"BreadcrumbList","@id":"https:\/\/www.icreativetechnologies.com\/custom-fields-media-edition\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.icreativetechnologies.com\/"},{"@type":"ListItem","position":2,"name":"How to Use Custom Fields for Media Edition in Shopware?"}]},{"@type":"WebSite","@id":"https:\/\/www.icreativetechnologies.com\/#website","url":"https:\/\/www.icreativetechnologies.com\/","name":"iCreative Technologies","description":"","publisher":{"@id":"https:\/\/www.icreativetechnologies.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.icreativetechnologies.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.icreativetechnologies.com\/#organization","name":"iCreative Technologies","url":"https:\/\/www.icreativetechnologies.com\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.icreativetechnologies.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2024\/11\/logo-e1628229333795.png.png","contentUrl":"https:\/\/www.icreativetechnologies.com\/wp-content\/uploads\/2024\/11\/logo-e1628229333795.png.png","width":240,"height":66,"caption":"iCreative Technologies"},"image":{"@id":"https:\/\/www.icreativetechnologies.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.icreativetechnologies.com\/#\/schema\/person\/dc57fa9f205d886138374edc2464e992","name":"Bhavya Shah","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/7897a7168f53fb5a48af86d4570a1e86b8354d56bb303aa45b6aaf8f477ac46d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7897a7168f53fb5a48af86d4570a1e86b8354d56bb303aa45b6aaf8f477ac46d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7897a7168f53fb5a48af86d4570a1e86b8354d56bb303aa45b6aaf8f477ac46d?s=96&d=mm&r=g","caption":"Bhavya Shah"},"description":"Bhavya Shah is a Business Analyst at iCreative Technologies. He specializes in the eCommerce consulting for all business domains. He is working hand-in-hand with developers and clients to produce requirements and specifications that accurately reflect business needs and are technologically achievable."}]}},"_links":{"self":[{"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/posts\/42741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/comments?post=42741"}],"version-history":[{"count":0,"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/posts\/42741\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/media\/41471"}],"wp:attachment":[{"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/media?parent=42741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/categories?post=42741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.icreativetechnologies.com\/de\/wp-json\/wp\/v2\/tags?post=42741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}