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

[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]

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