Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Как из радиокнопок на Simple сделать вкладки?


Recommended Posts

На странице оформления заказа стоит модуль Simple. Он выводит радиокнопки "Регистрироваться: Да / Нет". 

Подскажите пожалуйста, как из этих радиокнопок сделать, чтобы выглядело как две вкладки. Выбирая "Да", содержимое окрашивается одним цветом, Выбирая "Нет", содержимое окрашивается другим.

Вот так сейчас в симпле:

img-2018-04-11-13-31-24.png.138f772eb2df6405913c111b6a5cdecf.png

 

А как сделать, чтобы получилось примерно так:

img-2018-04-11-13-31-05.png.b2e2171cb6de61dd608d494f5133ac79.png

Edited by alinalessioYandex
Link to post
Share on other sites

С радиокнопками я уже разобрался. Раскрасил их, теперь выглядят как вкладки. При нажатии меняют цвет. Но содержание которое меняется, не имеет контейнера, чтобы к нему обратиться и раскрасить. Туда просто подгружаются отдельные поля. Как можно в симпле добавить контейнер, к подгружаемым полям?

Link to post
Share on other sites

[Решено]

Через жс добавил обертку, которая объединила поля блока.

// Обёртка
    $('.simplecheckout-right-column .form-group').wrapAll('<div/>');
// /Обёртка

Ну и стилями раскрасил, чтобы выглядело как вкладки.

Вот как получилось

img-2018-04-11-16-26-11.png.f7cbeaed9cfdf6adcad52153833f6526.png

Edited by alinalessioYandex
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.