Как можно изменить цену страницы продукта Squarespace (с несколькими вариантами продукта) на основе выбора одного варианта продукта

Question

У меня есть продукты на моем сайте с квадратным пространством (например: https://www.spaceystudios.com/shop-all/my-mountains) с двумя вариантами продукта (размер и цвет рамки). Прямо сейчас вам нужно выбрать размер рамки и цвет рамки, чтобы цена могла корректироваться, и мне интересно, могу ли я что-то сделать, чтобы изменение цены изменилось ТОЛЬКО с изменением размера продукта?

Спасибо за попытку помочь !!

Страница продукта Squarespace с 2 вариантами продукта

Answer 1

Этого действительно можно достичь, и это похоже на то, что я делал в прошлом. Используя JavaScript, вы должны:

• Создать функцию, которая обнаруживает применимые страницы (и не выдает ошибки, когда на такой странице нет)
• Анализирует и сохраняет JSON данные из атрибута .product-variants div's data-variants.
• Добавляет прослушиватель события onchange в раскрывающийся список «Выбор размера».
• Этот прослушиватель вызывает функцию, которая получает значение выбранный параметр и ищет первое совпадение в вышеупомянутых JSON данных.
• Когда / если найдено, он устанавливает цену в .sqs-money-native на соответствующую цену.
• Оберните этот код соответствующим образом на учетную запись AJAX загрузку и другие указания по Squarespace c.

Если вам неудобно писать JavaScript для вышеизложенного, я бы думаю, что это займет опытного разработчика Squarepace. на написание, настройку и тестирование уходит менее нескольких часов (всегда полезно тестировать на нескольких устройствах и в разных браузерах).