Красивое оформление опции размер

[James026]

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

http://demo.marketinsg.com/demosite3/index.php?route=product/product&product_id=43

Спросил у чела,ответ такой

For the pretty size option, it basically works the same as options and there's nothing special about it. All these are just the way we output your front end codes. Back end is not changed.

И как это сделать?думаеца мне что какойто джава скрипт иль типо того,изменяет отображение ориентируясь на id="option-228"

или както всё проще?

[Fizik87]

Так можно сделать

http://jqueryui.com/...s/button/#radio

или

http://jqueryui.com/...utton/#checkbox

[James026]

Хм,но тогда принципе изменится вид скажем radio для всех опций.

А мне бы хотелось изменить вид только для одной опции

[Fizik87]

Можно сделать изменение не глобальное...а только для определенного класса или id

например, написать

$("input.radio").button();

тоесть действие будет только для input с классом "radio"

[James026]

а через id опции не выйдет?

[Fizik87]

если опций будет много и id ты именно к опции применяешь, то не желательно через него делать, лучше через класс...

так как id - это уникальное значение и на странице должно встречаться не больше 1 раза!

если ты имеешь в виду id блока в каком опции находятся то можно через него

например, так:

$("div#option input[type=radio]").button();

[James026]

ну да вроде как я про это)

<div id="option-234" class="option">

[Fizik87]

ну да вроде как я про это)

<div id="option-234" class="option">

я бы для этого дива добавил еще один класс, например, optionui и через него бы вел обращение

<div id="option-234" class="option optionui">

[James026]

А как добавить класс к блоку опции?

Если тут

<?php if ($option['type'] == 'radio') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">

то опять же получается изменения буду для всех опций типа radio

а если у меня в товаре нужно две опции radio но сделать для них разное оформление?

[Fizik87]

если будет несколько радио опций, тогда лучше через id обращаться...

[James026]

Да)позже попробую

[James026]

Оказалось всё проще

<script>
$(function() {
$( "#option-234" ).buttonset();
});
</script>

Только как сделать вывод в строку?

Сделал так

добавил <div class ="option1">
перед <input type="radio"

Тоесть вид такой

<div class ="option1">
		  <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
		  <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
			<?php if ($option_value['price']) { ?>
			(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
			<?php } ?>
		  </label>
</div>

в css

.option1 {
float:left;
text-align:center;
}

В итоге получилось лесенкой )

Ой блин!Ничего добавлять не надо)достаточно было убрать

<br />

[James026]

Слушай,а не мог бы написать примеры для

$(function() {
$( "#radio" ).buttonset();
});

я имею ввиду поподробнее как можно задавать параметры

$( "#radio" ).buttonset();

паручку примеров бы,а то в гугле я что-то не нашёл)

Вот например используя

$("div#option input[type=radio]").button();

ничего не происходит)

чутка разобрался,обратится к классу-

$(".optionc").buttonset();

Так вот,вроде и для чекбоксов мне подходит такое оформление,что сделал я:

добавил класс optionr optionc для радио и чекбокса.

Появилась необходимость в том,чтобы у радио-были прямоугольники с закругл краями(как есть) у чекбокса прямоугольники.

Кароче чтобы были разные стили для чекбокса и радио такое возможно?

[Marianna]

а можно подробнее как это сделать?

[Marianna]

https://opencartforum.com/topic/23081-%D0%BD%D0%B0%D0%B9%D0%B4%D0%B5%D0%BD%D0%BE-%D0%BD%D1%83%D0%B6%D0%BD%D0%BE-%D1%87%D1%82%D0%BE%D0%B1%D1%8B-%D0%BE%D0%BF%D1%86%D0%B8%D1%8F-%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%80-%D0%BE%D1%82%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B0%D0%BB%D0%B0/