如何在Magento 2中设置Stripe为默认支付方式并默认展开

一、先确认配置是否遗漏 #

• 进入Magento后台，路径：Stores > Configuration > Sales > Payment Methods > Stripe
• 确保Enabled设为Yes，Sort Order设为0（确保Stripe排在支付方式列表首位）
• 找到Display Settings下的Always Expanded，确认已设为Yes
• 执行缓存清理命令：bin/magento cache:flush，刷新结账页测试

二、配置无效时的前端代码修改 #

若上述配置不生效，说明Stripe模块的前端逻辑覆盖了默认行为，需修改以下文件：

1. 修改支付方式模板文件 #

找到Stripe模块的模板文件（路径参考：vendor/stripe/module-payment/view/frontend/web/template/payment/stripe.html，自定义主题需复制到主题目录下修改）：

• 找到支付方式的单选框元素，添加checked: true绑定，同时确保容器的_active类默认生效：

<div class="payment-method" data-bind="css: {'_active': true}, visible: isActive()">
    <div class="payment-method-title field choice">
        <input type="radio"
               name="payment[method]"
               class="radio"
               data-bind="attr: {'id': getCode()}, value: getCode(), checked: true, click: selectPaymentMethod, visible: isRadioButtonVisible()" />
        <label data-bind="attr: {'for': getCode()}" class="label"><span data-bind="text: getTitle()"></span></label>
    </div>
    <div class="payment-method-content">
        <!-- 原有支付表单内容 -->
    </div>
</div>

2. 修改JS组件逻辑 #

找到Stripe的JS渲染文件（路径参考：vendor/stripe/module-payment/view/frontend/web/js/view/payment/method-renderer/stripe.js）：

• 在initialize方法中添加自动选中逻辑：

initialize: function () {
    this._super();
    // 自动选中Stripe为当前支付方式
    this.selectPaymentMethod();
    return this;
},

• 若需要强化默认选中判断，可修改isChecked方法：

isChecked: function () {
    // 强制返回true，确保Stripe默认处于选中状态
    return true;
}

3. 部署静态资源并清理缓存 #

修改完成后执行命令：

bin/magento setup:static-content:deploy -f
bin/magento cache:flush

刷新浏览器缓存（Ctrl+F5）后测试结账页。

三、注意事项 #

• 若使用自定义主题，需将修改的文件复制到主题对应路径（如app/design/frontend/[你的厂商]/[你的主题]/Stripe_Payment/...），避免模块升级时覆盖修改
• Stripe的支付方式代码可能因版本不同变化，可在后台支付方法配置页查看具体代码（比如旧版本是stripe，新版本是stripe_payments）

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