ТЗ покажите тогда еще ) потому что например момент с карточкой должен был изначально обговариваться (что ссылка, а что просто текст, по классике картинка это отдельная ссылка как и заголовок карточки, но не вся карточка)
Насколько мне известно, такого способа нет с использованием только css, через js можно ограничить кол-во допустимых символов, и заменять последние 3 символа на 3 точки
svm2001, Обработчик вешается на родительский элемент, который не перерендеривается каждый раз после срабатывания фильтра, либо же просто на document вешается обработчик клик, и по e.target отслеживаете куда вы нажимаете и выполняете свой код
BLM21, Первая ссылка в гугле "Что касается второй части вашего вопроса, номера телефонов выделяются телефонным приложением Telegram автоматически, но такой функции нет для Desktop-клиентов и нет встроенного способа в API/библиотеках. Кроме того, он работает только для сообщений в диапазоне от 0 до 200 символов, как указано здесь: Как сделать номер телефона ссылкой в Telegram Bot?"
LI4NOOST, ну, в таком случае у вас можно сделать функцию, которая будет принимать аргумент в виде src картинки, и внутри нее подставлять в попап img src
let popup = document.querySelector('popup');
let popupImage = popup.querySelector('img');
function setImageSrc(srcImage) {
popupImage.src = srcImage;
}
по клику на изображение вы получаете src изображения и подставляете эту переменную в ф-цию setImageSrc(переменная с путем изображения);
LI4NOOST, хм, складывается ощущение что этот код тогда писали не вы, раз после столь проделанной работы вы не можете в img src подставить src кликнутой картинки
По идеи разумнее пробегаться по LS, или в еще каком либо хранилище где хранятся карточки, и там считать общее количество, т.к. по сути, изменение кол-во товара должно сохраняться при перезагрузки страницы. Да и к тому же написав функцию которая будет считать кол-во с LS, можно вывести это кол-во на любой странице, пусть то будет даже Header, а если будем считать кол-во с инпутов, то на других страницах вывести не получится уже