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


В Теме Новогодняя Изменить Фильтр Цен


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

#1 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 12 Июнь 2017 - 17:44

Здравствуйте!
1. Как изменить ползунки на кружочки
2. Приписать слово рубли
2017-06-12_17-38-59.png

#2 Vaccina

Vaccina

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

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

Отправлено 16 Июнь 2017 - 06:56

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<input id="goods-filter-min-price" class="inputText" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress(this, event);" onpaste="return false;" />
				 <span class="price-separator">-</span>
				 <input id="goods-filter-max-price" class="inputText" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress(this, event);" onpaste="return false;" />

после него пропишите:
<span class="price-separator"> рублей</span>

Далее зайдите в main.css - найдите:
.filters-price .ui-slider-handle.ui-state-default {position: absolute;background: #f50056;width: 5px;height: 15px;margin-left: -3px;top: -10px;z-index: 2;border: none;cursor: pointer;outline: 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

замените на:
.filters-price .ui-slider-handle.ui-state-default {position: absolute;background: #f50056;width: 15px;height: 15px;margin-left: -3px;top: -5px;z-index: 2;border: none;cursor: pointer;outline: 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 50%;}

Все товары.png

#3 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 16 Июнь 2017 - 15:36

Просмотр сообщенияVaccina (16 Июнь 2017 - 06:56) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<input id="goods-filter-min-price" class="inputText" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress(this, event);" onpaste="return false;" />
				 <span class="price-separator">-</span>
				 <input id="goods-filter-max-price" class="inputText" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress(this, event);" onpaste="return false;" />

после него пропишите:
<span class="price-separator"> рублей</span>

Далее зайдите в main.css - найдите:
.filters-price .ui-slider-handle.ui-state-default {position: absolute;background: #f50056;width: 5px;height: 15px;margin-left: -3px;top: -10px;z-index: 2;border: none;cursor: pointer;outline: 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

замените на:
.filters-price .ui-slider-handle.ui-state-default {position: absolute;background: #f50056;width: 15px;height: 15px;margin-left: -3px;top: -5px;z-index: 2;border: none;cursor: pointer;outline: 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 50%;}

Прикрепленный файл Все товары.png
Получилось! Огромное спасибо!




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

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