WooCommerce 购物车页面：更改结帐按钮的位置答案

【问题标题】：WooCommerce Cart Page: Change position of checkout buttonsWooCommerce 购物车页面：更改结帐按钮的位置
【发布时间】：2021-03-16 03:28:32
【问题描述】：

我想更改 WooCommerce 购物车页面上结帐按钮的位置。我想在 Paypal 按钮下方有绿色按钮（a.checkout-button.button.alt.wc-forward）。谁能帮帮我？

【问题讨论】：

将页面 URL 发送给我。
您只能重新排序付款选项而不是结帐按钮
您可以在 Paypal 结帐、“Weiter zur Kasse”之间进行选择，然后您将进入结帐页面和 Stripe 付款请求按钮
a.checkout-button.button.alt.wc-forward { height: 46px !important;边框半径：4px；行高：46px； } 我已经有了这个代码
@Hans1234 因此，在您的问题中添加此代码并进行一些解释。

标签： html css woocommerce

【解决方案1】：

您可以使用 flexbox 重新排序它们。尝试通过自定义 CSS 添加以下内容：

.cart_totals .wc-proceed-to-checkout {
   display: flex;
   flex-direction: column; /* So that it preserves the vertical layout */
}

.wcppec-checkout-buttons {
   order: -1; /* This can vary according to other elements, play around the value */
}

输出：

【讨论】：