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

[Sgray]

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

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

• 

[RedHead]

Sgray (10 Март 2016 - 13:09) писал:

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

Здравствуйте. В шаблоне style.css найдите и замените строку:

#countFiltered {text-align: center;top: -10px;position: absolute;left: 40px;width: 120px;background: #000; padding: 3px;}

на:

#countFiltered {text-align: center;top: -10px;position: absolute;left: 40px;width: 120px;background: #068CC2; padding: 3px;}

Можно чуть видоизменить эту строку так:

#countFiltered {text-align: center;top: -10px;position: absolute;left: 40px;width: 120px;background: #068CC2; padding: 3px;z-index: 100;opacity: 0.7;}

тогда плашка будет чуть прозрачной, но ее не будет загораживать ползунок.

[Sgray]

RedHead (10 Март 2016 - 13:39) писал:

Здравствуйте. В шаблоне style.css найдите и замените строку:

#countFiltered {text-align: center;top: -10px;position: absolute;left: 40px;width: 120px;background: #000; padding: 3px;}

на:

#countFiltered {text-align: center;top: -10px;position: absolute;left: 40px;width: 120px;background: #068CC2; padding: 3px;}

Можно чуть видоизменить эту строку так:

#countFiltered {text-align: center;top: -10px;position: absolute;left: 40px;width: 120px;background: #068CC2; padding: 3px;z-index: 100;opacity: 0.7;}

тогда плашка будет чуть прозрачной, но ее не будет загораживать ползунок.

Использован 1 вариант. Как теперь исправить, чтобы табличка не загораживала ползунок?

[RedHead]

Sgray (10 Март 2016 - 18:43) писал:

Использован 1 вариант. Как теперь исправить, чтобы табличка не загораживала ползунок?

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

Либо вот так: в шаблоне style.css строку:

#countFiltered {text-align: center;top: -10px;position: absolute;left: 40px;width: 120px;background: #068CC2; padding: 3px;}

заменить на:

#countFiltered {text-align: center;top: -10px;position: absolute;left: 150px;width: 120px;background: #068CC2; padding: 3px;}

[Sgray]

RedHead (10 Март 2016 - 19:40) писал:

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

Либо вот так: в шаблоне style.css строку:

#countFiltered {text-align: center;top: -10px;position: absolute;left: 40px;width: 120px;background: #068CC2; padding: 3px;}

заменить на:

#countFiltered {text-align: center;top: -10px;position: absolute;left: 150px;width: 120px;background: #068CC2; padding: 3px;}

Так не пойдет, не нужно двигать рамку вправо! Может саму рамку расширить чуточку, чтобы текст умещался и не переносился во вторую строку?

[RedHead]

Sgray (10 Март 2016 - 20:04) писал:

Так не пойдет, не нужно двигать рамку вправо! Может саму рамку расширить чуточку, чтобы текст умещался и не переносился во вторую строку?

Да, тогда в той же строке:

#countFiltered {text-align: center;top: -10px;position: absolute;left: 50px;width: 120px;background: #068CC2; padding: 3px;}

измените значение width до 140px

[Ast]

Аккаунт SL-381850
Здравствуйте
На странице товаров есть фильтр "Сортировать по" с длинным списком.
Можно ли оставить только 2 позиции: "Дешевые-Дорогие" и "Дорогие-Дешевые"? И по умолчанию показывались "Дешевые-Дорогие"
Спасибо

[Danil]

Ast (23 Май 2016 - 16:22) писал:

Аккаунт SL-381850
Здравствуйте
На странице товаров есть фильтр "Сортировать по" с длинным списком.
Можно ли оставить только 2 позиции: "Дешевые-Дорогие" и "Дорогие-Дешевые"? И по умолчанию показывались "Дешевые-Дорогие"
Спасибо

Здравствуйте.
В шаблоне Товары найдите код(встречается 2 раза)

					  {% FOR goods_order_fields %}
						<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
					  {% ENDFOR %}

и замените на

					  {% FOR goods_order_fields %}
						{% IF goods_order_fields.ID = 1 || goods_order_fields.ID = 2 %}
						<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
						{% ENDIF %}
					  {% ENDFOR %}

[Ast]

Danil (23 Май 2016 - 16:32) писал:

Здравствуйте.
В шаблоне Товары найдите код(встречается 2 раза)

					 {% FOR goods_order_fields %}
					 <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
					 {% ENDFOR %}

и замените на

					 {% FOR goods_order_fields %}
					 {% IF goods_order_fields.ID = 1 || goods_order_fields.ID = 2 %}
					 <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
					 {% ENDIF %}
					 {% ENDFOR %}

Спасибо, всё ок