如何在WooCommerce结账页订单复核前添加与「Your order」同行的继续购物/加购链接

1. 调整原有PHP代码 #

先给输出内容补全链接标签、添加自定义类名方便CSS定位控制，同时调整钩子优先级保证内容加载顺序正确，修改后代码如下：

add_action('woocommerce_checkout_order_review','woocommerce_checkout_before_order_review_add_product', 5 );
function woocommerce_checkout_before_order_review_add_product(){
    $continue_shopping_url = wc_get_page_permalink( 'shop' );
    $add_product_label = '继续购物/添加商品';
    if(!empty($continue_shopping_url)){
        echo '<a href="'.esc_url($continue_shopping_url).'" class="custom-continue-shopping-btn">'.esc_html($add_product_label).'</a>';
    }
}

2. 添加自定义CSS #

将以下CSS代码添加到WordPress后台「外观」-「自定义」-「额外CSS」输入框中，保存即可生效：

/* 让订单标题和继续购物链接同行展示 */
h3#order_review_heading {
    display: inline-block;
    width: auto;
    margin-right: 20px;
}
.custom-continue-shopping-btn {
    display: inline-block;
    float: right;
    line-height: 1.5;
    margin-top: 1em; /* 匹配默认标题上边距，保证垂直对齐 */
    color: #2385bb; /* 可自行修改为你的主题主色 */
    text-decoration: underline;
}
/* 适配移动端小屏幕 */
@media (max-width: 768px) {
    h3#order_review_heading, .custom-continue-shopping-btn {
        display: block;
        float: none;
        margin: 10px 0;
    }
}

内容的提问来源于stack exchange，提问作者gidiwe2427