如何在Shopware 6插件中展示带变体标题的选择框？

要做出订单页面那种能在标题里显示产品变体的单选选择框，直接用Shopware的sw-entity-single-select组件即可，核心是开启变体展示配置：

直接可用的代码示例 #

<sw-entity-single-select
  :label="$t('scg.detail.card.product.product')"
  entity="product"
  displayVariants
>
</sw-entity-single-select>

关键配置说明 #

• entity="product"：指定选择框关联的是产品实体
• displayVariants：这个属性是核心，开启后下拉选项的标题会自动带上产品的变体信息（比如尺寸、颜色等），和订单页的效果完全一致
• :label：设置选择框的标签文本，使用多语言变量可适配不同语言场景

效果说明 #

配置完成后，下拉选项里的产品名称旁会直接显示对应的变体属性，用户能直观区分不同的产品变体，和你期望的示例效果一致。

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