Magento前端客户中心展示Select类型客户属性标签问题

核心思路 #

要展示select类型客户属性的选项标签而非值，需调用该属性的getSource()方法，通过属性值匹配对应的标签文本。

具体实现步骤 #

1. 修改模板文件（info.phtml） #

在模板中获取客户属性的source实例，通过属性值提取对应标签：

<?php
/** @var \Magento\Customer\Model\Customer $customer */
$customer = $block->getCustomer();
// 获取属性实例
$employmentAttr = $customer->getResource()->getAttribute('employment');
if ($employmentAttr && $employmentAttr->getFrontend()->getValue($customer)) {
    // 获取属性存储值
    $value = $customer->getData('employment');
    // 调用source model获取标签
    $label = $employmentAttr->getSource()->getOptionText($value);
?>
<div class="box box-information">
    <strong class="box-title">
        <span><?= $block->escapeHtml($employmentAttr->getFrontendLabel()) ?></span>
    </strong>
    <div class="box-content">
        <?= $block->escapeHtml($label) ?>
    </div>
</div>
<?php } ?>

2. 验证Source Model（Employment.php） #

确保Source Model类正确实现getOptionText()方法（继承AbstractSource时默认已实现，可按需重写）：

<?php
namespace ArseniyInk\TaskTwo\Model\Customer\Attribute\Source;

use Magento\Eav\Model\Entity\Attribute\Source\AbstractSource;

class Employment extends AbstractSource
{
    public function getAllOptions()
    {
        if (!$this->_options) {
            $this->_options = [
                ['value' => 'full_time', 'label' => __('Full Time')],
                ['value' => 'part_time', 'label' => __('Part Time')],
                ['value' => 'freelance', 'label' => __('Freelance')],
            ];
        }
        return $this->_options;
    }

    // 可直接使用父类方法，如需自定义逻辑可重写
    public function getOptionText($value)
    {
        foreach ($this->getAllOptions() as $option) {
            if ($option['value'] == $value) {
                return $option['label'];
            }
        }
        return false;
    }
}

3. 确认属性创建补丁（AddTestEmploymentAttribute.php）配置 #

确保属性创建时指定了正确的source model：

$customerSetup->addAttribute(
    \Magento\Customer\Model\Customer::ENTITY,
    'employment',
    [
        'type' => 'varchar',
        'label' => 'Employment Status',
        'input' => 'select',
        'source' => \ArseniyInk\TaskTwo\Model\Customer\Attribute\Source\Employment::class,
        'required' => false,
        'visible' => true,
        'user_defined' => true,
        'position' => 999,
        'system' => false,
        'frontend' => '',
    ]
);

// 配置属性在前端/后台表单的显示
$attribute = $customerSetup->getEavConfig()->getAttribute('customer', 'employment')
    ->addData([
        'used_in_forms' => [
            'adminhtml_customer',
            'customer_account_edit',
            'customer_account_create'
        ]
    ]);
$attribute->save();

4. 确认布局文件（customer_account_index.xml）配置 #

确保模板块已正确添加到客户中心页面：

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="customer_account_dashboard_info">
            <block class="Magento\Customer\Block\Account\Dashboard\Info" name="employment_status" template="ArseniyInk_TaskTwo::account/dashboard/info.phtml" after="-"/>
        </referenceBlock>
    </body>
</page>

测试验证 #

1. 清理缓存：执行命令 bin/magento cache:clean 和 bin/magento cache:flush
2. 登录前端客户账号，查看客户中心页面，确认已显示属性的选项标签而非存储值

内容的提问来源于stack exchange，提问作者Ceh9_N