Php 如何覆盖Wordpress内联!重要风格
我正在Wordpress上使用WooCommerce-产品页面上的“添加到购物车”按钮未随我更新的全局样式而更改,因为它具有内联样式:Php 如何覆盖Wordpress内联!重要风格,php,wordpress,templates,woocommerce,hook,Php,Wordpress,Templates,Woocommerce,Hook,我正在Wordpress上使用WooCommerce-产品页面上的“添加到购物车”按钮未随我更新的全局样式而更改,因为它具有内联样式: <button type="submit" class="single_add_to_cart_button button alt gradient_" style="color: rgb(0,0,0)!important">Add to basket</button> 带有“添加到购物车”按钮的模板文件可能位于wp content/y
<button type="submit" class="single_add_to_cart_button button alt gradient_" style="color: rgb(0,0,0)!important">Add to basket</button>
带有“添加到购物车”按钮的模板文件可能位于wp content/you theme/woocommerce/single product/add to cart/simple.php(或single product/add to cart中的任何文件)要自定义添加到购物车按钮,您只需打开WordPress定制器。在WordPress管理中,转到 1)外观->自定义并加载自定义程序。 然后在自定义程序中单击按钮->替换按钮背景色并设置颜色
2)按Save&Publish即可完成操作。可以使用jQuery删除样式属性。您需要在theme style.css或任何其他位置添加css,以便将其加载到标题中。下面是可以粘贴到当前主题的functions.php中的代码
function ks_footer(){
?>
<script>
jQuery(function() {
jQuery('a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart').removeAttr('style'); //3 Red Buttons
jQuery('.single_add_to_cart_button').removeAttr('style');
}); //Top Blue Button
</script>
<?php
}
add_action( 'wp_footer', 'ks_footer' );
函数ks_footer(){
?>
jQuery(函数(){
jQuery('a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart')。removeAttr('style');//3个红色按钮
jQuery('.single_add_to_cart_button')。removeAttr('style');
});//顶部蓝色按钮
您使用的jquery代码中有一个错误 您使用的代码是
jQuery('a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart')。removeAttr('style');
});
将代码替换为
jQuery('a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart')。removeAttr('style');
然后它就可以工作了,根据你发布的代码,没有必要在这里回答,你必须自己调试。@charankumar-你能告诉我钩子的引用位置吗?我对wordpress不太了解!你的主题当然是这样做的(或者是一个插件),因为默认情况下,“添加到购物车”上没有内联样式。通常,自定义程序允许更改此按钮的背景色。因此,您需要在“单一产品>添加到购物车”子文件夹的主题中查找woocommerce文件夹中的模板(根据产品类型使用不同的模板)。。。它也可以通过jQuery动态添加,如果是这样的话,您将更难找到更改它的方法。请在您找到
color:#000000的行顶部发布几行内容!重要信息
。您不需要编辑woocommerce模板,因为我们甚至可以覆盖!重要信息
css.@KamranSyed我已经添加了整个HTML元素。我在任何文件中都找不到按钮在文件中找到这样的文本我已经这样做了,这就是我创建此问题的原因。这是行不通的,我也不能用CSS,因为事实证明!重要内联不能被覆盖。我需要把它处理掉,谢谢。由于某种原因,我在脚本的开头出现了一个错误!添加了丢失的php标记。现在应该没问题了@J4G。这似乎对我不起作用,样式似乎仍然适用。打开开发人员工具,控制台并粘贴jQuery('.single\u add\u to\u cart\u button')
看看是否得到了正确的元素。@J4Git很奇怪,我没有得到任何回报。您可以在Thank@a.prakash上测试它-出于某种原因,这也不起作用!试试这个jQuery('.single_add_to_cart_按钮')。removeAttr('style');您好@J4G在这一行中添加了插件“customize woocommerce shop”,添加了这个内嵌颜色**customize woocommerce shop->includes->js->woo product customizer front detail.js**行如下:行号:6`$('.product.single_add_to_cart_button')。attr('style','color:'+wpFrontProductCustDetail.product_cust_detail_按钮_font_color+'!important');'行号:8`$('product.products.products.add_to_cart_按钮')。attr('style','color:'+wpFrontProductCustDetail.product_cust按钮_按钮_font_color+!important');'注释它,然后尝试破解它!
* @hooked woocommerce_template_single_add_to_cart - 30
function ks_footer(){
?>
<script>
jQuery(function() {
jQuery('a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart').removeAttr('style'); //3 Red Buttons
jQuery('.single_add_to_cart_button').removeAttr('style');
}); //Top Blue Button
</script>
<?php
}
add_action( 'wp_footer', 'ks_footer' );