{"id":411283,"date":"2023-11-15T05:51:12","date_gmt":"2023-11-15T05:51:12","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=411283"},"modified":"2024-09-24T06:40:47","modified_gmt":"2024-09-24T06:40:47","slug":"create-product-dynamic-row-attribute","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/","title":{"rendered":"Create product dynamic row attribute (Magento 2)"},"content":{"rendered":"\n

In this blog we will learn how we can create custom attributes<\/a> in Magento 2 with dynamic rows at the admin add\/edit product page. <\/p>\n\n\n\n

This blog, will cover each and every point to create dynamic attributes so stay till the end.<\/p>\n\n\n\n

First, we need to create a basic module<\/a>.<\/p>\n\n\n\n

After creating the module our module structure will look something like this.<\/p>\n\n\n\n

\"Module
Module Structure<\/figcaption><\/figure>\n\n\n\n

Now create the di.xml file in the etc folder. This file is used to start the rendering of the dynamic row attribute when the product add\/edit page opens at the admin end.<\/p>\n\n\n\n

File Path: <\/strong>VendorName\/ModuleName\/etc\/adminhtml\/di.xml<\/p>\n\n\n\n

<?xml version="1.0"?>\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager\/etc\/config.xsd">\n    <virtualType name="Magento\\Catalog\\Ui\\DataProvider\\Product\\Form\\Modifier\\Pool">\n        <arguments>\n            <argument name="modifiers" xsi:type="array">\n                <item name="add-attributes" xsi:type="array">\n                    <item name="class" xsi:type="string">Webkul\\CustomAttribute\\Ui\\DataProvider\\Product\\Form\\Modifier\\DynamicRowAttribute<\/item>\n                    <item name="sortOrder" xsi:type="number">20<\/item>\n                <\/item>\n            <\/argument>\n        <\/arguments>\n    <\/virtualType>\n<\/config><\/pre>\n\n\n\n
Now we will create a UI file that is actually responsible for rendering the attribute with the dynamic rows.<\/p>\n\n\n\n
File Path:<\/strong> VendorName\/ModuleName\/Ui\/DataProvider\/Product\/Form\/Modifier\/DynamicRowAttribute.php<\/p>\n\n\n\n
<?php\n\nnamespace Webkul\\CustomAttribute\\Ui\\DataProvider\\Product\\Form\\Modifier;\n\nuse Magento\\Catalog\\Model\\Locator\\LocatorInterface;\nuse Magento\\Catalog\\Ui\\DataProvider\\Product\\Form\\Modifier\\AbstractModifier;\nuse Magento\\Ui\\Component\\Form\\Field;\nuse Magento\\Ui\\Component\\Form\\Element\\Input;\nuse Magento\\Ui\\Component\\DynamicRows;\nuse Magento\\Ui\\Component\\Container;\nuse Magento\\Ui\\Component\\Form\\Element\\DataType\\Text;\n\nuse Magento\\Eav\\Model\\ResourceModel\\Entity\\Attribute\\Set\\CollectionFactory as AttributeSetCollection;\n\nuse Magento\\Framework\\Stdlib\\ArrayManager;\n\nclass DynamicRowAttribute extends AbstractModifier\n{\n    public const PRODUCT_ATTRIBUTE_CODE = 'dynamic_row_attribute';\n    public const FIELD_IS_DELETE = 'is_delete';\n    public const FIELD_SORT_ORDER_NAME = 'sort_order';\n\n    \/**\n     * Dependency Initilization\n     *\n     * @param LocatorInterface $locator\n     * @param AttributeSetCollection $attributeSetCollection\n     * @param \\Magento\\Framework\\Serialize\\SerializerInterface $serializer\n     * @param ArrayManager $arrayManager\n     *\/\n    public function __construct(\n        private LocatorInterface $locator,\n        protected AttributeSetCollection $attributeSetCollection,\n        protected \\Magento\\Framework\\Serialize\\SerializerInterface $serializer,\n        protected ArrayManager $arrayManager,\n    ) {\n    }\n\n    \/**\n     * Modify Data\n     *\n     * @param array $data\n     * @return array\n     *\/\n    public function modifyData(array $data)\n    {\n        $fieldCode = self::PRODUCT_ATTRIBUTE_CODE;\n\n        $model = $this->locator->getProduct();\n        $modelId = $model->getId();\n\n        $highlightsData = $model->getDynamicRowAttribute();\n\n        if ($highlightsData) {\n            $highlightsData = $this->serializer->unserialize($highlightsData, true);\n            $path = $modelId . '\/' . self::DATA_SOURCE_DEFAULT . '\/' . $fieldCode;\n            $data = $this->arrayManager->set($path, $data, $highlightsData);\n        }\n        return $data;\n    }\n\n    \/**\n     * Modify Meta\n     *\n     * @param array $meta\n     * @return array\n     *\/\n    public function modifyMeta(array $meta)\n    {\n        $highlightsPath = $this->arrayManager->findPath(\n            self::PRODUCT_ATTRIBUTE_CODE,\n            $meta,\n            null,\n            'children'\n        );\n\n        if ($highlightsPath) {\n            $meta = $this->arrayManager->merge(\n                $highlightsPath,\n                $meta,\n                $this->initHighlightFieldStructure($meta, $highlightsPath)\n            );\n            $meta = $this->arrayManager->set(\n                $this->arrayManager->slicePath($highlightsPath, 0, -3)\n                    . '\/' . self::PRODUCT_ATTRIBUTE_CODE,\n                $meta,\n                $this->arrayManager->get($highlightsPath, $meta)\n            );\n            $meta = $this->arrayManager->remove(\n                $this->arrayManager->slicePath($highlightsPath, 0, -2),\n                $meta\n            );\n        }\n\n        return $meta;\n    }\n\n    \/**\n     * Add Attribute Grid Config\n     *\n     * @param int $sortOrder\n     * @return array\n     *\/\n    protected function addAttributeGridConfig($sortOrder)\n    {\n        return [\n            'arguments' => [\n                'data' => [\n                    'config' => [\n                        'addButtonLabel' => __('Add Attribute'),\n                        'componentType' => DynamicRows::NAME,\n                        'component' => 'Magento_Ui\/js\/dynamic-rows\/dynamic-rows',\n                        'additionalClasses' => 'admin__field-wide',\n                        'deleteProperty' => static::FIELD_IS_DELETE,\n                        'deleteValue' => '1',\n                        'renderDefaultRecord' => false,\n                        'sortOrder' => $sortOrder,\n                    ],\n                ],\n            ],\n            'children' => [\n                'record' => [\n                    'arguments' => [\n                        'data' => [\n                            'config' => [\n                                'componentType' => Container::NAME,\n                                'component' => 'Magento_Ui\/js\/dynamic-rows\/record',\n                                'positionProvider' => static::FIELD_SORT_ORDER_NAME,\n                                'isTemplate' => true,\n                                'is_collection' => true,\n                            ],\n                        ],\n                    ],\n                    'children' => [\n                        'attribute_type' => [\n                            'arguments' => [\n                                'data' => [\n                                    'config' => [\n                                        'componentType' => Field::NAME,\n                                        'formElement' => Input::NAME,\n                                        'dataType' => Text::NAME,\n                                        'label' => __('Attribute Type'),\n                                        'enableLabel' => true,\n                                        'dataScope' => 'attribute_type',\n                                        'sortOrder' => 40,\n                                        'validation' => [\n                                            'required-entry' => true,\n                                        ],\n                                    ],\n                                ],\n                            ],\n                        ],\n                        'attribute_lable' => [\n                            'arguments' => [\n                                'data' => [\n                                    'config' => [\n                                        'componentType' => Field::NAME,\n                                        'formElement' => Input::NAME,\n                                        'dataType' => Text::NAME,\n                                        'label' => __('Attribute'),\n                                        'enableLabel' => true,\n                                        'dataScope' => 'attribute_lable',\n                                        'sortOrder' => 40,\n                                        'validation' => [\n                                            'required-entry' => true,\n                                        ],\n                                    ],\n                                ],\n                            ],\n                        ],\n                        'actionDelete' => [\n                            'arguments' => [\n                                'data' => [\n                                    'config' => [\n                                        'componentType' => 'actionDelete',\n                                        'dataType' => Text::NAME,\n                                        'label' => '',\n                                        'sortOrder' => 50,\n                                    ],\n                                ],\n                            ],\n                        ],\n                    ]\n                ]\n            ]\n        ];\n    }\n\n    \/**\n     * Get attraction highlights dynamic rows structure\n     *\n     * @param array $meta\n     * @param string $highlightsPath\n     * @return array\n     *\/\n    protected function initHighlightFieldStructure($meta, $highlightsPath)\n    {\n        return [\n            'arguments' => [\n                'data' => [\n                    'config' => [\n                        'componentType' => 'dynamicRows',\n                        'label' => __('Custom Dynamic Rows'),\n                        'renderDefaultRecord' => false,\n                        'recordTemplate' => 'record',\n                        'dataScope' => '',\n                        'dndConfig' => [\n                            'enabled' => false,\n                        ],\n                        'disabled' => false,\n                        'sortOrder' =>\n                        $this->arrayManager->get($highlightsPath . '\/arguments\/data\/config\/sortOrder', $meta),\n                    ],\n                ],\n            ],\n            'children' => [\n                'record' => [\n                    'arguments' => [\n                        'data' => [\n                            'config' => [\n                                'componentType' => Container::NAME,\n                                'isTemplate' => true,\n                                'is_collection' => true,\n                                'component' => 'Magento_Ui\/js\/dynamic-rows\/record',\n                                'dataScope' => '',\n                            ],\n                        ],\n                    ],\n                    'children' => [\n                        'title' => [\n                            'arguments' => [\n                                'data' => [\n                                    'config' => [\n                                        'formElement' => Input::NAME,\n                                        'componentType' => Field::NAME,\n                                        'dataType' => Text::NAME,\n                                        'label' => __('Title'),\n                                        'dataScope' => 'title',\n                                        'require' => '1',\n                                    ],\n                                ],\n                            ],\n                        ],\n\n                        'value' => [\n                            'arguments' => [\n                                'data' => [\n                                    'config' => [\n                                        'formElement' => Input::NAME,\n                                        'componentType' => Field::NAME,\n                                        'dataType' => Text::NAME,\n                                        'label' => __('Value'),\n                                        'dataScope' => 'value',\n                                        'require' => '1',\n                                    ],\n                                ],\n                            ],\n                        ],\n                        'actionDelete' => [\n                            'arguments' => [\n                                'data' => [\n                                    'config' => [\n                                        'componentType' => 'actionDelete',\n                                        'dataType' => Text::NAME,\n                                        'label' => '',\n                                    ],\n                                ],\n                            ],\n                        ],\n                    ],\n                ],\n            ],\n        ];\n    }\n}<\/pre>\n\n\n\n
Now we will create a new file to create product attribute<\/a> that stores the data of the dynamic rows in the JSON format.<\/p>\n\n\n\n
File Path: <\/strong>VendorName\\ModuleName\\Setup\\Patch\\Data\\ProductAttribute.php<\/p>\n\n\n\n
<?php\n\nnamespace Webkul\\CustomAttribute\\Setup\\Patch\\Data;\n\nuse Magento\\Framework\\Setup\\ModuleDataSetupInterface;\nuse Magento\\Framework\\Setup\\Patch\\DataPatchInterface;\nuse Magento\\Catalog\\Setup\\CategorySetupFactory;\nuse Magento\\Eav\\Setup\\EavSetupFactory;\nuse Webkul\\CustomAttribute\\Ui\\DataProvider\\Product\\Form\\Modifier\\DynamicRowAttribute;\nuse Magento\\Eav\\Model\\Entity\\Attribute\\ScopedAttributeInterface;\n\nclass ProductAttribute implements DataPatchInterface\n{\n    \/**\n     * Dependency Initilization\n     *\n     * @param ModuleDataSetupInterface $moduleDataSetup\n     * @param CategorySetupFactory $categorySetupFactory\n     * @param EavSetupFactory $eavSetupFactory\n     *\/\n    public function __construct(\n        private ModuleDataSetupInterface $moduleDataSetup,\n        private CategorySetupFactory $categorySetupFactory,\n        private EavSetupFactory $eavSetupFactory\n    ) {\n    }\n\n    \/**\n     * @inheritdoc\n     *\/\n    public function apply()\n    {\n        $eavSetup = $this->eavSetupFactory->create();\n        $eavSetup->addAttribute(\n            \\Magento\\Catalog\\Model\\Product::ENTITY,\n            DynamicRowAttribute::PRODUCT_ATTRIBUTE_CODE,\n            [\n                'label' => 'Custom Dynamic Rows',\n                'type'  => 'text',\n                'default'  => '',\n                'input' => 'text',\n                'required' => false,\n                'sort_order' => 1,\n                'user_defined' => true,\n                'global' => ScopedAttributeInterface::SCOPE_GLOBAL,\n                'used_in_product_listing' => true,\n                'visible_on_front' => true,\n                'visible' => true\n            ]\n        );\n        $eavSetup->addAttributeToGroup(\n            \\Magento\\Catalog\\Model\\Product::ENTITY,\n            'Default',\n            'General', \/\/ group\n            DynamicRowAttribute::PRODUCT_ATTRIBUTE_CODE,\n            1000 \/\/ sort order\n        );\n    }\n\n    \/**\n     * @inheritdoc\n     *\/\n    public static function getDependencies()\n    {\n        return [];\n    }\n\n    \/**\n     * @inheritdoc\n     *\/\n    public function getAliases()\n    {\n        return [];\n    }\n}<\/pre>\n\n\n\n
Till now our Dynamic Row Attribute will look something like this.<\/p>\n\n\n\n
\"Dynamic<\/figure>\n\n\n\n
But wait if we save our product now our dynamic row values will not save and simply disappear. <\/p>\n\n\n\n
So to save these dynamic row values we need to add an event observer<\/a> to the event catalog_product_save_before<\/strong><\/em> that will save the dynamic row value in our created product dynamic row attribute.<\/p>\n\n\n\n
So, now we will create our event and observer file to save our dynamic rows value.<\/p>\n\n\n\n
Event File Path: <\/strong>VendorName\\ModuleName\\etc\\events.xml<\/p>\n\n\n\n
<?xml version="1.0"?>\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event\/etc\/events.xsd">\n    <event name="catalog_product_save_before">\n        <observer name="product_dynamic_row_attribute" instance="Webkul\\CustomAttribute\\Observer\\SaveDynamicRowValues" \/>\n    <\/event>\n<\/config><\/pre>\n\n\n\n
Observer File Path: <\/strong>VendorName\\ModuleName\\Observer\\SaveDynamicRowValues.php<\/p>\n\n\n\n
<?php\n\nnamespace Webkul\\CustomAttribute\\Observer;\n\nuse Webkul\\CustomAttribute\\Ui\\DataProvider\\Product\\Form\\Modifier\\DynamicRowAttribute;\nuse Magento\\Framework\\Event\\Observer;\nuse Magento\\Framework\\Event\\ObserverInterface;\nuse Magento\\Framework\\App\\RequestInterface;\n\nclass SaveDynamicRowValues implements ObserverInterface\n{\n    \/**\n     * Dependency Initilization\n     *\n     * @param RequestInterface $request\n     * @param \\Magento\\Framework\\Serialize\\SerializerInterface $serializer\n     *\/\n    public function __construct(\n        protected RequestInterface $request,\n        protected \\Magento\\Framework\\Serialize\\SerializerInterface $serializer,\n    ) {\n    }\n\n    \/**\n     * Execute\n     *\n     * @param Observer $observer\n     * @return this\n     *\/\n    public function execute(Observer $observer)\n    {\n        \/** @var $product \\Magento\\Catalog\\Model\\Product *\/\n        $product = $observer->getEvent()->getDataObject();\n        $wholeRequest = $this->request->getPost();\n        $post = $wholeRequest['product'];\n\n        if (empty($post)) {\n            $post = !empty($wholeRequest['variables']['product']) ? $wholeRequest['variables']['product'] : [];\n        }\n        $highlights = isset(\n            $post[DynamicRowAttribute::PRODUCT_ATTRIBUTE_CODE]\n        ) ? $post[DynamicRowAttribute::PRODUCT_ATTRIBUTE_CODE] : '';\n\n        $product->setDynamicRowAttribute($highlights);\n        $requiredParams = ['title', 'value'];\n        if (is_array($highlights)) {\n            $highlights = $this->removeEmptyArray($highlights, $requiredParams);\n            $product->setDynamicRowAttribute($this->serializer->serialize($highlights));\n        }\n    }\n\n    \/**\n     * Function to remove empty array from the multi dimensional array\n     *\n     * @param array $attractionData\n     * @param array $requiredParams\n     * @return array\n     *\/\n    private function removeEmptyArray($attractionData, $requiredParams)\n    {\n        $requiredParams = array_combine($requiredParams, $requiredParams);\n        $reqCount = count($requiredParams);\n\n        foreach ($attractionData as $key => $values) {\n            $values = array_filter($values);\n            $intersectCount = count(array_intersect_key($values, $requiredParams));\n            if ($reqCount !== $intersectCount) {\n                unset($attractionData[$key]);\n            }\n        }\n        return $attractionData;\n    }\n}<\/pre>\n\n\n\n
Now after saving again the Dynamic Rows values will look something like this.<\/p>\n\n\n\n
\"Dynamic<\/figure>\n\n\n\n
That is all you need to create the product dynamic rows attribute at the admin end. Hope this will help.<\/p>\n\n\n\n
File structure<\/strong>: till now<\/p>\n\n\n\n
\"File
File Structure<\/figcaption><\/figure>\n\n\n\n
Conclusion<\/h2>\n\n\n\n
This blog has provided a comprehensive guide on creating custom attributes with dynamic rows in Magento 2’s admin add\/edit product page. <\/p>\n\n\n\n
By following the steps from setting up a basic module to implementing necessary files such as di.xml<\/code>, UI components, and event observers you can enhance the product management experience. <\/p>\n\n\n\n
The dynamic row attributes not only improve data entry flexibility but also ensure that all values are saved correctly. <\/p>\n\n\n\n
This tutorial aims to empower you with the knowledge to implement these features seamlessly. <\/p>\n\n\n\n
For further learning and assistance, you can explore more Magento 2 tutorials or consider hiring a dedicated Magento developer. Thank you for reading, and happy coding!<\/p>\n\n\n\n
You may visit other Magento 2 tutorials on the Webkul blog. We also offer end-to-end services on Magento 2 and We are an Adobe commerce partner as well. <\/p>\n\n\n\n
Also, you may Hire Magento Developer<\/a> for dedicated customization services.<\/p>\n\n\n\n
Thanks \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"
In this blog we will learn how we can create custom attributes in Magento 2 with dynamic rows at the admin add\/edit product page. This blog, will cover each and every point to create dynamic attributes so stay till the end. First, we need to create a basic module. After creating the module our module […]<\/a><\/p>\n","protected":false},"author":548,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121],"tags":[12967,15157,15158,2460,862],"class_list":["post-411283","post","type-post","status-publish","format-standard","hentry","category-magento-2","tag-adobe-commerce","tag-attribute-dynamic-rows","tag-dynamic-attribute","tag-magento-2","tag-product-attribute"],"yoast_head":"\nHow to create product custom attributes using dynamic rows<\/title>\n<meta name=\"description\" content=\"Hello friends in this blog we will learn how we can create custom attributes in Magento with dynamic rows at the admin add\/edit product page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create product custom attributes using dynamic rows\" \/>\n<meta property=\"og:description\" content=\"Hello friends in this blog we will learn how we can create custom attributes in Magento with dynamic rows at the admin add\/edit product page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-15T05:51:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-24T06:40:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/11\/Selection_442.png\" \/>\n<meta name=\"author\" content=\"Deepesh Kumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Deepesh Kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/\"},\"author\":{\"name\":\"Deepesh Kumar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/43552f90bbc8fafb784fe138f6d82a0b\"},\"headline\":\"Create product dynamic row attribute (Magento 2)\",\"datePublished\":\"2023-11-15T05:51:12+00:00\",\"dateModified\":\"2024-09-24T06:40:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/\"},\"wordCount\":456,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/11\/Selection_442.png\",\"keywords\":[\"Adobe Commerce\",\"Attribute Dynamic Rows\",\"Dynamic Attribute\",\"Magento 2\",\"product attribute\"],\"articleSection\":[\"Magento 2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/\",\"url\":\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/\",\"name\":\"How to create product custom attributes using dynamic rows\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/11\/Selection_442.png\",\"datePublished\":\"2023-11-15T05:51:12+00:00\",\"dateModified\":\"2024-09-24T06:40:47+00:00\",\"description\":\"Hello friends in this blog we will learn how we can create custom attributes in Magento with dynamic rows at the admin add\/edit product page.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/11\/Selection_442.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/11\/Selection_442.png\",\"width\":599,\"height\":147,\"caption\":\"Selection_442\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create product dynamic row attribute (Magento 2)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/43552f90bbc8fafb784fe138f6d82a0b\",\"name\":\"Deepesh Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d898f8a790ab5a002f048ad4b4661fda07600235f1338d01ff1fd60152fe4d10?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d898f8a790ab5a002f048ad4b4661fda07600235f1338d01ff1fd60152fe4d10?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Deepesh Kumar\"},\"description\":\"Deepesh Kumar, a proficient Software Engineer, excels in PHP, JavaScript, and database management. Mastery of complex eCommerce systems and Magento’s architecture drives innovative solutions and optimizes performance for business success.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/deepeshkumar-mg397\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create product custom attributes using dynamic rows","description":"Hello friends in this blog we will learn how we can create custom attributes in Magento with dynamic rows at the admin add\/edit product page.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/","og_locale":"en_US","og_type":"article","og_title":"How to create product custom attributes using dynamic rows","og_description":"Hello friends in this blog we will learn how we can create custom attributes in Magento with dynamic rows at the admin add\/edit product page.","og_url":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2023-11-15T05:51:12+00:00","article_modified_time":"2024-09-24T06:40:47+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/11\/Selection_442.png","type":"","width":"","height":""}],"author":"Deepesh Kumar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Deepesh Kumar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/"},"author":{"name":"Deepesh Kumar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/43552f90bbc8fafb784fe138f6d82a0b"},"headline":"Create product dynamic row attribute (Magento 2)","datePublished":"2023-11-15T05:51:12+00:00","dateModified":"2024-09-24T06:40:47+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/"},"wordCount":456,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/11\/Selection_442.png","keywords":["Adobe Commerce","Attribute Dynamic Rows","Dynamic Attribute","Magento 2","product attribute"],"articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/","url":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/","name":"How to create product custom attributes using dynamic rows","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/11\/Selection_442.png","datePublished":"2023-11-15T05:51:12+00:00","dateModified":"2024-09-24T06:40:47+00:00","description":"Hello friends in this blog we will learn how we can create custom attributes in Magento with dynamic rows at the admin add\/edit product page.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/11\/Selection_442.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/11\/Selection_442.png","width":599,"height":147,"caption":"Selection_442"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/create-product-dynamic-row-attribute\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create product dynamic row attribute (Magento 2)"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/43552f90bbc8fafb784fe138f6d82a0b","name":"Deepesh Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d898f8a790ab5a002f048ad4b4661fda07600235f1338d01ff1fd60152fe4d10?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d898f8a790ab5a002f048ad4b4661fda07600235f1338d01ff1fd60152fe4d10?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Deepesh Kumar"},"description":"Deepesh Kumar, a proficient Software Engineer, excels in PHP, JavaScript, and database management. Mastery of complex eCommerce systems and Magento’s architecture drives innovative solutions and optimizes performance for business success.","url":"https:\/\/webkul.com\/blog\/author\/deepeshkumar-mg397\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/411283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/548"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=411283"}],"version-history":[{"count":25,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/411283\/revisions"}],"predecessor-version":[{"id":464708,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/411283\/revisions\/464708"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=411283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=411283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=411283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}