【问题标题】: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 */
}

输出:

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-03
    • 2016-03-20
    • 2018-02-28
    相关资源
    最近更新 更多