Не получается добавить изображение через SCSS,что я сделал неправильно?

А какие показываются стили при инспектировании элемента?

Как правильно поместить JS в html.push?

С этим куском кода да, вариантов нет. Тебе надо его править под свой сайт, а не пытаться вставить так есть.
А именно вот эту часть

let a=document.querySelector('[value="4285958269"]'),b=document.querySelector('[value="56132132');

изменить на

let a=document.querySelector('подствить селектор первого чекбокса'),b=document.querySelector('подствить селектор второго чекбокса');

Как правильно поместить JS в html.push?

ну тогда вам этот код не поможет, если вы его не правили под свои нужды. Так как там выбирются элементы input с определенным value(которых у вас на сайте видимо нет) и вешаются на них события.
Поэтому и выдает ошубку Uncaught TypeError: Cannot read property 'addEventListener' of null

Как правильно поместить JS в html.push?

Dmax99, и еще вопрос, откуда у вас этот код

<script>document.addEventListener("DOMContentLoaded",function(){let a=document.querySelector('[value="4285958269"]'),b=document.querySelector('[value="56132132');a.addEventListener("change",function(){b.checked=a.checked})})</script>

Как правильно поместить JS в html.push?

дайте ссылку на файл ocfilter.js, старая не работает

Почему position: absolute выходит за пределы контейнера родителя?

"то он будет такого же размера как и родитель и будет там же, где и родитель."
Чуть поправлю - не просто родителя, а ближайшего позиционированного родителя.

Как сделать flexbox элементы и контент внутри них одинаковой высоты?

Странный вопрос - вы пишите, что надо чтобы высота была как у элемнета по серединие и в тоже время пишите, что нельзя ограничевать высоту элементов, так как не знаете сколько будет контента внутри элементов. Можно сделать, чтобы высота элементов была равна самому высокому на css. Иначе на js можно сделать, чтобы высота была равна высоте элемента посередине, но тогда если в соседних элементах контента будет больше то он не поместиться.

Как сделать SSR Vue.js на виртуальном хостинге?

Ну тогда, ввам скорее действительно проще VPS использовать)

Как сделать SSR Vue.js на виртуальном хостинге?

Вы имеете ввиду, чтобы страница не перезагружадась при переходе по ссылке, а просто обновлялся контент ?
Если да, то SSG это может. Смотрите компонент https://nuxtjs.org/docs/features/nuxt-components#t....

Как сделать SSR Vue.js на виртуальном хостинге?

Что вы имеете ввиду под - "я хотел бы чтобы он был динамичным" ?

Как при прокрутке на определённом моменте зафиксировать блок внизу страницы, а когда опять скролишь до этого места он становится на место?

ну так я написал, что это пример top: calc(100% - 70px);
вам надо узнать высоту вашего меню которое мы прижимаем к низу через devtools
и тут top: calc(100% - 70px); вместо 70px - подставить нужное значение(высоту высоту вашего меню которое мы прижимаем)

Как при прокрутке на определённом моменте зафиксировать блок внизу страницы, а когда опять скролишь до этого места он становится на место?

position: sticky;
top: calc(100% - высота серого меню в пикселях);
transform: translateY(-100%); - эту строчку убираем

Например
top: calc(100% - 70px);

Как при прокрутке на определённом моменте зафиксировать блок внизу страницы, а когда опять скролишь до этого места он становится на место?

starkingdom, Отметь решением тогда)

Как при прокрутке на определённом моменте зафиксировать блок внизу страницы, а когда опять скролишь до этого места он становится на место?

есть - но я сомневаюсь, что ты осилишь самостоятельно, не в обиду.
Раз уж у тебя работает привязка к верху, сделай так
position: sticky;
top: 100%;
transform: translateY(-100%);

Как при прокрутке на определённом моменте зафиксировать блок внизу страницы, а когда опять скролишь до этого места он становится на место?

Так и надо. Странно что у вас работает position: sticky; top: 0; - привязка к верху
но не работает position: sticky; bottom: 0; привязка к низу. На codepen скиньте, так проще будет разобраться.

Как при прокрутке на определённом моменте зафиксировать блок внизу страницы, а когда опять скролишь до этого места он становится на место?

а как вы к низу привязывали?
position: sticky;
bottom: 0;
Так ?

Как перед отправкой формы подменять значение?

и что не получается?

Как добавить событие слайдеру?

А попробуй убрать slidesPerGroup: 4, и постаить slidesPerView: 1.

Автоматическое закрытие формы Contact Form 7 после успешной отправки?

Как-то так

document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( '48' == event.detail.contactFormId ) { 
        document.getElementById("fancybox-close").click();
        document.querySelector('.popup-thx').style.display = 'block';
   }
});

Автоматическое закрытие формы Contact Form 7 после успешной отправки?

Если помогло, то отметьте пожалуйста решением.
На вопрос как лучше создать попап, сложно дать ответ учитывая, что я не знаю ваших скилов.
Но суть такая, вы его заранее создаете. верска + css и скрываете. и потом показывете после того как закрыли модалку с формой.
После этой строчки document.getElementById("fancybox-close").click()
выполяняете код для показа попапа.