Как переопределить 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

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

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

Затем в настройщике нажмите «Кнопки» -> «Изменить цвет фона кнопки» и установите цвет.

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

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

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