WooCommerce结帐布局

用户名

我想更改WooCommerce结帐页面的布局,但是由于它似乎包含多个PHP页面,因此我不知道该怎么做。

我想要实现的是将摘要部分和运输信息移到顶部,并在随后显示运输地址的输入字段。

我应该使用CSS进行这些更改,还是可以简单地更改模板中钩子的顺序?

谢谢!

豪利

在“ woocommerce / templates / checkout”文件夹中,有一个名为“ form-checkout.php”的文件。将该文件的内容复制到“ yourtheme / woocommerce / checkout / form-checkout.php”中,在第〜54行有以下代码:

<?php do_action( 'woocommerce_checkout_order_review' ); ?>

将其移到下方

<form name="checkout" method="post" class="checkout" action="<?php echo esc_url( $get_checkout_url ); ?>">

并添加:

<?php
$order_button_text = apply_filters( 'woocommerce_order_button_text', __( 'Place order', 'woocommerce' ) );

echo apply_filters( 'woocommerce_order_button_html', '<input type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr( $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '" />' );
?>

到下面

<?php endif; ?>

并保存文件。这将使摘要和发货显示在输入字段的上方,但是您仍将在页面顶部具有“下订单”按钮。将“ review-order.php”的内容复制到“ yourtheme / woocommerce / checkout / review-order.php”,然后删除以下内容(从〜169行):

<?php
$order_button_text = apply_filters( 'woocommerce_order_button_text', __( 'Place order', 'woocommerce' ) );

echo apply_filters( 'woocommerce_order_button_html', '<input type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr( $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '" />' );
?>

删除上述内容后,将删除页面顶部的“下订单”按钮。

您可以在“ woocommerce / templates / checkout / form-checkout.php”中编辑“ form-check.php”文件,但是不建议您这样做,因为当您更新woocommerce时,这些更改将丢失。将文件复制到“ yourtheme / woocommerce / checkout / form-checkout.php”将覆盖该文件,并且如果更新woocommerce,则不会丢失这些更改。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章