0

我对 wordpress、woocommerce 和 elementor 有非常初级的理解。我还在学习很多东西。我相信最好的学习方法是模仿。因此,我浏览了各种主题并尝试使用 Elementor 模仿他们的行为和外观。但是,这个特殊的主题引起了我的注意。当有人将鼠标悬停在产品图片上而不是一直在那里时,会出现“添加到购物车”按钮。你们能帮我解决这个问题或至少指出我正确的方向吗?

当有人将鼠标悬停在图像上时,它应该是这样的 在此处输入图像描述

这是鼠标指针离开时的样子 在此处输入图像描述

4

1 回答 1

0
<a href="<?php the_permalink(); ?>" class="more">More info</a>
<?php if($available) {?>
    <a href="<?php $add_to_cart = do_shortcode('[add_to_cart_url id="'.$post->ID.'"]'); echo $add_to_cart; ?>" class="more">Buy now</a>
<?php } ?>

此代码按预期解决了我的问题。

WooCommerce 文档参考

  1. 解决方案:在主题的 function.php 文件中添加代码。

    add_action( 'woocommerce_single_product_summary', 'my_extra_button_on_product_page', 30 );
    
    function my_extra_button_on_product_page() {
      global $product;
      echo '<a href="URL">Add to cart</a>';
    }
    
  2. 解决方案:安装自定义 WooCommerce 添加到购物车插件

自定义 WooCommerce 添加到购物车插件

  1. 解决方案:您可以使用带有短代码的钩子:

自定义添加到购物车按钮

或在您自己的模板中为 WooCommerce 文件创建覆盖

于 2018-12-11T05:22:55.763 回答