Question

我开发了一个带有WordPress和WooCommerce插件的电子商务网站。一切都已完成，但我想更改结帐页面的完整布局。我试着找一个插件来做但却失败了。

有什么办法可以改变结帐页面的布局或设计吗？

Answer 1

已编辑：

WOOCOMMERCE模板：

您可以复制＆＃34; 模板＆＃34;文件夹（位于woocoommerce插件文件夹内）到您的主题（或子主题）文件夹并重命名为＆＃34; woocommerce ＆＃34;。
然后，您可以在内部选择要编辑的文件以满足您的需求。

在您的情况下，您会在名为＆＃34; 结帐＆＃34;的文件夹中找到。这个＆＃34; checkout＆＃34;中的所有文件文件夹是结帐页面布局的不同组件。

在结帐页面/表单上负责组件的不同文件

form-checkout.php是结帐页面的主要文件   form-login.php呈现登录表单   form-coupon.php呈现优惠券表格   form-billing.php会显示结算表单   form-shipping.php会显示送货单。（当＆＃34;运送到不同地址复选框时，显示此复选框）
  review-order.php呈现订单审核块   payment.php呈现付款选项阻止   payment.php有一个循环，其中对于每个启用的付款方式，另一个文件＆gt; payment-method.php被称为。{   cart-errors.php显示购物车错误   调用thankyou.php来显示收到订单的确认。（＆＃34;订单收到＆＃34;端点）

在儿童主题中添加WOOCOMMERCE样式表以便于修改
因为有些时候很难覆盖某些特定的WooCommerce样式。

Step.1 - 停用常规的woocommerce.css文件。

将此PHP代码添加到您的活动主题的函数文件（functions.php）中：

add_filter( 'woocommerce_enqueue_styles', 'wooc_dequeue_styles' );

function wooc_dequeue_styles( $enqueue_styles ) {
    unset( $enqueue_styles['woocommerce-general'] );
    return $enqueue_styles;
}

Step.2 - 在活动主题的文件夹中创建一个名为＆＃34; woocommerce＆＃34;的文件夹。 （如果它还没有存在）。

Step.3 - 将 woocommerce.css 文件复制到活动主题文件夹中新创建的文件夹 woocommerce 。
woocommerce.css 文件位于：plugins / woocommerce / assets / css / woocommerce.css。

Step.4 - 启用（排队）活动主题中的常规woocommerce.css文件。

将此PHP代码添加到活动主题的函数文件中：

add_action('wp_enqueue_scripts', 'woocommerce_style_sheet');

function woocommerce_style_sheet() {
    wp_enqueue_style( 'woocommerce', get_stylesheet_directory_uri() . '/woocommerce/woocommerce.css' );
}

<强> 选项：

- 您还可以启用/禁用其他woocommerce css文件：see this snippet at woo themes

- 您可以一次禁用所有Woocommerce样式表：

add_filter( 'woocommerce_enqueue_styles', '__return_false' );

更改WooCommerce中的结帐页面

1 个答案: