php woocommerce：更改"添加到购物车"按钮的行为

cbjzeqam 于 2023-01-24 发布在 PHP

关注(0)|答案(1)|浏览(128)

我已经使用Woocommerce elementor小部件创建了一个product page，我想更好地控制"添加到购物车"按钮（class="single_add_to_cart_button button alt wp-element-button"）的行为。
由于我只有一个产品要卖，我把产品和购物车小部件放在同一个页面上。
我想要的是当我按下"add to cart"（* ajouter au panier *，法语）时，用户会被重定向到页面底部（购物车所在的位置）。我已经在那里放置了一个Elementor菜单锚点（带有CSS ID #shop），但我无法将按钮重定向到锚点。
我相信我将需要写一个PHP函数，但我的理解是太有限的方式不幸。
谢谢你的支持
C.
我尝试使用"WooCommerce添加到购物车自定义重定向"插件（如本thread中所建议的），它的工作原理是用户通过重新加载页面被重定向到购物车。我想要的是用户停留在同一页面上，按下"添加到购物车"只会向下滑动到页面底部。

php

来源：https://stackoverflow.com/questions/75211685/woocommerce-change-behaviour-of-add-to-cart-button

1条答案

按热度按时间

bjp0bcyl1#

我的建议是使用jQuery和scrollIntoView()的click处理程序，代码可以插入到“add to cart”按钮和jQuery link标记之后的任何地方，甚至可以插入到页面底部作为一个简单的script标记，代码如下所示：

$(document).ready(function(){
    // binding a click event to the button remotely
    $(".single_add_to_cart_button").click(function(){
        // scrolling to element '#shop'
        $("#shop").scrollIntoView();
    });
});

PS：要添加脚本，您可以使用Elementor的html或自定义代码块轻松添加。

赞(0）回复(0）举报 2023-01-24

我来回答

php woocommerce：更改"添加到购物车"按钮的行为

1条答案

相关问题

热门标签

最新问答