Включите радиокнопки для звездного рейтинга с помощью конструктора страниц Elementor.

Я пытаюсь преобразовать все переключатели в форме, которую я создал с помощью конструктора страниц elementor, в опцию звездного рейтинга.

Я пытался использовать этот CSS https://codeconvey.com/css-star-rating-radio-buttons/ замена .rating на .elementor-field-subgroup - безрезультатно.

любые идеи, которые я могу использовать?

Обновлять :

я попробовал этот CSS и Jscript:

.elementor-field-group-stars label:after {font-family:eicons; content:"\e933"; color:gold}
.elementor-field-group-stars:hover label:after {content:"\e934"!important;}
.elementor-field-group-stars .elementor-field-option:hover ~ .elementor-field-option > label:after {content:"\e933"!important;}
.elementor-field-group-stars.selected label:after {content:"\e934";}
.elementor-field-group-stars.selected .elementor-field-option.active ~ .elementor-field-option label:after {content:"\e933"}
.elementor-field-group-stars input {display:none!important}
.elementor-field-group-stars label {color:transparent}
.elementor-field-group-stars .elementor-field-option {padding:0!important}


$('.elementor-field-group-stars input').click(function() {
               if($('.elementor-field-group-stars input').is(':checked'))  {
                   $(".elementor-field-group-stars").addClass("selected");
                   $(".elementor-field-option").removeClass("active");
                   $(this).parent().addClass("active");
}
});

который работает для одного переключателя за раз, а не для всех переключателей на странице, что близко, но еще не там


forms css radio-button elementor
person Itamaryer    schedule 10.11.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я не думаю, что вы можете напрямую изменить радиокнопки на звезды с помощью Elementor, но, поскольку вы упомянули об его использовании, у Elementor есть готовый виджет звездного рейтинга, который вы можете использовать. Из личного опыта могу сказать, что он работает довольно хорошо, и вы можете спроектировать его по своему вкусу.

Вот ссылка на YouTube, где вы можете увидеть больше: https://www.youtube.com/watch?v=3J6LcRzknTc&feature=emb_title

person Mihael Španović    schedule 10.11.2020
comment
привет, мне нужен звездный рейтинг, чтобы пользователи отвечали на опрос удовлетворенности, а не отображали звездочки на экране. вот почему мне нужно использовать форму/ - person Itamaryer; 10.11.2020
comment
Тогда, возможно, что-то вроде этого поможет вам. - person Mihael Španović; 11.11.2020