Я использую WooCommerce на WordPress — кнопка «Добавить в корзину» на странице продукта не изменилась с моим обновленным глобальным стилем, поскольку он имеет встроенный стиль:
<button type="submit" class="single_add_to_cart_button button alt gradient_" style="color: rgb(0,0,0)!important">Add to basket</button>
Я не могу переопределить это с помощью CSS, поэтому нужно найти код в шаблоне и удалить его. Просматривая мой шаблон, я смог найти это в content-single-product.php
<div class="summary entry-summary">
<?php
/**
* Hook: woocommerce_single_product_summary.
*
* @hooked woocommerce_template_single_title - 5
* @hooked woocommerce_template_single_rating - 10
* @hooked woocommerce_template_single_price - 10
* @hooked woocommerce_template_single_excerpt - 20
* @hooked woocommerce_template_single_add_to_cart - 30
* @hooked woocommerce_template_single_meta - 40
* @hooked woocommerce_template_single_sharing - 50
* @hooked WC_Structured_Data::generate_product_data() - 60
*/
do_action( 'woocommerce_single_product_summary' );
?>
</div>
Где найти крючок, который мне нужно отредактировать, предположительно
* @hooked woocommerce_template_single_add_to_cart - 30
В коде jquery, который вы использовали, произошла ошибка
Код, который вы использовали
<script>
jQuery('a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart').removeAttr('style');
});
</script>
Заменить код как
<script>
jQuery('a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart').removeAttr('style');
</script>
Тогда это будет работать,
Файл шаблона с кнопкой «добавить в корзину», вероятно, находится по адресу wp-content / you-theme / woocommerce / single-product / add-to-cart / simple.php (или любой файл в single-product / add-to-cart) )
Атрибут стиля может быть удален с помощью jQuery. Вам нужно добавить свой CSS в тему style.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' );
Вот быстрый редактор Tryit для демонстрации идеи
Чтобы настроить кнопку «Добавить в корзину», вам просто нужно открыть настройщик WordPress. В админке WordPress зайдите в
1) Внешний вид -> Настройка и загрузка настройщика.
Затем в настройщике нажмите «Кнопки -> Альтернативный цвет фона кнопки» и установите свой цвет.
2) Нажмите Сохранить & Опубликуйте и все готово.