Как изменить стиль кнопки «в корзине»?

Question

[Алексей]

Здравствуйте, как в woocommerce изменить стиль кнопки "в корзину" (например изменить цвет ) для товара который уже лежит в корзине? Знаю что есть хук для изменения текста кнопки, а есть ли хук для редактирования тега или его стилей, или что-то в этом роде? Тема - storefront.

Answer 1

[Павел Травкин]

Там скорей всего на кнопке будет class .added

Comments

[Алексей]

Такого нет, вообще теги кнопок идентичны

<!-- В корзине -->
<a rel="nofollow" href="/shop/?add-to-cart=6966" data-quantity="1" data-product_id="6966" data-product_sku="18702" class="button product_type_simple add_to_cart_button ajax_add_to_cart">В корзине</a>

<!-- В корзину -->
<a rel="nofollow" href="/shop/?add-to-cart=6967" data-quantity="1" data-product_id="6967" data-product_sku="18703" class="button product_type_simple add_to_cart_button ajax_add_to_cart">В корзину</a>

[Павел Травкин]

он добавляется когда вы уже добавили в корзину, попробуйте добавить товар и посмотреть через инспектора в хроме

[Алексей]

Павел Травкин, код выше взят из инспектора

[Павел Травкин]

У Вас в настройках woocommerce стоит возможность добавл. товаров ajax-ом?

[Алексей]

Павел Травкин, да

[Алексей]

Павел Травкин, пробовал убирать - тоже самое.

[Павел Травкин]

Давай в скайпе попробуем решить

Answer 2

[one_day]

хуком менять текст на кнопке, jsом искать этот текст и добавлять стиль элементу

add_filter( 'add_to_cart_text', 'woo_custom_product_add_to_cart_text' );            // < 2.1
add_filter( 'woocommerce_product_add_to_cart_text', 'woo_custom_product_add_to_cart_text' );  // 2.1 +
  
function woo_custom_product_add_to_cart_text() {
    return __( 'My Button Text', 'woocommerce' );
}

setInterval(function(){
$('a:contains("My Button Text")').css('border', '1px solid red');
},1000);

Answer 3

[Lumore]

.add_to_cart_button {
    background: #1abc9c !important;
}

У вас каша с CSS кодом на странице, лучше разделить его по разным файлам.