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

Question

我想更改 WooCommerce 购物车页面上结帐按钮的位置。我想在 Paypal 按钮下方有绿色按钮 (a.checkout-button.button.alt.wc-forward)。有人可以帮我吗？

Answer 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 */
}

输出：