Перейти к содержимому


Фильтр По Цвету

Автор Ольга 94, 10 мая 2016 19:48

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 45

#21 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 21 Май 2016 - 04:58

Благодарю. В шаблоне Товар найдите:
<div class="colors">
{% IFNOT goods_features_empty %}
		  <div class="caharcters">
						{% FOR goods_features%}
		 {% IF goods_features.NAME = Цвет %}
						   <span>{goods_features.NAME}</span>
						   <span>{goods_features.VALUE}</span>
						  {% ENDIF %}
						{% ENDFOR %}
		  </div>
		{% ENDIF %}
<!-- Краткое описание -->
		  {% IF GOODS_DESCRIPTION_SHORT %}
		  <div class="short-description">
				<p itemprop="description">{GOODS_DESCRIPTION_SHORT|htmlspecialchars_decode}</p>
		  </div>
		  {% ENDIF %}
   <div>

замените на:
<div class="colors">
{% IFNOT goods_features_empty %}
		  <div class="characters">
						{% FOR goods_features%}
		 {% IF goods_features.NAME = Цвет %}
						   <span>{goods_features.NAME}</span>
						   <span>{goods_features.VALUE}</span>
						  {% ENDIF %}
						{% ENDFOR %}
		  </div>
		{% ENDIF %}
<!-- Краткое описание -->
		  {% IF GOODS_DESCRIPTION_SHORT %}
		  <div class="short-description">
				<p itemprop="description">{GOODS_DESCRIPTION_SHORT|htmlspecialchars_decode}</p>
		  </div>
		  {% ENDIF %}
   </div>

В main.css найдите:
.colors > div {
	display: inline-block;
	margin-right: 10px;
}

после него пропишите:
.colors > div.characters {
	width: 30%;
}
.colors > div.short-description {
	width: 60%;
	float: none;
}

далее найдите:
.colors {
	margin-top: 10px;
}

замените на:
.colors {
	margin-top: 10px;
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: -30px;
}

#22 Ольга 94

Ольга 94

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 21 Май 2016 - 10:29

 Vaccina (21 Май 2016 - 04:58) писал:

Благодарю. В шаблоне Товар найдите:
<div class="colors">
{% IFNOT goods_features_empty %}
		 <div class="caharcters">
					 {% FOR goods_features%}
		 {% IF goods_features.NAME = Цвет %}
						 <span>{goods_features.NAME}</span>
						 <span>{goods_features.VALUE}</span>
						 {% ENDIF %}
					 {% ENDFOR %}
		 </div>
	 {% ENDIF %}
<!-- Краткое описание -->
		 {% IF GOODS_DESCRIPTION_SHORT %}
		 <div class="short-description">
			 <p itemprop="description">{GOODS_DESCRIPTION_SHORT|htmlspecialchars_decode}</p>
		 </div>
		 {% ENDIF %}
<div>

замените на:
<div class="colors">
{% IFNOT goods_features_empty %}
		 <div class="characters">
					 {% FOR goods_features%}
		 {% IF goods_features.NAME = Цвет %}
						 <span>{goods_features.NAME}</span>
						 <span>{goods_features.VALUE}</span>
						 {% ENDIF %}
					 {% ENDFOR %}
		 </div>
	 {% ENDIF %}
<!-- Краткое описание -->
		 {% IF GOODS_DESCRIPTION_SHORT %}
		 <div class="short-description">
			 <p itemprop="description">{GOODS_DESCRIPTION_SHORT|htmlspecialchars_decode}</p>
		 </div>
		 {% ENDIF %}
</div>

В main.css найдите:
.colors > div {
display: inline-block;
margin-right: 10px;
}

после него пропишите:
.colors > div.characters {
width: 30%;
}
.colors > div.short-description {
width: 60%;
float: none;
}

далее найдите:
.colors {
margin-top: 10px;
}

замените на:
.colors {
margin-top: 10px;
clear: both;
float: left;
width: 100%;
margin-bottom: -30px;
}

Сделала, что дальше?)

#23 Ольга 94

Ольга 94

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 22 Май 2016 - 19:54

 Ольга 94 (21 Май 2016 - 10:29) писал:

Сделала, что дальше?)
актуально!

#24 Ольга 94

Ольга 94

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 23 Май 2016 - 20:51

 Ольга 94 (22 Май 2016 - 19:54) писал:

актуально!
Сегодня уже третьи сутки заканчиваются, кто то ответит мне???

#25 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 25 Май 2016 - 01:56

В main.css найдите:
.product-view .product-shop .short-description {
float: left;
width: 100%;
margin: 0;
display: inline-block;
}

замените на:
.product-view .product-shop .short-description {
float: none;
width: 65%;
margin: 0;
display: inline-block;
vertical-align: middle;
}

Цитата

Далее остается у товара заполнить краткое описание. Можете на тестовой странице заполнить полное описание, так как так имеется визуальный редактор, оформить необходимым образом квадраты с цветом и ссылками, далее нажать "Источник" и готовый код со стилями вставить в краткое описание необходимого товара.

Например, в товар "Бюстгальтер, Tribuna"(бордовый) в краткое описание вставьте:
<span>Выбрать другой цвет:</span><br/>
<a href="#" style="display:inline-block;width:20px;height:20px;background:#fff;border: 1px solid #ccc;"></a>
<a href="#" style="display:inline-block;width:20px;height:20px;background:#D8BBB0;border: 1px solid #ccc;"></a>
<a href="#" style="display:inline-block;width:20px;height:20px;background:#000000;border: 1px solid #ccc;"></a>

Вместо знака # необходимо указать ссылку на товар с другим цветом, в результате получим:
123.jpg

В качестве квадратика с цветом и ссылкой выступает данная строка:
<a href="#" style="display:inline-block;width:20px;height:20px;background:#000000;border: 1px solid #ccc;"></a>

в нем # отвечает за ссылку на другой товар, а #000000 за цвет квадратика.

#26 Ольга 94

Ольга 94

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 25 Май 2016 - 16:19

 Vaccina (25 Май 2016 - 01:56) писал:

В main.css найдите:
.product-view .product-shop .short-description {
float: left;
width: 100%;
margin: 0;
display: inline-block;
}

замените на:
.product-view .product-shop .short-description {
float: none;
width: 65%;
margin: 0;
display: inline-block;
vertical-align: middle;
}



Например, в товар "Бюстгальтер, Tribuna"(бордовый) в краткое описание вставьте:
<span>Выбрать другой цвет:</span><br/>
<a href="#" style="display:inline-block;width:20px;height:20px;background:#fff;border: 1px solid #ccc;"></a>
<a href="#" style="display:inline-block;width:20px;height:20px;background:#D8BBB0;border: 1px solid #ccc;"></a>
<a href="#" style="display:inline-block;width:20px;height:20px;background:#000000;border: 1px solid #ccc;"></a>

Вместо знака # необходимо указать ссылку на товар с другим цветом, в результате получим:
123.jpg

В качестве квадратика с цветом и ссылкой выступает данная строка:
<a href="#" style="display:inline-block;width:20px;height:20px;background:#000000;border: 1px solid #ccc;"></a>

в нем # отвечает за ссылку на другой товар, а #000000 за цвет квадратика.


Класс, а можно настроить расположение как на скрине?
http://forum.storela...ло/page__st__80

 Ольга 94 (21 Май 2016 - 09:43) писал:

.

 Vaccina (25 Май 2016 - 01:56) писал:

В main.css найдите:
.product-view .product-shop .short-description {
float: left;
width: 100%;
margin: 0;
display: inline-block;
}

замените на:
.product-view .product-shop .short-description {
float: none;
width: 65%;
margin: 0;
display: inline-block;
vertical-align: middle;
}



Например, в товар "Бюстгальтер, Tribuna"(бордовый) в краткое описание вставьте:
<span>Выбрать другой цвет:</span><br/>
<a href="#" style="display:inline-block;width:20px;height:20px;background:#fff;border: 1px solid #ccc;"></a>
<a href="#" style="display:inline-block;width:20px;height:20px;background:#D8BBB0;border: 1px solid #ccc;"></a>
<a href="#" style="display:inline-block;width:20px;height:20px;background:#000000;border: 1px solid #ccc;"></a>

Вместо знака # необходимо указать ссылку на товар с другим цветом, в результате получим:
123.jpg

В качестве квадратика с цветом и ссылкой выступает данная строка:
<a href="#" style="display:inline-block;width:20px;height:20px;background:#000000;border: 1px solid #ccc;"></a>

в нем # отвечает за ссылку на другой товар, а #000000 за цвет квадратика.

Не получается скопировать, в общем в той теме сообщение 92

#27 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Май 2016 - 04:24

В main.css найдите:
.colors > div{display:inline-block;margin-right:10px;}
.colors > div.characters {
		width: 30%;
}
.colors > div.short-description {
		width: 60%;
		float: none;
}

замените на:
.colors > div{display:block;}
.colors > div.characters {
		width: 100%;
}
.colors > div.short-description {
		width: 100%;
		float: none;
		margin-top:10px;
}

#28 Ольга 94

Ольга 94

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 26 Май 2016 - 07:13

 Vaccina (26 Май 2016 - 04:24) писал:

В main.css найдите:
.colors > div{display:inline-block;margin-right:10px;}
.colors > div.characters {
	 width: 30%;
}
.colors > div.short-description {
	 width: 60%;
	 float: none;
}

замените на:
.colors > div{display:block;}
.colors > div.characters {
	 width: 100%;
}
.colors > div.short-description {
	 width: 100%;
	 float: none;
	 margin-top:10px;
}


Простите, а что изменилось?

#29 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Май 2016 - 07:19

После данный изменений строка выбора цвета будет под цветовым значением с отступом, как у вас указано на скриншоте ранее.

#30 Ольга 94

Ольга 94

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 26 Май 2016 - 07:20

 Vaccina (26 Май 2016 - 07:19) писал:

После данный изменений строка выбора цвета будет под цветовым значением с отступом, как у вас указано на скриншоте ранее.

У меня ни чего не изменилось....Что то не так сделала?

#31 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Май 2016 - 07:46

Удалите следующий старый код:
.product-view .product-shop .short-description {
	float: left;
	width: 65%;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

#32 Ольга 94

Ольга 94

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 26 Май 2016 - 07:48

 Vaccina (26 Май 2016 - 07:46) писал:

Удалите следующий старый код:
.product-view .product-shop .short-description {
float: left;
width: 65%;
margin: 0;
display: inline-block;
vertical-align: middle;
}
Ни чего не меняется.

#33 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Май 2016 - 08:00

Попробуйте почистить кэш, на данный момент у меня отображается следующим образом(краткое описание, в котором в последующем вы будете вписывать выбор цвета с новой строки и с отступом):
123.jpg

#34 Ольга 94

Ольга 94

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 26 Май 2016 - 08:02

 Vaccina (26 Май 2016 - 08:00) писал:

Попробуйте почистить кэш, на данный момент у меня отображается следующим образом(краткое описание, в котором в последующем вы будете вписывать выбор цвета с новой строки и с отступом):
123.jpg

http://yoursize-shop...na-2#show_tab_4 Вот посмотрите, это у меня получилось именно что касалось квадратиков с цветом... А то что касается изменений расположения как на скрине то ни чего не поменялось

#35 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Май 2016 - 06:13

Вам необходимо данному товару добавить характеристику Цвет с необходимым значением данного товара(например: Белый), тогда она отобразится над квадратиками.

#36 Ольга 94

Ольга 94

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 21 Июнь 2016 - 21:27

 Юля123 (28 Апрель 2016 - 14:38) писал:

Да, конечно, замените код:

{% IF filter_prop_list.values.VALUE = Бежевый %} <div style="margin-left: 60px;background-color:#e3c2a2; display:inline-block; width:50px;height:7px;"></div>{% ENDIF %}	 <!--Менять цвета при смене цвета модификации-->
																																															 {% IF filter_prop_list.values.VALUE = Белый %} <div style="margin-left: 60px;background-color:#fff;border:1px solid #eee; display:inline-block; width:50px;height:8px;"></div>{% ENDIF %}
																																															 {% IF filter_prop_list.values.VALUE = Черный %} <div style="margin-left: 60px;background-color:#000; display:inline-block; width:50px;height:7px;"></div>{% ENDIF %}

на код:
{% IF filter_prop_list.values.VALUE = Бежевый %} <div style="margin-left: 60px;background-color:#e3c2a2; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}	 <!--Менять цвета при смене цвета модификации-->
{% IF filter_prop_list.values.VALUE = Белый %} <div style="margin-left: 60px;background-color:#fff;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
{% IF filter_prop_list.values.VALUE = Черный %} <div style="margin-left: 60px;background-color:#000; display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}

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

#37 Ольга 94

Ольга 94

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 21 Июнь 2016 - 23:09

 Ольга 94 (21 Июнь 2016 - 21:27) писал:

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

Вообще что то не так стало, видимо что то напортачила. Не работает фильтр по цвету в целом

#38 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 23 Июнь 2016 - 02:38

В шаблоне HTML найдите:
{% ENDFOR %}
</form> 
</div>								
								 
								  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div class="filter">
<span class="str"><b>{filter_attr_list.NAME}</b></span>
<div class="contentTbodySearchFilterBlock">
  {% FOR values %}
   <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
   <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}
   {% IF filter_attr_list.values.VALUE = Бежевый %} <div style="background-color:#e3c2a2;margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}   <!--Менять цвета при смене цвета модификации-->
   {% IF filter_attr_list.values.VALUE = Белый %} <div style="background-color:#fff;margin-top: 7px;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Серебряный пион %} <div style="background-color:#f5cab4;margin-top: 7px;display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Черный %} <div style="background-color:#000;margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}</label>
  
   <br/>
  {% ENDFOR %}
</div>
</div>
{% ENDFOR %}

замените на:
{% ENDFOR %}
							 
								 
								  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div class="filter">
<span class="str"><b>{filter_attr_list.NAME}</b></span>
<div class="contentTbodySearchFilterBlock">
  {% FOR values %}
   <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
   <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}
   {% IF filter_attr_list.values.VALUE = Бежевый %} <div style="background-color:#e3c2a2;margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}   <!--Менять цвета при смене цвета модификации-->
   {% IF filter_attr_list.values.VALUE = Белый %} <div style="background-color:#fff;margin-top: 7px;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Серебряный пион %} <div style="background-color:#f5cab4;margin-top: 7px;display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Черный %} <div style="background-color:#000;margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}</label>
  
   <br/>
  {% ENDFOR %}
</div>
</div>
{% ENDFOR %}
</form> 
</div>

#39 Ольга 94

Ольга 94

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 348 сообщений
  • ГородПермь

Отправлено 23 Июнь 2016 - 12:43

 Vaccina (23 Июнь 2016 - 02:38) писал:

В шаблоне HTML найдите:
{% ENDFOR %}
</form>
</div>								
								
								 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div class="filter">
<span class="str"><b>{filter_attr_list.NAME}</b></span>
<div class="contentTbodySearchFilterBlock">
{% FOR values %}
<input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}
{% IF filter_attr_list.values.VALUE = Бежевый %} <div style="background-color:#e3c2a2;margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %} <!--Менять цвета при смене цвета модификации-->
{% IF filter_attr_list.values.VALUE = Белый %} <div style="background-color:#fff;margin-top: 7px;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Серебряный пион %} <div style="background-color:#f5cab4;margin-top: 7px;display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Черный %} <div style="background-color:#000;margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}</label>

<br/>
{% ENDFOR %}
</div>
</div>
{% ENDFOR %}

замените на:
{% ENDFOR %}
							
								
								 <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div class="filter">
<span class="str"><b>{filter_attr_list.NAME}</b></span>
<div class="contentTbodySearchFilterBlock">
{% FOR values %}
<input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}
{% IF filter_attr_list.values.VALUE = Бежевый %} <div style="background-color:#e3c2a2;margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %} <!--Менять цвета при смене цвета модификации-->
{% IF filter_attr_list.values.VALUE = Белый %} <div style="background-color:#fff;margin-top: 7px;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Серебряный пион %} <div style="background-color:#f5cab4;margin-top: 7px;display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}
{% IF filter_attr_list.values.VALUE = Черный %} <div style="background-color:#000;margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}</label>

<br/>
{% ENDFOR %}
</div>
</div>
{% ENDFOR %}
</form>
</div>

Большое спасибо. все работает.А по поводу выравнивания прямоугольничков с цветом в фильтре по цвету не поможете?

#40 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 24 Июнь 2016 - 03:27

В шаблоне HTML найдите:
{% IF filter_attr_list.values.VALUE = Бежевый %} <div style="background-color:#e3c2a2;margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}   <!--Менять цвета при смене цвета модификации-->
   {% IF filter_attr_list.values.VALUE = Белый %} <div style="background-color:#fff;margin-top: 7px;border:1px solid #eee; display:inline-block; width:50px;height:8px; float:right;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Серебряный пион %} <div style="background-color:#f5cab4;margin-top: 7px;display:inline-block; width:50px;height:7px;float:right;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Черный %} <div style="background-color:#000;margin-top: 7px; display:inline-block; width:50px;height:7px; float:right;"></div>{% ENDIF %}</label>

замените на:
{% IF filter_attr_list.values.VALUE = Бежевый %} <div class="filter_color" style="background-color:#e3c2a2;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Белый %} <div class="filter_color" style="background-color:#fff;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Серебряный пион %} <div class="filter_color" style="background-color:#f5cab4;"></div>{% ENDIF %}
   {% IF filter_attr_list.values.VALUE = Черный %} <div class="filter_color" style="background-color:#000;"></div>{% ENDIF %}</label>

В main.css найдите:
.contentTbodySearchFilterBlock label {
	margin-top: 5px;
	display: inline-block;
	vertical-align: middle;
}

после него добавьте:
.filter_color {
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

Обратно в Каталог товаров


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лето
  5. → Каталог товаров
  6. Privacy Policy