Код для замены стрелок на кастомные в галерее в Zero блоке

  1. Загружаем в зеро блок галерею и располагаем рядом там, где они должны быть кастомные стрелки.
  2. Присваиваем им CSS-class custom-prev и custom-next
  3. Вставляем вот этот код в Блок T-123
<style>
/* Скрываем стандартные стрелки галереи */
.t-slds__arrow_wrapper {
display: none !important;
}

/* Делаем курсор указателем для кастомных стрелок */
.custom-prev, .custom-next {
cursor: pointer;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
var customPrev = document.querySelector('.custom-prev');
var customNext = document.querySelector('.custom-next');

if (customPrev) {
customPrev.addEventListener('click', function() {
var sliderPrev = document.querySelector('.t-slds__arrow-left');
if (sliderPrev) sliderPrev.click();
});
}

if (customNext) {
customNext.addEventListener('click', function() {
var sliderNext = document.querySelector('.t-slds__arrow-right');
if (sliderNext) sliderNext.click();
});
}
});
</script>
Как работает
Made on
Tilda