Почему JS не видит часть HTML разметки?

Товарищи, загадка разгадана)
Дело в том, что скрипт-генератор разметки использовал свой CSS, а DOMContentLoaded не дожидается загрузки стилей. Помог слушатель события load, который запускает функцию, после загрузки CSS.
Вот так работает:

window.addEventListener('load', function() {
    let custom = document.querySelector('.custom');
    console.log(custom);
})

Спасибо за участие в решении вопроса.

Почему if/else работает некорректно при получении xhr.response?

Александр, да, поэтому я и сомневался в таком решении. Вопрос решен.

Почему if/else работает некорректно при получении xhr.response?

вот и я думаю... в чем же тогда еще может быть дело?

Почему if/else работает некорректно при получении xhr.response?

StiflerProger, решение нашел - заменил "===" на "=" в JS. Не понимаю почему так. Может, вы подскажете?

let data = serialize(form);
        let xhr = new XMLHttpRequest();
        let url = 'путь к обработчику';

        xhr.open('POST', url);
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

        xhr.onload = function() {

            if (xhr.response = 'success') {
                console.log('js-success');
            } 
            else {
                console.log('js-error');
            }

Почему if/else работает некорректно при получении xhr.response?

Хм... заменил "===" на "=" в условии JS и все заработало...
Только не понимаю, почему так. Я же не присваиваю значение, а проверяю на соответствие. ..
Спасибо)

Как вывести на свою верстку каталог через плагин WooCommerce?

Глеб, твоя задача - поместить верстку каталога в файл archive-product. У Вукоммерс этот файл отвечает за вывод каталога.
Дальше - работаешь над версткой в этом файле. Как это делать - тема отдельных более конкретных вопросов.
Еще раз желаю успехов!

Как вывести на свою верстку каталог через плагин WooCommerce?

1. В файле functions.php включена поддержка woocommerce?
2. Ты дошел до этапа работы над файлом archive-product.php?