Как подставить значение переменной в noUiSlider в start?

Question

[Alex-Broudy]

Добра всем знатокам!

Сайт на Wordpress, использую плагин произвольных полей ACF, значения в которые я добавляю в админке при редактировании страницы товара.

На странице товара использую noUiSlider для расчета стоимости товара по параметрам.

Скрипт расчета успешно удалось реализовать, но товаров много и если делать на каждый товар свой скрипт расчета, то это выглядит очень тяжело. Так вот не получается у меня сделать один единственный скрипт динамичным, чтобы в нужное место подставлялись значения в noUiSlider.

Создал переменную в JS скрипте: var summ = acf.get('box_summ'); , где box_summ - это значение произвольного поля.

Необходимо подставлять значение этой переменной в начальную точку слайдера start, например как указано ниже: start: 300, .

noUiSlider.create(Slider, {
   start: 300,
   snap: true,
   connect: true,
   range: {
      'min': 0,
      'max': 100
   }
});

если вместо 300 ставлю summ, то ползунки пропадают и заданное значение не показывается:

noUiSlider.create(Slider, {
   start: summ,
   snap: true,
   connect: true,
   range: {
      'min': 0,
      'max': 100
   }

Пытался изучать документацию по noUiSlider и понял, что start примет только цифру, а не строку. Для вывода значения в виде строки необходимо использовать serialization, но у меня не выходит ничего. В js не силен, поэтому прошу не судите строго.

Очень прошу помочь в этом вопросе!