Всем привет! Вот получил такое задание.
У нас есть виджет (модалка + пара ссылок), который надо встраивать в сайты пользователей (они сами это делают через админку) наш виджет. Пользователь добавляет js код по нашему туториалу.
см пример конкурентов)
https://help.sezzle.in/support/solutions/articles/...
наш виджет тоже есть, но вот встает - некорректно. надо четко под ценой.
В чем суть вопроса. Нам нужно, чтобы наш модуль был в определенном месте, под ценой товара.
И идея разрабов до меня, была, что искать id:
const tag =
document.getElementById("product-price") ||
document.getElementById("productPrice-product-template")
и потом вставлять наш код после этого элемента.
Но хитрые люди почему-то меняют то ли на конструкторе shopify, то ли где и как еще. и у них айди у цифр цены совершенно разный может быть, а может и вообще без айди (но таких мало).
И собственно вопрос. Как можно (мб опыт у кого есть или идеи) адекватно выискивать место, куда вставлять виджет.
Массив из всевозможных вариаций форм слова price, кажется не лучшей практикой))