В настоящее время я использую этот код для замены моего текста H3 «—View—» на пользовательский.
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function () {
$(".item:nth-child(1) h3").text("TITLE ITEM 1");
$(".item:nth-child(2) h3").text("TITLE ITEM 2");
$(".item:nth-child(3) h3").text("TITLE ITEM 3");
$(".item:nth-child(4) h3").text("TITLE ITEM 4");
});
</script>
Но это не очень хорошее решение для меня. Если я переставлю свои элементы галереи, эти названия не будут переставлены.
Я много искал, как нацелиться на Id
в Javascript, но проблема в том, что Squarespace меняет эти идентификаторы каждый раз, когда я добавляю правку. Итак, есть ли способ обойти эту проблему? Мне действительно нужно решение для этого.
Вот ссылка на галерею моего веб-сайта, которую я пытаюсь исправить, поскольку я сказал, что использую приведенный выше код, но, скорее всего, удалю ее.
https://www.getalogo.design/logos