Помощь Как изменить или удалить element.style

[r_219]

Друзья, нужна помощь. Проблема в динамически подгружаемых стилях. Color грузится динамически в element.style и хз как его поменять. Все бы ничего, но его и перекрыть не удается потому что указан в таком виде:

Если удалить или изменить не получается, то может его как-то перекрыть можно? Какие есть варианты?

Плагин woocomerce
WP последняя версия

 

[r_219]

Всем спасибище))) Решил просто этот файл удалить и все решилось, костыль убрал и все работает!

этот файл: Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся

проверил блокировкой jsника, color important не накладывается)

Просто интересно, а как ты нашел, что именно в этом файле проблема?)

см.

var wpFrontProductCustDetail = { ..., "product_cust_detail_title_font_color":"#000000", ...}

далее, в
/wp-content/plugins/customize-woocommerce-shop/includes/js/woo-product-customizer-front-detail.js
строки 24-27

// detail page title settings
$('.product .product_title').attr('style','color: '+wpFrontProductCustDetail.product_cust_detail_title_font_color+ ' !important; font-size: '+wpFrontProductCustDetail.product_cust_detail_title_font_size+ 'px !important; font-weight: '+wpFrontProductCustDetail.product_cust_detail_title_font_weight+ ' !important;');
$('.product .products h3').attr('style','color: '+wpFrontProductCustDetail.product_cust_detail_title_font_color+ ' !important; font-size: '+wpFrontProductCustDetail.product_cust_detail_title_font_size+ 'px !important; font-weight: '+wpFrontProductCustDetail.product_cust_detail_title_font_weight+ ' !important;');
$('.repupress_customize_woocommerce_productom_class .product_title').attr('style','color: '+wpFrontProductCustDetail.product_cust_detail_title_font_color+ ' !important; font-size: '+wpFrontProductCustDetail.product_cust_detail_title_font_size+ 'px !important; font-weight: '+wpFrontProductCustDetail.product_cust_detail_title_font_weight+ ' !important;');
$('.repupress_customize_woocommerce_productom_class .products h1,.repupress_customize_woocommerce_productom_class .products h2,.repupress_customize_woocommerce_productom_class .products h3,.repupress_customize_woocommerce_productom_class .products h4,.repupress_customize_woocommerce_productom_class .products h5').attr('style','color: '+wpFrontProductCustDetail.product_cust_detail_title_font_color+ ' !important; font-size: '+wpFrontProductCustDetail.product_cust_detail_title_font_size+ 'px !important; font-weight: '+wpFrontProductCustDetail.product_cust_detail_title_font_weight+ ' !important;');


Firebug is your freind )

Alex, а вот эта строка как нашлась в Firebug?

var wpFrontProductCustDetail = { ..., "product_cust_detail_title_font_color":"#000000", ...}

 

[timur_]

Просто интересно, а как ты нашел, что именно в этом файле проблема?)

ну, зная то, что в element.style может подгружать только js, а все js, загружаемые на странице видно в панели разработчика, я прошелся там поиском "#000", так что

Firebug is your freind )

Alex, а вот эта строка как нашлась в Firebug?

var wpFrontProductCustDetail = { ..., "product_cust_detail_title_font_color":"#000000", ...}

открываешь код страницы и листаешь вниз,видишь , что перед подключением скриптов объявляются все эти данные и подключается этот злополучный js

 

[alex_me]

Alex, а вот эта строка как нашлась в Firebug?

В поиске в сценариях ставишь опцию "Множественные файлы"
и ищешь или по селекторам (.product_title в данном случае) или по названию/значению атрибута (#00000)
также выручает опция Использовать регулярное выражение

и также см. на фильтр по типу скрипта - статичные и event-скрипты

 

[r_219]

все js, загружаемые на странице видно в панели разработчика

Уже стыдно за свое незнание... можешь заскринить, где в Firebug выводится список всех js на станице?)
Хочу понять на будущее как искомый файл находить..

 

[alex_me]

Для просмотра ссылки Войди или Зарегистрируйся

 

[timur_]

Уже стыдно за свое незнание... можешь заскринить, где в Firebug выводится список всех js на станице?)
Хочу понять на будущее как искомый файл находить..

Для просмотра ссылки Войди или Зарегистрируйся
вот например в ff, если chrome, то вкладка sources