Как поправить отображение кнопки на iphone?

Спасибо, теперь всё отлично!)

Как подгрузить два товара в одну ячейку owl-carousel?

Спасибо, получилось)

Как сделать переадресацию к якорю?

Алексей Уколов, Извиняюсь, поправил.

Как сделать переадресацию к якорю?

Алексей Уколов,

" /*
// product tabs
*/
$(function () {
$('.product-tabs').each(function (i, element) {
const list = $('.product-tabs__list', element);

list.on('click', '.product-tabs__item', function (event) {
event.preventDefault();

const tab = $(this);
const pane = $('.product-tabs__pane' + $(this).attr('href'), element);

if ($(element).is('.product-tabs--stuck')) {
window.scrollTo(0, $(element).find('.product-tabs__content').offset().top - $(element).find('.product-tabs__list-body').outerHeight() + 2);
}

if (pane.length) {
$('.product-tabs__item').removeClass('product-tabs__item--active');
tab.addClass('product-tabs__item--active');

$('.product-tabs__pane').removeClass('product-tabs__pane--active');
pane.addClass('product-tabs__pane--active');
}
});

const currentTab = $('.product-tabs__item--active', element);
const firstTab = $('.product-tabs__item:first', element);

if (currentTab.length) {
currentTab.trigger('click');
} else {
firstTab.trigger('click');
}

if ($(element).is('.product-tabs--sticky')) {
let stuckWhen = null;
let fixedWhen = null;

function calc() {
stuckWhen = list.offset().top + list.outerHeight();
fixedWhen = $(element).find('.product-tabs__content').offset().top - $(element).find('.product-tabs__list-body').outerHeight() + 2;
}

function onScroll() {
if (stuckWhen === null || fixedWhen === null) {
calc();
}

if ( window.pageYOffset >= stuckWhen ) {
$(element).addClass('product-tabs--stuck');
} else if (window.pageYOffset < fixedWhen) {
$(element).removeClass('product-tabs--stuck');
$(element).removeClass('product-tabs--header-stuck-hidden');
}
}

window.addEventListener('scroll', onScroll, passiveSupported ? {passive: true} : false);

$(document).on('stroyka.header.sticky.show', function(){
$(element).addClass('product-tabs--header-stuck');
$(element).removeClass('product-tabs--header-stuck-hidden');
});
$(document).on('stroyka.header.sticky.hide', function(){
$(element).removeClass('product-tabs--header-stuck');

if ($(element).is('.product-tabs--stuck')) {
$(element).addClass('product-tabs--header-stuck-hidden');
}
});
$(window).on('resize', function() {
stuckWhen = null;
fixedWhen = null;
});

onScroll();
}
});
});
"

вот код табов

Как сделать переадресацию к якорю?

Хеш есть, просто он перенаправляет не на характеристики, а на описание.

Как сделать при наведении блок поверх других?

Понять бы ещё, как это сделать)))

Как сделать при наведении блок поверх других?

Нет, z-index тут не действует, это было одно из первого что пришло на ум, но нет(((

Как сделать при наведении блок поверх других?

Делал, но тогда другая проблема, owl перекрывает блок "хиты продаж" и карточки не реагируют при наведении

Как сделать при наведении блок поверх других?

Ankhena, что? вот это не понял

Значит доп блоки нужно показывать поверх карточки, а не вниз.

Мне же наоборот нужно показывать карточку полностью, но чтобы она вылезала за пределы owl-carousel и поверх блока "Хиты продаж"

Как выполнить функцию один раз при скролле jquery?

Спасибо, с вашей помощью получилась отличная анимация сужения банера и раскрытия меню при скролле. Благодарю.

Как изменить размер блока при наведении?

Спасибо

Как изменить размер блока при наведении?

Я пробовал так, но тогда карточки накладываются друг на друга
https://jsfiddle.net/gj48t3Lp/

Как изменить размер блока при наведении?

а ещё лучше покажите на моем примере в jsfiddle

Как изменить размер блока при наведении?

Можно поподробнее?

Исчезают стрелки при уменьшении/увеличении в input [ type='number' ], как исправить?

Да всё верно, перенёс скрипт в файл с аяксом и всё заработало, спасибо)))