Woocommerce购物车为空时更改元素颜色

BoDean

使用Oxygen Builder构建的Wordpress网站。我的菜单旁边有一个线性图标(购物车)。当购物车中有一个项目(非空)时,我正在尝试更改该图标的颜色。对于我的一生,我无法使其正常运转。它会使站点崩溃,拧紧车身边缘等。

我在functions.php中尝试了以下内容的许多变体:

add_action('wp_footer', 'crit_cart') ;
function crit_cart() {
    if(sizeof( WC()->cart->get_cart() ) > 0 ) {
        jQuery('#fancy_icon-62-12').css('color','blue');
    }
}

function crit_cart() { 
if(WC()->cart->get_cart_contents_count() != 0){
        echo "<script type=text/javascript> jQuery("#link-64-12").css('color','#47beff');</script>";
}

} add_filter('wp_headers','crit_cart');

我已经尝试了最后一个在jQuery之前有无回声的选项。

任何帮助将不胜感激。预先感谢!

罗伯特·C

您的想法正确,但是存在语法错误。

首先,您尝试从PHP运行jQuery。PHP在后端运行,而jQuery / JS在前端运行,因此您不能以这种方式运行它。

在第二个中,您做得正确-将脚本回显到前端以运行,但是第二个引号结束了回显,并且它将返回错误。试试看:

add_action('wp_footer', 'crit_cart') ;
function crit_cart() {
    if(sizeof( WC()->cart->get_cart() ) > 0 ) : ?>

    <script type='text/javascript'>
        jQuery('#fancy_icon-62-12').css('color','blue');
    </script>
    <?php
    endif;
}

在此示例中,您逃避了PHP,并将直接将脚本回显到DOM。由于它是一个脚本,因此它将在那时运行。

希望这可以帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

WooCommerce - 尝试更新数量时购物车项目数据为空

来自分类Dev

如果购物车为空,则购物车页面将重定向到woocommerce中的商店页面?

来自分类Dev

如果购物车为空,则购物车页面将重定向到WooCommerce中的商店页面?

来自分类Dev

woocommerce购物车页面上的空购物车按钮无法正常工作

来自分类Dev

更改购物车小部件Woocommerce中的“查看购物车”和“结帐”按钮文本

来自分类Dev

更改数量并单击“更新购物车”后,Woocommerce 购物车不会更新

来自分类Dev

WooCommerce中项目在购物车中时购物车按钮的新样式

来自分类Dev

当购物车不为空时,设置购物车永久链接

来自分类Dev

Woocommerce空购物车按钮。“你确定吗?”

来自分类Dev

购物车为空时出现Symfony2错误

来自分类Dev

获取购物车woocommerce

来自分类Dev

Woocommerce中的迷你购物车数量更改

来自分类Dev

结合WooCommerce中的多个购物车永久链接更改

来自分类Dev

WooCommerce-更改购物车中的价格显示

来自分类Dev

如何在店面woocommerce中更改柜台购物车?

来自分类Dev

使用 jQuery 更改 woocommerce 购物车中的属性顺序

来自分类常见问题

如果产品在购物车中,请更改“添加到购物车”按钮文本,并在WooCommerce中满足条件时重定向到购物车页面

来自分类Dev

如果购物车为空,则重定向到主页

来自分类Dev

删除项目后,购物车页面为空

来自分类Dev

检查狂欢购物车是否为空

来自分类Dev

Woocommerce-用户注销时清除购物车

来自分类Dev

当定义的产品是WooCommerce购物车时添加折扣

来自分类Dev

从购物车woocommerce删除商品时显示确认消息

来自分类Dev

Woocommerce购物车显示重复的购物车总额

来自分类Dev

当购物车内容更改时更新自定义 WooCommerce 迷你购物车

来自分类Dev

单击 Woocommerce 后,将添加到购物车按钮更改为查看购物车按钮

来自分类Dev

如果WooCommerce购物车中有任何购物车项目数量为1,则显示消息

来自分类Dev

在结帐时根据WooCommerce中的用户角色和购物车总数更改订单按钮文本

来自分类Dev

Woocommerce中项目缺货(可用缺货)时,更改存档页面上的“添加到购物车”按钮文本

Related 相关文章

  1. 1

    WooCommerce - 尝试更新数量时购物车项目数据为空

  2. 2

    如果购物车为空,则购物车页面将重定向到woocommerce中的商店页面?

  3. 3

    如果购物车为空,则购物车页面将重定向到WooCommerce中的商店页面?

  4. 4

    woocommerce购物车页面上的空购物车按钮无法正常工作

  5. 5

    更改购物车小部件Woocommerce中的“查看购物车”和“结帐”按钮文本

  6. 6

    更改数量并单击“更新购物车”后,Woocommerce 购物车不会更新

  7. 7

    WooCommerce中项目在购物车中时购物车按钮的新样式

  8. 8

    当购物车不为空时,设置购物车永久链接

  9. 9

    Woocommerce空购物车按钮。“你确定吗?”

  10. 10

    购物车为空时出现Symfony2错误

  11. 11

    获取购物车woocommerce

  12. 12

    Woocommerce中的迷你购物车数量更改

  13. 13

    结合WooCommerce中的多个购物车永久链接更改

  14. 14

    WooCommerce-更改购物车中的价格显示

  15. 15

    如何在店面woocommerce中更改柜台购物车?

  16. 16

    使用 jQuery 更改 woocommerce 购物车中的属性顺序

  17. 17

    如果产品在购物车中,请更改“添加到购物车”按钮文本,并在WooCommerce中满足条件时重定向到购物车页面

  18. 18

    如果购物车为空,则重定向到主页

  19. 19

    删除项目后,购物车页面为空

  20. 20

    检查狂欢购物车是否为空

  21. 21

    Woocommerce-用户注销时清除购物车

  22. 22

    当定义的产品是WooCommerce购物车时添加折扣

  23. 23

    从购物车woocommerce删除商品时显示确认消息

  24. 24

    Woocommerce购物车显示重复的购物车总额

  25. 25

    当购物车内容更改时更新自定义 WooCommerce 迷你购物车

  26. 26

    单击 Woocommerce 后,将添加到购物车按钮更改为查看购物车按钮

  27. 27

    如果WooCommerce购物车中有任何购物车项目数量为1,则显示消息

  28. 28

    在结帐时根据WooCommerce中的用户角色和购物车总数更改订单按钮文本

  29. 29

    Woocommerce中项目缺货(可用缺货)时,更改存档页面上的“添加到购物车”按钮文本

热门标签

归档