自定义 Wordpress WooCommerce 结帐页面和付款处理方式

Posted

技术标签:

【中文标题】自定义 Wordpress WooCommerce 结帐页面和付款处理方式【英文标题】:Customize Wordpress WooCommerce checkout page and Payment processing style 【发布时间】:2021-12-24 23:20:59 【问题描述】:

我正在尝试编辑我的 Wordpress WooCommerce 结帐页面以删除 PayPal 结帐按钮上方的空间,但我不知道应该从哪里开始。我觉得这可以通过编辑代码轻松完成,但我对 html 和 CSS 并不熟悉。我的website

我的网站结帐目前如下所示:

我的网站是www.isetupedia.com

但我试图让它看起来像这样:

【问题讨论】:

@Junky 谢谢!它有助于消除很大一部分空间。 【参考方案1】:

你可以用一点 CSS 去掉一些空间

.woocommerce-checkout #payment 
    margin-bottom: 0;

.woocommerce-checkout #payment div.form-row.place-order 
    padding-bottom: 0;

【讨论】:

以上是关于自定义 Wordpress WooCommerce 结帐页面和付款处理方式的主要内容,如果未能解决你的问题,请参考以下文章

WooCommerce:为特定页面添加使用 WordPress 自定义字段添加到购物车旁边的自定义按钮

使用自定义Wordpress API端点更新WooCommerce产品

php 在产品列表上显示自定义分类 - Woocommerce - Wordpress

markdown 带有select2多选的Wordpress / Woocommerce自定义字段

自定义 Wordpress WooCommerce 结帐页面和付款处理方式

WooCommerce 自定义产品状态不可见/工作