Сергей Соколов

Поле attachments содержит массив.
Каждый элемент - отдельная фотография (или другой тип медиа вложения).

сразу несколько фотографий

Из этого массива отобрать все, где type: "photo" — это фотографии.

Визуально можно представить: на плоскоть бросили случайно кучку точек )
Оси X и Y, приём X не важен в данном случае. Y – значения в массиве.

Нужно так подвинуть горизонтальную линию, чтобы сумма расстояний от каждой из точек до этой линии оказалась минимальна. Её Y и будет тем значением, до которой остальным точкам «шагать».

Это упрощённый вариант линейной регрессии, кстати.

Браузер – Инструменты разработчика - Inspect element - кликнуть на модалке, удалить её. Кликнуть на "зум" - посмотреть атрибуты.

Похоже, у div с классами

easyzoom-flyout ty-image-zoom__flyout hidden-tablet hidden-phone ty-image-zoom__flyout--visible

недостаточно высокий z-index: 1100. Надо бы 1200.

Лучше просто кнопкой: виджет + зарегистрировать бота.
Пример проверки авторизации на PHP.

Если хотите как в вашем сценарии, это сложнее и менее надёжно.

Можно сделать, чтобы Бот отправлял Пользователю JWT. В котором зашифрован Telegram-id Пользователя и, как вариант, время жизни этого токена.
Пользователь вводит этот токен у вас на сайте (или переходит по ссылке из сообщения бота), и ваш бэк его расшифровывает (ключи есть только у вас на бэке), убеждается в подлинности, и получает из него Telegram-id входящего Пользователя.

Когда токен просрочен или потерян, Пользователь всегда может получить свежий через бот. В БД для авторизации хранить ничего не надо.

Для примера подойдёт и упрощение структуры. Гипотезы:

1. равное число элементов f и m и других нет
   
2. свойство только одно – этот самый f или m.
   

Так можно на выходе сформировать просто массив значений ключей и «договориться», что четные это m, нечётные f.

let am = {'8357':'m','5172':'m','3115':'f','5743':'f'};

const mf = { m: [], f: [] };
for (item of Object.entries(am)) {
  mf[item[1]].push(item[0]);
}
if (mf.m.length !== mf.f.length) throw "Гендерный дисбаланс!";

const result = mf.m.reduce((acc, c, i) => (acc.push(c, mf.f[i]), acc), []);
// [ "5172", "3115", "8357", "5743" ]

У них в документации описано поле highlight — функция для подсветки. И есть пример, подсветка лейблов полей с ошибками:

$("#myform").validate({
  highlight: function(element, errorClass, validClass) {
    $(element).addClass(errorClass).removeClass(validClass);
    $(element.form).find("label[for=" + element.id + "]")
      .addClass(errorClass);
  },
  unhighlight: function(element, errorClass, validClass) {
    $(element).removeClass(errorClass).addClass(validClass);
    $(element.form).find("label[for=" + element.id + "]")
      .removeClass(errorClass);
  }
});

Число, оно и в Африке.. игнорирует нули в конце.

Считать лучше числа. Потом отображать строки, сделанные из них, с нужной точностью:

let str = "12.0";
let num = Number(str);

let result = 0.01 + 2 * num;
let resultStr = result.toFixed(1); // "24.0", а 1/100 курит в сторонке

Дело в том стороннем сайте — у них полетел сертификат и скрипт более не загружается по HTTPS.

Откройте его по HTTP, скопируйте себе на сайт, и он ещё поработает.

Может, прямо в MySQL получать результат?

$sql = <<<EOFSQL
SELECT IF (b.price IS NOT NULL, a.price - b.price, '') AS result
FROM ${DB_PREFIX}product AS a 
  LEFT JOIN
     ${DB_PREFIX}product_special AS b
  ON a.product_id = b.product_id
WHERE a.product_id = ?
EOFSQL;

$stmt = $this->pdo->prepare($sql);
$stmt->execute([$row]);

$result = $stmt->fetchColumn();