{"id":306067,"date":"2021-09-19T16:26:03","date_gmt":"2021-09-19T16:26:03","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=306067"},"modified":"2024-07-24T09:11:35","modified_gmt":"2024-07-24T09:11:35","slug":"display-dependent-fields-on-customer-account-edit-page","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/","title":{"rendered":"Display dependent fields on Customer Account Edit Page"},"content":{"rendered":"\n

Hello Friends!
In this blog, we will learn how we can display and update the dependent fields’ values on the customer account edit information page.
Before continuing on this blog, please check our Previous Blog<\/a>, in which you will learn its previous steps.<\/p>\n\n\n\n

To display the dependent fields on the customer account edit page, please follow the below steps.

1.<\/strong> Create customer_account_edit.xml file inside the <magento-root-dir>\/app\/code\/Vendor\/CustomModule\/view\/frontend\/layout\/ directory.<\/p>\n\n\n\n

<?xml version="1.0"?>\n<!--\n\/**\n * @author Vendor\n * @copyright Copyright (c) 2021 Vendor\n * @package Vendor_CustomModule\n *\/\n-->\n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n    <body>\n        <referenceContainer name="form.additional.info">\n            <block class="Vendor\\CustomModule\\Block\\Customer\\Form\\EditCustomerAttributes"\n                   name="attribute_customer_edit"\n                   template="Vendor_CustomModule::customer_attributes.phtml"\n                   cacheable="false" \/>\n        <\/referenceContainer>\n    <\/body>\n<\/page><\/pre>\n\n\n\n
2.<\/strong> Create customer_attributes.phtml file inside the <magento-root-dir>\/app\/code\/Vendor\/CustomModule\/view\/frontend\/templates\/ directory.<\/p>\n\n\n\n
<?php\n\/**\n * Webkul Software.\n *\n * @category  Webkul\n * @package   Webkul_CustomModule\n * @author    Webkul\n * @copyright Webkul Software Private Limited (https:\/\/webkul.com)\n * @license   https:\/\/store.webkul.com\/license.html\n *\/\n$customerData = $block->getCustomerData();\n$aadharNumber = $customerData["wk_custom_aadhaar_number"] ?? "";\n$isAadhar = $customerData["wk_custom_want_to_add_aadhaar"] ?? 0;\n?>\n<legend class="legend"><span>Additional Information<\/span><\/legend>\n<div class="field">\n    <label for="wk_custom_want_to_add_aadhaar" class="label">\n    <span><?= $block->escapeHtml(__('Do you want add your aadhar number?')) ?><\/span><\/label>\n    <div class="control">\n        <select name="wk_custom_want_to_add_aadhaar" id="wk_custom_want_to_add_aadhaar" class="select">\n            <option value="1" <?= \/* @noEscape*\/ ($isAadhar==1)?'selected':'';?> ><?= $block->escapeHtml(__('Yes')) ?><\/option>\n            <option value="0" <?= \/*noEscape *\/ ($isAadhar==0)?'selected':'';?>><?= $block->escapeHtml(__('No')) ?><\/option>\n        <\/select>\n    <\/div>\n<\/div>\n<div class="field">\n    <label class="label" for="Aadhaar Number">\n        <span><?= \/** @noEscape *\/ __('Aadhaar Number');?><\/span>\n    <\/label>\n    <div class="control">\n        <input type="text" name="wk_custom_aadhaar_number" id="wk_custom_aadhaar_number" \n               title="<?= \/** @noEscape *\/ __('Aadhaar Number');?>" class="input-text"\n               maxlength="12"\n        value="<?= \/* @noEscape *\/ $aadharNumber ?>">\n    <\/div>\n<\/div><\/pre>\n\n\n\n
 3.<\/strong> Create EditCustomerAttributes.php file inside the <magento-root-dir>\/app\/code\/Vendor\/CustomModule\/Block\/Customer\/Form\/ directory.<\/p>\n\n\n\n
<?php\nnamespace Vendor\\CustomModule\\Block\\Customer\\Form;\n\nuse Magento\\Backend\\Block\\Template\\Context;\nuse Magento\\Framework\\Registry;\nuse Magento\\Framework\\Data\\FormFactory;\nuse Vendor\\CustomModule\\Block\\Widget\\Form\\Renderer\\Element;\nuse Vendor\\CustomModule\\Block\\Widget\\Form\\Renderer\\Fieldset;\nuse Magento\\Eav\\Model\\Entity\\Attribute;\nuse Magento\\Customer\\Model\\AttributeMetadataDataProvider;\nuse Magento\\Framework\\ObjectManagerInterface;\nuse Magento\\Store\\Model\\StoreManagerInterface;\nuse Magento\\Catalog\\Block\\Adminhtml\\Form;\nuse Magento\\Customer\\Model\\Session;\nuse Magento\\Framework\\DataObjectFactory;\n\nclass EditCustomerAttributes extends Form\n{\n    \/**\n     * @var StoreManagerInterface\n     *\/\n    private $storeManager;\n\n    \/**\n     * @var Session\n     *\/\n    private $session;\n\n    \/**\n     * @var DataObjectFactory\n     *\/\n    private $dataObjectFactory;\n\n    \/**\n     * @var Element\n     *\/\n    private $elementRenderer;\n\n    \/**\n     * @var AttributeMetadataDataProvider\n     *\/\n    private $attributeMetadataDataProvider;\n\n    \/**\n     * @var ObjectManagerInterface\n     *\/\n    private $objectManager;\n\n    \/**\n     * @var  array\n     *\/\n    private $_customerData;\n\n    \/**\n     * @var Fieldset\n     *\/\n    private $fieldsetRenderer;\n\n    \/**\n     * Attributes constructor.\n     *\n     * @param Context $context\n     * @param Registry $registry\n     * @param Session $session\n     * @param FormFactory $formFactory\n     * @param Fieldset $fieldsetRenderer\n     * @param Element $elementRenderer\n     * @param ObjectManagerInterface $objectManager\n     * @param DataObjectFactory $dataObjectFactory\n     * @param AttributeMetadataDataProvider $attributeMetadataDataProvider\n     * @param array $data\n     *\/\n    public function __construct(\n        Context $context,\n        Registry $registry,\n        Session $session,\n        FormFactory $formFactory,\n        Fieldset $fieldsetRenderer,\n        Element $elementRenderer,\n        ObjectManagerInterface $objectManager,\n        DataObjectFactory $dataObjectFactory,\n        AttributeMetadataDataProvider $attributeMetadataDataProvider,\n        array $data = []\n    ) {\n        parent::__construct($context, $registry, $formFactory, $data);\n        $this->session           = $session;\n        $this->fieldsetRenderer  = $fieldsetRenderer;\n        $this->elementRenderer   = $elementRenderer;\n        $this->objectManager     = $objectManager;\n        $this->storeManager      = $context->getStoreManager();\n        $this->dataObjectFactory = $dataObjectFactory;\n        $this->attributeMetadataDataProvider = $attributeMetadataDataProvider;\n    }\n\n    \/**\n     * Check whether attribute is visible on front\n     *\n     * @param Attribute $attribute\n     *\n     * @return bool\n     *\/\n    public function isAttributeVisibleOnFront(Attribute $attribute)\n    {\n        $isVisibleOnFront = $attribute->getData('is_system');\n        return (!$isVisibleOnFront && $attribute->getIsVisible());\n    }\n\n    protected function _prepareForm()\n    {\n        \/** @var \\Magento\\Framework\\Data\\Form $form *\/\n        $form = $this->_formFactory->create();\n        $type = 'customer_account_edit';\n\n        $attributes = $this->attributeMetadataDataProvider->loadAttributesCollection(\n            'customer',\n            $type\n        );\n\n        if (!$attributes || !$attributes->getSize()) {\n            return;\n        }\n        $fieldset = $form->addFieldset(\n            'group-fields-customer-attributes',\n            [\n                'class' => 'user-defined',\n                'legend' => __('Additional Information')\n            ]\n        );\n        $fieldset->setRenderer($this->fieldsetRenderer);\n\n        $this->_setFieldset($attributes, $fieldset);\n        $this->prepareDependentAttributes($attributes, $fieldset);\n\n        $this->setForm($form);\n    }\n\n    \/**\n     * @inheritdoc\n     *\/\n    protected function _initFormValues()\n    {\n        if ($form = $this->getForm()) {\n            if ($this->getCustomerData()) {\n                $form->addValues($this->getCustomerData());\n            }\n            \/** @var \\Magento\\Customer\\Block\\Form\\Register $registerForm *\/\n            $registerForm = $this->getLayout()->getBlock('customer_form_register');\n            if (is_object($registerForm) && $registerForm->getFormData() instanceof \\Magento\\Framework\\DataObject) {\n                $form->addValues($registerForm->getFormData()->getData());\n            }\n        }\n\n        return parent::_initFormValues();\n    }\n\n    \/**\n     * Set Fieldset to Form\n     *\n     * @param array|\\Magento\\Customer\\Model\\ResourceModel\\Form\\Attribute\\Collection $attributes\n     * $attributes - attributes that will be added\n     * @param \\Magento\\Framework\\Data\\Form\\Element\\Fieldset $fieldset\n     * @param array $exclude\n     * @return void\n     *\/\n    protected function _setFieldset($attributes, $fieldset, $exclude = [])\n    {\n        $this->_addElementTypes($fieldset);\n\n        foreach ($attributes as $attribute) {\n            \/** @var $attribute \\Magento\\Eav\\Model\\Entity\\Attribute *\/\n            if (!$this->isAttributeVisibleOnFront($attribute)) {\n                continue;\n            }\n            $attribute->setStoreId($this->storeManager->getStore()->getId());\n\n            if ($inputType = $attribute->getFrontend()->getInputType()) {\n                $rendererClass = $attribute->getFrontend()->getInputRendererClass();\n                \n                if ($inputType == "boolean" || $inputType == "date" || $inputType == "datetime") {\n                    $fieldType = 'Webkul\\CustomModule\\Block\\Data\\Form\\Element\\\\' . ucfirst($inputType);\n                } else {\n                    $fieldType = 'Magento\\Framework\\Data\\Form\\Element\\\\' . ucfirst($inputType);\n                }\n                \n                if (!empty($rendererClass)) {\n                    $fieldType = $inputType . '_' . $attribute->getAttributeCode();\n                    $fieldset->addType($fieldType, $rendererClass);\n                }\n\n                $data = [\n                    'name' => $attribute->getAttributeCode(),\n                    'label' => $attribute->getStoreLabel(),\n                    'class' => $attribute->getFrontend()->getClass(),\n                    'required' => $attribute->getIsRequired() || $attribute->getRequiredOnFront(),\n                    'note' => $attribute->getNote()\n                ];\n                \n                $element = $fieldset->addField(\n                    $attribute->getAttributeCode(),\n                    $fieldType,\n                    $data\n                )->setEntityAttribute(\n                    $attribute\n                );\n\n                $element->setValue($attribute->getDefaultValue());\n                $element->setRenderer($this->elementRenderer);\n                $element->setAfterElementHtml($this->_getAdditionalElementHtml($element));\n\n                \/* add options format *\/\n                $this->_applyTypeSpecificConfig($inputType, $element, $attribute);\n            }\n        }\n    }\n\n    \/**\n     * {@inheritdoc}\n     *\/\n    protected function _applyTypeSpecificConfig($inputType, $element, Attribute $attribute)\n    {\n        switch ($inputType) {\n            case 'select':\n                $element->addElementValues($attribute->getSource()->getAllOptions(true, false));\n                break;\n            case 'multiselect':\n                $element->addElementValues($attribute->getSource()->getAllOptions(false, false));\n                $element->setCanBeEmpty(true);\n                break;\n            default:\n                break;\n        }\n    }\n\n    \/**\n     * @param \\Magento\\Customer\\Model\\ResourceModel\\Form\\Attribute\\Collection $attributes\n     * @param \\Magento\\Framework\\Data\\Form\\Element\\Fieldset $fieldset\n     *\/\n    protected function prepareDependentAttributes($attributes, $fieldset)\n    {\n        $depends = [];\n        $attributeIds = $attributes->getColumnValues('attribute_id');\n        if (empty($attributeIds)) {\n            return;\n        }\n        \/\/you can add array options dynamically as per your need\n        $depends[] = [\n            'parent_attribute_id' => 163,\n            'parent_attribute_code' => 'wk_custom_want_to_add_aadhaar',\n            'parent_option_id' => 1,\n            'depend_attribute_id' => 162,\n            'depend_attribute_code' => 'wk_custom_aadhaar_number'\n        ];\n        \n        if (!empty($depends)) {\n            $fieldset->setData('depends', $depends);\n        }\n    }\n\n    \/**\n     * @return array\n     *\/\n    private function getCustomerData()\n    {\n        if (!isset($this->_customerData)) {\n            $this->_customerData = [];\n            if ($this->session->isLoggedIn()) {\n                $this->_customerData = $this->session->getCustomer()->getData();\n            }\n        }\n\n        return $this->_customerData;\n    }\n}<\/pre>\n\n\n\n
4.<\/strong> Now, see the result in the following image.<\/p>\n\n\n\n
\"Account-Informat-1-1\"<\/figure>\n\n\n\n
Hope this will be helpful. Thanks \ud83d\ude42<\/p>\n\n\n\n
Previous Blog:<\/strong> Create Dependent Attribute Fields on Customer Registration Form<\/a><\/p>\n\n\n\n
Next Blog:<\/strong> Add Custom Column in Customer Grid<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Hello Friends!In this blog, we will learn how we can display and update the dependent fields’ values on the customer account edit information page.Before continuing on this blog, please check our Previous Blog, in which you will learn its previous steps. To display the dependent fields on the customer account edit page, please follow the […]<\/a><\/p>\n","protected":false},"author":249,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121],"tags":[12076,12075,7244,12073,12072],"class_list":["post-306067","post","type-post","status-publish","format-standard","hentry","category-magento-2","tag-customer-custom-attributes","tag-customer-edit-attributes","tag-dependable-field-in-magento2","tag-dependent-attributes","tag-dependent-fields"],"yoast_head":"\nDisplay dependent fields on Customer Account Edit Page - Webkul Blog<\/title>\n<meta name=\"description\" content=\"Display dependent fields on Customer Account Edit Page, how to display dependent field on customer edit 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\/display-dependent-fields-on-customer-account-edit-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Display dependent fields on Customer Account Edit Page - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Display dependent fields on Customer Account Edit Page, how to display dependent field on customer edit page\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/\" \/>\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=\"2021-09-19T16:26:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-24T09:11:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/09\/Account-Informat-1-1-1031x1024.png\" \/>\n<meta name=\"author\" content=\"Khushboo Sahu\" \/>\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=\"Khushboo Sahu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/\"},\"author\":{\"name\":\"Khushboo Sahu\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/f94b8f53397bf85810761d76c98fadca\"},\"headline\":\"Display dependent fields on Customer Account Edit Page\",\"datePublished\":\"2021-09-19T16:26:03+00:00\",\"dateModified\":\"2024-07-24T09:11:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/\"},\"wordCount\":153,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/09\/Account-Informat-1-1-1031x1024.png\",\"keywords\":[\"customer custom attributes\",\"customer edit attributes\",\"dependable field in magento2\",\"dependent attributes\",\"dependent fields\"],\"articleSection\":[\"Magento 2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/\",\"url\":\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/\",\"name\":\"Display dependent fields on Customer Account Edit Page - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/09\/Account-Informat-1-1-1031x1024.png\",\"datePublished\":\"2021-09-19T16:26:03+00:00\",\"dateModified\":\"2024-07-24T09:11:35+00:00\",\"description\":\"Display dependent fields on Customer Account Edit Page, how to display dependent field on customer edit page\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/Account-Informat-1-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/Account-Informat-1-1.png\",\"width\":1920,\"height\":1907,\"caption\":\"Account-Informat-1-1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Display dependent fields on Customer Account Edit Page\"}]},{\"@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\/f94b8f53397bf85810761d76c98fadca\",\"name\":\"Khushboo Sahu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cabac965df656d114e6bf340df07518c990eda03bb09265dbd5c17f1097adaae?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cabac965df656d114e6bf340df07518c990eda03bb09265dbd5c17f1097adaae?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Khushboo Sahu\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/khushboo-sahu062\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Display dependent fields on Customer Account Edit Page - Webkul Blog","description":"Display dependent fields on Customer Account Edit Page, how to display dependent field on customer edit 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\/display-dependent-fields-on-customer-account-edit-page\/","og_locale":"en_US","og_type":"article","og_title":"Display dependent fields on Customer Account Edit Page - Webkul Blog","og_description":"Display dependent fields on Customer Account Edit Page, how to display dependent field on customer edit page","og_url":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-09-19T16:26:03+00:00","article_modified_time":"2024-07-24T09:11:35+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/09\/Account-Informat-1-1-1031x1024.png","type":"","width":"","height":""}],"author":"Khushboo Sahu","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Khushboo Sahu","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/"},"author":{"name":"Khushboo Sahu","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/f94b8f53397bf85810761d76c98fadca"},"headline":"Display dependent fields on Customer Account Edit Page","datePublished":"2021-09-19T16:26:03+00:00","dateModified":"2024-07-24T09:11:35+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/"},"wordCount":153,"commentCount":2,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/09\/Account-Informat-1-1-1031x1024.png","keywords":["customer custom attributes","customer edit attributes","dependable field in magento2","dependent attributes","dependent fields"],"articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/","url":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/","name":"Display dependent fields on Customer Account Edit Page - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/09\/Account-Informat-1-1-1031x1024.png","datePublished":"2021-09-19T16:26:03+00:00","dateModified":"2024-07-24T09:11:35+00:00","description":"Display dependent fields on Customer Account Edit Page, how to display dependent field on customer edit page","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/Account-Informat-1-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/Account-Informat-1-1.png","width":1920,"height":1907,"caption":"Account-Informat-1-1"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/display-dependent-fields-on-customer-account-edit-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Display dependent fields on Customer Account Edit Page"}]},{"@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\/f94b8f53397bf85810761d76c98fadca","name":"Khushboo Sahu","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cabac965df656d114e6bf340df07518c990eda03bb09265dbd5c17f1097adaae?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cabac965df656d114e6bf340df07518c990eda03bb09265dbd5c17f1097adaae?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Khushboo Sahu"},"url":"https:\/\/webkul.com\/blog\/author\/khushboo-sahu062\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/306067","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\/249"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=306067"}],"version-history":[{"count":7,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/306067\/revisions"}],"predecessor-version":[{"id":375133,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/306067\/revisions\/375133"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=306067"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=306067"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=306067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}