Как изменить html класс в wordpress?

Question

[edwin_edwin]

Добрый день,
Делаю себе интернет магазин на wordpress и возникла необходимость сделать 1 категорию в строке, оставив при этом по 4 товара в строке внутри категории. Стандартное средство изменяет сразу и категории и товары (на фото).
Попытался заменить класс columns-4 на columns-1 через javascript, но ничего не меняется. При изменении класса вручную через devtools все работает.
Заранее спасибо за помощь.

Answer 1

[Andrey Vasilev]

jQuery

$('.product').removeClass('columns-4');
$('.product').addClass('columns-1);

+ смотри подключен ли скрипт на странице

Comments

[edwin_edwin]

А скрипт подключать через сниппеты? И как отобразить его на конкретной странице?(я в php вообще не разбираюсь, так что прошу прощения за возможно тупой вопрос)

[Andrey Vasilev]

edwin_edwin, скрипты подключаются в functions.php
Можешь ещё глянуть какие js подключены после jquery в дев тулсах и туда просто код занести.
В общем js файл основной в корне темы

[edwin_edwin]

Andrey Vasilev, добавил код в functions.php и теперь появилось окно "на сайте появилась непредвиденная ошибка"

[edwin_edwin]

Andrey Vasilev, добавлять нужно как здесь написано? https://stackoverflow.com/questions/11159860/how-d...

[Andrey Vasilev]

edwin_edwin, для js jquery отедллный файл. А в functions.php этот файл нужно регистрировать, те подключать

[edwin_edwin]

Andrey Vasilev, не работает( Я создал файл .js и добавил код в functions.php как в этой статье https://stackoverflow.com/questions/11159860/how-d...

//this goes in functions.php near the top
function my_scripts_method() {
// register your script location, dependencies and version
   wp_register_script('custom_script',
   get_template_directory_uri() . '/js/catalog.js',
   array('jquery'),
   '1.0' );
 // enqueue the script
  wp_enqueue_script('custom_script');
  }
add_action('wp_enqueue_scripts', 'my_scripts_method');

[edwin_edwin]

Andrey Vasilev, а в файл добавить просто эти 2 строки? или нужно их обернуть в функцию?

[Andrey Vasilev]

edwin_edwin,
у меня в assets лежит скрипт, например

function coriolis_by_nolis_scripts() {
wp_enqueue_script( 'scripts', get_template_directory_uri() . '/assets/js/scripts.js', array(), _S_VERSION, true );
}
add_action( 'wp_enqueue_scripts', 'coriolis_by_nolis_scripts' );

После этого по факту скрипт будет подключен на каждой странице.
В этом скрипте прописываешь что нужно.

[edwin_edwin]

Andrey Vasilev, всё сделал как вы сказали и все равно не работает.

[Andrey Vasilev]

edwin_edwin, посоотри консоль при загрузке страницы

[edwin_edwin]

Andrey Vasilev, была пропущена кавычка, исправил, и все равно ругается на ее отсутствие.

[Andrey Vasilev]

edwin_edwin, файл не обновился на сервере, похоже

[edwin_edwin]

Andrey Vasilev, надо подождать?

[Andrey Vasilev]

edwin_edwin, я не знаю, не могу сказать, но вот точно правильная запись:

$('.product').removeClass('columns-4');
$('.product').addClass('columns-1');

и если все подключено правильно, то должно сработать.

[edwin_edwin]

Andrey Vasilev, хорошо, большое спасибо за помощь.

[Andrey Vasilev]

edwin_edwin, напиши в вк, если не решится - постараюсь помочь в свободное