Stacy None

$(document).ready(function(){
    $('#kart a > img').unwrap('a');
});

Чтобы работало адекватно, нужно блоку с классом custom-nav дать уникальные классы для каждого слайдера.
У меня получилось вот так:

navContainer: '.main-content .slide-one-nav', // первый

navContainer: '.main-content .slide-two-nav', // второй

Ну и не забыть конечно-же эти классы еще в html прописать

<div class="custom-nav owl-nav slide-one-nav"></div>

<div class="custom-nav owl-nav slide-two-nav"></div>

Дополнительно можно посмотреть в демке https://codepen.io/login2030/pen/oNvwXLx?editors=1010

document.querySelector('#lago').setAttribute('src', 'TYT SRC')

Вот держи

options: {
  cutoutPercentage: 90,
},

Вместо $('button') $('#submit')

$(function() {
if($('#customSwitch1').is(':checked')) {
$( 'input[type="submit"]' ).removeClass( "disabled" );
} else {
 $( 'input[type="submit"]' ).addClass( "disabled" );
}
});

https://codepen.io/ioann-petruhinn/pen/RzrQzB
Вы об этом?
(Работает, только если все изображения, включая первое, откуда берется src,
находятся на одной странице)

Проблема в том что когда кнопки customPreviousBtn и customNextBtn расположены выше карусели то они не работают а когда они ниже работают.

Если я правильно понял суть проблемы, то дело вот в чем:
когда ты вызываешь carousel.next(), то ты берешь соседний "справа" от '.carousel' DOM-элемент, т.е. тот который по DOМ структуре идет сразу за '.carousel'

Соответственно, если ты кнопки хочешь расположить выше карусели, то логично, что этот элемент будет соседний слева от '.carousel', т.е. по DOМ структуре идет сразу перед '.carousel'
Для этого нужно использовать метод prev() вместо next() (читать тут)

Пример:

carousel.prev().find(".customNextBtn").on('click', function(){
      carousel.trigger("next.owl.carousel");
});

Как и всегда. 1 колонка 11, две другие в одной, либо сделать пользовательские настройки колонок.
На самом деле тут можно и гридами и флексами сделать(было бы даже лучше), кстати, мне кажется, лучше было бы сделать гридами или флексами, но это уже мои "убждения" на счет бутстрапа

el = document.getElementById('dcont');
el.classList.add('docnt', 'drow')

У вас Joomla? Похоже ?tmpl=component связано с этой CMS, и как-то форматирует вывод информации CMS, который в последующем можно использовать для popup окна, как вариант.
Тут вроде написано:
https://boxapp.net/blog/joomla/ispolzovanie-tmpl-c...

ЗЫ Для Магенто ?tmpl=component ни как не актуально.

Если вам нужно подгрузить в всплывающее окно какой-то div на сайте, используйте стандартный конфиг https://dimsemenov.com/plugins/magnific-popup/docu...

Подгрузить определённый элемент с другой страницы:

<a href="АДРЕС СТРАНИЦЫ.html" class="open-popup-link">Показать всплывающее окно</a>

Используем callback в вызове:

$('.open-popup-link').magnificPopup({
  type:'ajax',
  callbacks: {
  parseAjax: function(mfpResponse) {
    mfpResponse.data = $(mfpResponse.data).find('#какой-то элемент');
  }
}
});

Если элемент не имеет прямых родителей, меняем find на filter:

$('.open-popup-link').magnificPopup({
  type:'ajax',
  callbacks: {
  parseAjax: function(mfpResponse) {
    mfpResponse.data = $(mfpResponse.data).filter('#какой-то элемент');
  }
}
});

allow_main.removeAttribute('checked')

MutationObserver

if (!$('.card').find('div.item').length) {
  $('.navigation').hide();
}

Насколько понимаю задачу, нужно что-то типа этого:
preg_match_all( '#]*\ssrc=(?:\'|")(.+?\..+?)(?:\'|")[^>]*>#i',$shortnews,$total);

Регулярное выражение между решетками означает:
- ]* - в строке дальше могут идти какие-либо символы, кроме закрывающей угловой скобки;
- \s - идет пробельный символ (не только пробел, но и его вариации - короткий, длинный; табуляция, перенос строки и т. д.);
- src= - идет последовательность символов "src=";
- (?:\'|") - идет двойная или одинарная кавычка; скобками означаем границы для знака ИЛИ (вертикальная черта), а символы "?:" означают, что этот скобочный набор не надо отправлять в итоговый массив $total;
- (.+?\..+?) - идет ЧТО-ТО, точка, потом еще ЧТО-ТО (точка означает "любой символ", плюс - что он идет один и более раз, а "+?" - что ищем минимальный подходящий набор, т.е. при нахождении точки (обозначена символом "\.", т.е. ищем именно символ точки, а не "любой символ") первая группа символов ".+?" заканчивается, после точки ищется еще одна);
- (?:\'|") - снова одинарная/двойная кавычка;
- [^>]* - от 0 до бесконечности символов, кроме закрывающей скобки
- > - закрывающая скобка.
символ "i" после решетки означает регистронезависимость.

По итогу в массив $total будут попадать все теги , где элемент с номером "1" - это урл картинки. Т.е.:
- $total[0][0] - полное совпадение с шаблоном, весь тег ;
- $total[0][1] - совпадение с маской в скобках, непосредственно урл картинки.

$(d).offset().top - 60

data: {
  datasets: [
    {
      borderColor: [ 'цвет 1', 'цвет 2', 'цвет 3', ... ],
      ...
    },
  ],
  ...
},

https://jsfiddle.net/1pLkw2hr/

document.querySelectorAll('[data-cmd="text"], [data-cmd="move"], [data-cmd="lols"]')
  .forEach(n => n.style.display = 'none')