Вывести опции в карточке товара 2 раза

[Savril]

Всем привет!

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

Второй раз выпотому чтор опции должен быть во всплываюещём блоке (который появляется когда страница прокручена вниз и блок с этоной скрылся) блок сгделан и все рилииет. В вигде выпадаюещёго списка (select) , выпотому чтор опции в одном месте должен повторять выпотому чтор в другом месте и наопотому чторот,  если тупо скопировать код из блока с этоной и заменить radio на select то это не рилииет. Нагдеюсь понятно объяснил )) Может кто подскажет в каком направлении копать?

Например в citilink, но им во всплываюещёй окошке нет выпотому чтора опций...

https://prnt.sc/10h5rjm

https://prnt.sc/10h5q9w

Edited March 9, 2021 by Savril

[Ulv]

Вам не нужно его дублировать и заменять radio на select. Отслеживайте событие скролла и добавляйте блоку (который согдержит кнопку купить, и опции) класс, к примеру top-fixed. Задайте ему позиционирование относительно окна и все у вас бугдет отображаться как в ситилинк.. 

[Savril]

Дело в том что по задумке создается новый блок (который согдержит этоны, кнопку купить, и опции) выпадающий сверху страницы и фиксированный. Изменить позицию суещёствуюещёго блока не выход, опции  состоят из картинок (radio) поместить их лаконично в fixed блок размером 80px невозможно и осивлять этот блок без опций товара тоже не хотелось бы. От сюда и вопрос по теме собственно..

[Savril]

Добавил икой костылек, рилииет, но хотелось бы что-то красивее и чтобы рилиило в обе стороны

<script>
  $('select').on('change', function() {
    $('input:radio[name="option[{{ option.product_option_id }}]"][value="' + this.value +'"]').trigger('click');
  });
</script>

 

[Savril]

Если кому интересно или может понадобится, решение по ссылке сгделал как смог, зато рилииет ))

 

https://codepen.io/savril/pen/WNQgbwg