WooCommerce 9.0中的签出更改

在WooCommerce 9.0中,我们很高兴能为结账模块引入几个购物界面改进,这些改进旨在简化结账过程并提高转换率。以下是您可以期待的关键增强功能!

我们将更改分为以下类别:

在下面的部分中,单击展开每个更改,以获取有关这些更新如何为您的店铺带来好处的详细信息。

升级到9.0时的新增功能

返回页首
增强的订单摘要设计

我们更新了Order Summary块,采用了一种新的设计,其特点是具有更好的可见性的边框、改进的摘要项层次结构,以及具有手风琴交互的更新优惠券组件,以获得更流畅的体验。

改进了“取货地点”

默认情况下,“收货位置”部分已得到增强,可以显示所有收货地址。拾取细节现在被优雅地截断为两行阅读更多信息链接以获取更多信息。

优化的地址字段

辅助地址行字段现在更加灵活。它可以设置为可选或必需。如果是可选的,它将隐藏在+添加公寓、套房等。链接。如果需要,默认情况下会显示它,以便于使用。

免费送货时增强价值展示

在购物车和结账块订单摘要中,当运费为零时,运费总额现在显示为“免费”,而不是0.00,为您的客户提供更清晰、更积极的信息。

订单摘要在桌面上粘滞

签出侧栏中的“订单摘要”块现在在桌面上是粘滞的,确保当签出视图变长时它仍然可见。

仅对新创建的存储启用

返回页首
从签出页中删除的页面标题

为了最大化宝贵的空间并增强用户体验,我们从签出模板中删除了页面标题。此更新仅影响新店;现有商店将保留其页面标题。这个标题可以通过以下方式在模板中添加或删除块外观>编辑器>模板>页码:结账.

此更改会影响按块签出和短代码签出。

优化的默认值:自定义的新设置

返回页首
默认情况下隐藏签出表单步骤号

以前,可以为每个内部块单独切换表单步骤号。使用WooCommerce 9.0,您现在可以通过单个切换来启用或禁用所有内部块的表单步骤号。

默认情况下,表单步骤号现在被禁用,从而创建更干净、更整洁的结账体验。要重新启用它们,只需在页面编辑器中选择Checkout Fields块并切换显示表单步骤号选项。

将“配送方式”部分标题重命名为“配送”

为了更好地反映可用选项,我们将装运方法节标题到送货当本地拾取处于活动状态时。您可以直接在页面编辑器中轻松重命名节标题,以满足商店的需要。

节标题保持可直接从页面编辑器编辑。

优化交付选项设计

选项标题已简化为航运船舶本地皮卡捡拾器其相应的图标现在位于标题的左侧,以获得更清晰的外观。发货方法标题可在编辑器中直接编辑。

仅当启用“块本地拾取”功能时,才会显示此部分。

要在文本上方显示SVG图标,可以添加以下自定义CSS代码:

.edit-post-visual-editor.wc-block-components-button.wc-block检查__shipping-method-option,.wc-block-components-button.wc-block检查__shipping-method-option{弯曲方向:立柱;}
装运和取货成本现在默认隐藏

运输和提货成本现在默认隐藏,以适应运输选项取决于购物者选择的交货地址的情况。

要调整此设置,请转到结账右侧边栏中“Delivery”内部块的块设置,然后启用显示成本.

将“Country”字段移至地址表单顶部

国家/地区输入字段已重新定位到所有国家/地区的发货和帐单地址表单的顶部。此调整可确保从一开始就准确显示所有相关的地址字段,从而提供无缝、不间断的表单填充体验。

您可以通过添加以下代码片段来调整国家/地区输入字段的顺序,例如使用代码段插件:

/***调整签出表单中国家/地区输入字段的顺序。**@param数组$locales*@return数组**优先级值:*11:在名字字段之后。*21:在姓氏字段之后。*31:在公司名称字段之后。*41:在地址行1字段之后。*51:地址行2字段之后。*71:在城市球场之后。*81:在state字段之后。*91:在邮政编码字段之后。*101:在电话区之后。*/add_filter('woommerce_get_country_locale',函数($locales){foreach($locales作为$countrycode=>&$locale){$locale['country']=数组('priority'=>21);}返回$locales;} );

这些更改随WooCommerce 9.0提供,我们很快将发布更多购物体验改进!如果您有任何反馈或收到客户的反馈,请随时使用下面的投票拇指与我们分享。谢谢!💜