Как переопределить Wordpress inline! Важный стиль

Question

Я использую 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

Answer 1

В коде 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>

Тогда это будет работать,

Answer 2

Файл шаблона с кнопкой "добавить в корзину", вероятно, находится по адресу wp-content/you-theme/woocommerce/single-product/add-to-cart/simple.php (или любой файл в single-product/add-to-cart))

Answer 3

Атрибут стиля может быть удален с помощью 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, чтобы продемонстрировать идею.

Answer 4

Чтобы настроить кнопку "Добавить в корзину", вам просто нужно открыть настройщик WordPress. В админке WordPress зайдите в

1) Внешний вид -> Настройка и загрузка настройщика.

Затем в настройщике нажмите "Кнопки -> Альтернативный цвет фона кнопки" и установите свой цвет.

2) Нажмите Сохранить и опубликовать, и все готово.