Как мы показываем результат обоих выбранных вариантов из выпадающего списка? - PullRequest
0 голосов
/ 09 апреля 2020

У нас есть выпадающий список на страницах наших продуктов, и в настоящее время покупатели должны выбрать либо «Стандарт», либо «Express». Изменение в раскрывающемся меню изменяет результирующую строку текста под раскрывающимся списком. Например:
От: Ожидаемая доставка среда, 15 апреля для стандартной доставки

Кому: Ожидаемая доставка среда, 14 апреля для express доставки

Мы хотели бы, чтобы не было выпадающего списка и просто обе строки текста на странице. например. Ожидаемая доставка Среда, 15 апреля для стандартной доставки Ожидаемая доставка Среда, 14 апреля для express доставки

Вот примерная страница продукта (подождите, чтобы увидеть выпадающее меню под ценой): https://letterfest.com/collections/christmas-books/products/personalised-north-pole-adventure-childrens-book

Я посмотрел код (через приложение для shopify) и связался с разработчиком, но они не могут помочь. Я не знаю javascript, но думаю, что это мог бы быть способ сделать это?

Мы задавались вопросом, могли бы мы l oop через опции в поле выбора, используя некоторые javascript. Получите идентификатор опции для каждого из вариантов доставки. Выведите обе строки текста, обернутые в имя класса, которое затем может дать нам правильные даты. Или, может быть, мы можем как-то получить нужные нам строки текста из DOM?

Самое близкое, что у меня есть, это найти js вот так:

var c = getElementsByClassName("ot-estimated-shipping-shipping-methods-select-box").childNodes;
  document.getElementById("demo").innerHTML = c[0].text;
  document.getElementById("demo").outerHTML = c[0].text;

Но я далеко над головой. Если у кого-то есть время, не могли бы вы дать мне знать, если это возможно, и методологию. Я не против уйти и узнать больше тогда. Много времени у меня на руках в мо!

Спасибо B

...