Я хотел бы удалить некоторые уродливые стрелки, которые являются стандартными для кнопок корзины в WooCommerce. Чтобы добиться этого, я нашел совет по добавлению следующего кода, который должен убрать стрелки при загрузке документа.
Я предполагаю, что собираюсь поместить это в мои functions.php? Как именно я это сделаю?
$(document).ready(function() {
$(".woocommerce-cart").html(function(i, val) {
return val.replace(" →", "");
});
$(".woocommerce-cart").html(function(i, val) {
return val.replace("← ", "");
});
});
РЕДАКТИРОВАТЬ
Ладно. Я попробовал этот подход:
Сделал файл с именем 'removeArrows.js' и поместил его в мою папку плагинов. Содержит тот же контент, что и исходный код, за исключением jQuery вместо $. Затем я добавил следующее в functions.php:
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('removeArrows.js', FILE), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
Я не могу понять, как заставить код правильно отображаться. Это не сработало. Любые предложения, чтобы сделать эту работу?
php
jquery
woocommerce
user2806026
источник
источник
wp-enqueue-script
его. Вам также придется изменить$
s наjQuery
(см. Раздел 7 страницы)Ответы:
Вы
$scr
в своейwp_register_script()
функции неправильно. Учитывая, что ваш functions.php находится внутри вашего плагина, а ваш removeArrows.js находится в корне вашего плагина, вы$scr
должны выглядеть такЕще один момент: всегда полезно загружать свои скрипты и стили в последнюю очередь. Это гарантирует, что он не будет переопределен другими скриптами и стилями. Для этого просто добавьте очень низкий приоритет (очень высокий номер) к параметру приоритета (
$priority
) ofadd_action
.И всегда загружайте / ставьте в очередь скрипты и стили через
wp_enqueue_scripts
хук действия, так как это правильный хук для использования. Не загружайте скрипты и стили непосредственно вwp_head
илиwp_footer
РЕДАКТИРОВАТЬ
Для тем, как вы указали, что теперь вы все перенесли в свою тему, вы
$scr
измените на этодля родительских тем и это
для детской темы. Ваш полный код должен выглядеть следующим образом
источник
$scr
быget_template_directory_uri() . '/removeArrows.js'
для родительских тем, а такжеget_templatestylesheet_directory_uri() . '/removeArrows.js'
для childthemesget_template_directory_uri() . '/removeArrows.js', FILE)
должно быть простоget_template_directory_uri() . '/removeArrows.js'
Я бы не стал добавлять другой внешний js-файл, это просто дополнительный и ненужный ресурс для извлечения, и это то, что мы хотим сократить с точки зрения времени загрузки страницы.
Я бы добавил этот фрагмент jQuery в заголовок вашего сайта с помощью
wp_head
хука. Вы вставили бы следующее в вашу тему или файл функций плагинов. Я также убедился, что jQuery находится в режиме без конфликтов, как вы можете видеть ниже.После того как вы сделали это и обновили свою страницу, проверьте источник страницы, чтобы убедиться, что этот фрагмент jQuery действительно загружается на вашу страницу. Если это так, то он должен работать, если только он не отключен в используемом вами фрагменте jQuery.
источник
wp_enqueue_script()
для получения дополнительной информации.wp_enqueue_script()
документах даже утверждать Это рекомендуемый метод связывания JavaScript для WordPress генерироваться страниц .Поскольку ответ уже принят, я просто хочу сказать, что есть другой способ поставить код javascript в нижний колонтитул, который я делал много раз.
в файле functions.php:
Вы можете загрузить этот скрипт в конкретный шаблон страницы только с помощью условия
если page-template.php находится в каталоге (скажем, в каталоге templates в корневом каталоге вашей темы), вы можете написать так:
источник
wp_enqueue_script()
равно он почти всегда лучше и более гибок.Чтобы ответить на вопрос, мы должны сначала провести различие между javascript и JQuery.
Чтобы изложить это простым способом:
В действительности вы задаете два разных вопроса:
Поскольку результаты Google показывают ваш заголовок, а все содержимое страницы рассказывает о JQuery, это может очень расстроить людей, которые ищут решение javascript.
А теперь для решения JQuery:
И решение javascript:
Этот код может быть добавлен в ваши functions.php Расположение сценариев в обоих случаях
wp-content/themes/theme-name/js/script.js
Удачного кодирования!
источник