Woocommerce-更改快速查看按钮文本和“眼睛”图标

时间:2018-08-13 11:09:47

标签: php html css wordpress woocommerce

我正在使用Wordpress。

在过去的一个小时中,我试图在php中查找代码。带有“快速查看”按钮的文件,但没有结果。

有人知道我在哪里可以找到它吗?

最诚挚的问候。

Filip

3 个答案:

答案 0 :(得分:1)

这取决于您使用的电子商务插件以及主题。如果将woocommerce与为woocommerce构建的主题一起使用,则可以在主题目录下的“ woocomerce”文件夹中找到此类内容。如果您的主题中没有这样的目录,请查看woocommerce插件目录。

答案 1 :(得分:1)

好的,如果有人想改变文本,我是如何做到的并且它适用于任何主题:

只需在 WordPress 中添加一个片段,这样您就不需要玩弄函数文件,甚至当您更新主题或插件时,它也不会更改或破坏文本。

add_filter('woocommerce_loop_quick_view_button','custom_quick_view');
function custom_quick_view($output)
{
 global $product;

 $output  = '<a href="#" id="product_id_' . $product->get_id() . '" 
       class="quick-view-button button" data-product_id="' . $product->get_id() . '"><i 
       class="icon-eye"></i>' . esc_html__( 'Buy Now', 'wc_quick_view' ) . '</a>';  //Edit the $output as you want
 return $output;
}

答案 2 :(得分:0)

如果您使用this plugin进行快速浏览

您可以尝试以下代码:

add_filter('woocommerce_loop_quick_view_button','custom_quick_view');
function custom_quick_view($output)
{
 $output = 'My Cutom Output';
  return $output;
}

对于OceanWP主题,请尝试以下代码:

add_filter('ocean_woo_quick_view_button_html','custom_quick_view');
function custom_quick_view($output)
{
 global $product;

 $output  = '<a href="#" id="product_id_' . $product->get_id() . '" 
       class="owp-quick-view" data-product_id="' . $product->get_id() . '"><i 
       class="icon-eye"></i>' . esc_html__( 'Quick View', 'oceanwp' ) . '</a>';  //Edit the $output as you want
 return $output;
}

将此代码放在您的 functions.php