Опции товара - изменить внешний вид

[templater]

Посмотрел - одной правкой стилей не обойтись, нужно и в шаблоне делать изменения (хотя бы поубирать <br> после каждого дива с классом .option).

Сделайте это, а я потом скажу, что изменить в css.

[aisss]

Посмотрел - одной правкой стилей не обойтись, нужно и в шаблоне делать изменения (хотя бы поубирать <br> после каждого дива с классом .option).

Сделайте это, а я потом скажу, что изменить в css.

готово

[templater]

Добавьте в stylesheet.css новый класс:

.product-info .option {
width: 200px;
display: inline-block;
vertical-align: top;
}

[aisss]

Спасибище огромное +в карму

[zhe84]

Всем, привет! А для версии 1.5.4.1 подскажите что и где поменять (пробовал предложенные варианты, не помогло). Тоже хочу что бы опции выводились в 2-3 колонки. Заранее спасибо.

[templater]

Там все то же самое, либо по аналогии. Без живой ссылки или миелафона вам помочь невозможно.

Всем, привет! А для версии 1.5.4.1 подскажите что и где поменять (пробовал предложенные варианты, не помогло). Тоже хочу что бы опции выводились в 2-3 колонки. Заранее спасибо.

[tim21701]

Говорят, миелофон сейчас у Герасимова... Алиса ему подарила :-D

[kunca]

количество столбов регулируется стилями и размерами самого блока опций или расстоянием между элементами..

а можно сделать чтобы при на ведение на опцию изображение увеличивалось???

[proxogiy]

Делал изменения отображения опций, не помню как, но по рекомендациям Ravirl. Всегда пользовался Firefox и меня устраивало как отображается (вложенный файл). Недавно залез через Chrome. Один столбец оказывается все время был  чуть ниже (вложенный файл). Подскажите как и где поправить чтобы в хроме то же было выравнено.

[proxogiy]

Народ подсобите пожалуйста.

[OldAine]

Народ подсобите пожалуйста.

Залезьте в product.tpl, найдите где вносили изменения, для такого отображения опций и измените width: 100px на width: 102px;

[proxogiy]

Залезьте в product.tpl, найдите где вносили изменения, для такого отображения опций и измените width: 100px на width: 102px;

Задачка не из легких на данный момент. Но буду пробовать. Спасибо.

[OldAine]

Задачка не из легких на данный момент. Но буду пробовать. Спасибо.

Открываете в любом текстовом редакторе, жмете комбинацию клавиш "Ctrl+F"  - открывается поиск по тексту вписываете "100px" и он за вас найдет.

[Kost9lbrik]

в product.tpl вместо куска кода

<table class="option-image">
			  <?php foreach ($option['option_value'] as $option_value) { ?>
			  <tr>
			    <td style="width: 1px;"><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']; ?>" /></td>
			    <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label></td>
			    <td><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></td>
			  </tr>
			  <?php } ?>
		    </table>

вставляем это

<div class="option-image">
			  <?php foreach ($option['option_value'] as $option_value) { ?>
			  <div class ="option1">
			    <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>
	 <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label>
			    <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']; ?>" />
   
			  </div>
	   <?php } ?>
		
		    </div>

в файле стилей добавляем это

.option1 {
float:left;
text-align:center;
}
.option-image {
overflow:auto;
}

Спасибо за решение, работает хорошо. только почему-то не работает alt для фото при наведении. Подскажите в чем может быть дело. С виду все выглядит хорошо.

Но на фото мышь наведена на белый цвет, но подсказка не всплывает, хотя и указана. Может кто-то подсказать в чем дело?

[ravilr]

Kost9lbrik

почитайте что такое alt и должен ли он выводится при наведении ))

[Kost9lbrik]

Kost9lbrik

почитайте что такое alt и должен ли он выводится при наведении ))

:oops: пардон. 

Тогда я так понимаю подсказку при наведении можно сделать через title?

 

UPD уже сделал с title.

[alexandus]

как можно сделать в опции - списком 

привести вот к такому виду

 

 

[Masyanov]

Всем спасибо! Очень полезно. С вашей помощью все выглядит как надо!