Тема: Как в фильтре товара у ползунка указать значения?

У меня сейчас отображается только сам ползунок. Как сделать, чтобы было как на этом сайте http://www.a-trade.com.ua/catalog/silovoe-oborudovanie/
Т.е. кроме возможности двигать ползунок, можно ввести точное значение?

П.с. Скриншот что-то не получается вставить. Наглядней бы было.

Повысить оценку Понизить оценку

Re: Как в фильтре товара у ползунка указать значения?

Вам для какой темы оформления?

Re: Как в фильтре товара у ползунка указать значения?

Воздушная  (Purfume)

Повысить оценку Понизить оценку

Re: Как в фильтре товара у ползунка указать значения?

UP

Повысить оценку Понизить оценку

Re: Как в фильтре товара у ползунка указать значения?

Я не забыл. Я отвечу позже.

6 Отредактировано Закусило Александр (26.08.2016 12:00:58)

Re: Как в фильтре товара у ползунка указать значения?

В шаблоне с фильтрами (/templates/perfume/moduleview/catalog/blocks/sidefilters/filters.tpl) у фильтров, которые идут с ползулком всегда есть и физическое представление в виде друх полей ввода от и до. У оборачивающего контейнера стоит класс fromToLine
Наример:

<div class="filter typeInterval">
                <h4>{t}Цена{/t}:</h4>
                <table class="fullwidth fromToLine">
                    <tr>
                        <td>{t}от{/t}</td>
                        <td class="p50"><input type="text" class="textinp fromto" name="bfilter[cost][from]" value="{if !$catalog_config.price_like_slider}{$basefilters.cost.from}{else}{$basefilters.cost.from|default:$moneyArray.interval_from}{/if}" data-start-value="{if $catalog_config.price_like_slider}{$moneyArray.interval_from|intval}{/if}"></td>
                        <td>{t}до{/t}</td>
                        <td class="p50"><input type="text" class="textinp fromto" name="bfilter[cost][to]" value="{if !$catalog_config.price_like_slider}{$basefilters.cost.to}{else}{$basefilters.cost.to|default:$moneyArray.interval_to}{/if}" data-start-value="{if $catalog_config.price_like_slider}{$moneyArray.interval_to|intval}{/if}"></td>
                        <td>{$prop.unit}</td>
                    </tr>
                </table>
                {if $catalog_config.price_like_slider && ($moneyArray.interval_to>$moneyArray.interval_from)} {* Если нужно показать как слайдер*}
                    <input type="hidden" data-slider='{ "from":{$moneyArray.interval_from}, "to":{$moneyArray.interval_to}, "step": "{$moneyArray.step}", "round": {$moneyArray.round}, "dimension": " {$moneyArray.unit}", "heterogeneity": [{$moneyArray.heterogeneity}]  }' value="{$basefilters.cost.from|default:$moneyArray.interval_from};{$basefilters.cost.to|default:$moneyArray.interval_to}" class="pluginInput" data-closest=".fromToPrice" data-start-value="{$basefilters.cost.from|default:$moneyArray.interval_from};{$basefilters.cost.to|default:$moneyArray.interval_to}"/>
                {/if}
            </div>

В JS ниже в этом файле  прописано физическое скрытие этого котейнера по классу fromToLine. Поэтому если его убрать, а лучше просто заменить на fromto. То у Вас поля появятся. Правда в CSS надо будет подогнать контейнер, чтобы на него ползунок не налазил. Но я думаю Вы с этим разберётесь.

Re: Как в фильтре товара у ползунка указать значения?

спасибо!

Повысить оценку Понизить оценку