Сообщений в теме: 7

[SL-455262]

Как сделать характеристики товара под его ценой?

[Mr.Nito]

SL-455262 (18 Июль 2018 - 18:21) писал:

Как сделать характеристики товара под его ценой?

18-07-2018 18-17-47.png
18-07-2018 18-20-21.png

Изменения произвёл
Шаблон Товар

	  <!-- Характеристики -->
	  <table class="table-box goods-features">
		<tbody>
		  {% FOR goods_features%}
			<tr class="odd">
			  <th class=""><span class="value">{goods_features.NAME}</span></th>
			  <td class="data">{goods_features.VALUE}</td>
			</tr>
		  {% ENDFOR %}
		</tbody>
	  </table>	 
	  <!-- Блок информации по акции действующей на товар, если таковая есть -->

main.css

.table-box.goods-features > tbody > tr > th {   
  max-width: 340px;
  margin-bottom: 15px;
 
}
/* Настройки максимальных размеров генерируемых изображений */

[SL-455262]

Спасибо большое!
А как сделать характеристики не таблицой, а так, как показано на скрине?

Прикрепленные изображения

• 

[Mr.Nito]

SL-455262 (22 Июль 2018 - 00:35) писал:

Спасибо большое!
А как сделать характеристики не таблицой, а так, как показано на скрине?

Изменил код на

.table-box.goods-features {
  max-width: 340px;
margin-bottom: 15px;
}
.table-box.goods-features > tbody > tr > th,
.table-box.goods-features > tbody > tr > td {
  border:none;
  padding: 3px;
  text-align: left;
}
/* Настройки максимальных размеров генерируемых изображений */

[SL-455262]

Mr.Nito (22 Июль 2018 - 14:53) писал:

Изменил код на

.table-box.goods-features {
max-width: 340px;
margin-bottom: 15px;
}
.table-box.goods-features > tbody > tr > th,
.table-box.goods-features > tbody > tr > td {
border:none;
padding: 3px;
text-align: left;
}
/* Настройки максимальных размеров генерируемых изображений */

Спасибо!

[SL-455262]

Как убрать этот код?

И можно ли сделать эти характеристики в порядке: ПРОИЗВОДИТЕЛЬ, МОДЕЛЬ, ПОЛ, СЕЗОН, ЦВЕТ?

[Mr.Nito]

SL-455262 (23 Июль 2018 - 15:25) писал:

Как убрать этот код? 23-07-2018 15-23-43.png

И можно ли сделать эти характеристики в порядке: ПРОИЗВОДИТЕЛЬ, МОДЕЛЬ, ПОЛ, СЕЗОН, ЦВЕТ? 23-07-2018 15-26-06.png

Лишний код убрал

Порядок можно изменить в разделе Товары - Характеристики

[SL-455262]

Mr.Nito (23 Июль 2018 - 15:50) писал:

Лишний код убрал

Порядок можно изменить в разделе Товары - Характеристики

Супер! Спасибо!