Question

我想修改狂欢侧栏中的价格范围，因为默认范围不好。我已经尝试了很多但是无法帮助。

Answer 1

您可以使用这样的自定义滑块。覆盖_custom_sidebar.html.erb并添加以下行

<span for="amount" class="filter-hd">Price range</span>
<hr class="myhr2">
<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
<div id="slider-range"></div>

包含jQuery ui滑块并启动滑块，如下所示。

<script>
  $(function() {
      $( "#slider-range" ).slider({
          range: true,
          min: 0,
          max: 5000,
          /* jshint ignore:start */
          values: [ <%= params.key?(:minprice) ? params[:minprice].to_i : 0 %>, <%= params.key?(:maxprice) ? params[:maxprice].to_i : 1000 %> ],
          slide: function( event, ui ) {
              $( "#amount" ).val( "<%= current_currency %>" + ui.values[ 0 ] + " - <%= current_currency %>" + ui.values[ 1 ] );
          },
          /* jshint ignore:end */
          change: function( event, ui ) {
              url = window.location.href;
              newmin = ui.values[ 0 ];
              newmax = ui.values[ 1 ];
              url = updateURLParameter(url, 'minprice', newmin);
              url = updateURLParameter(url, 'maxprice', newmax);
              window.location.href = url;
          }
      });
      $( "#amount" ).val( "<%= current_currency %>" + $( "#slider-range" ).slider( "values", 0 ) +
  " - <%= current_currency %>" + $( "#slider-range" ).slider( "values", 1 ) );
  });
</script>

这是javascript function updateURLParameter which is used in the above js snippet。您可以将其添加到js文件中。

还装饰Taxons_controller和Products_controller以包含价格过滤

@products = @products.price_between(params[:minprice], params[:maxprice]) if params.key?(:minprice) && params.key?(:maxprice)

这将在文件内 - app / controllers / spree / products_controller_decorator.rb和app / controllers / spree / taxons_controller_decorator.rb

products_controller_decorator.rb -

# Custom methods for products related stuff
module Spree
  ProductsController.class_eval do
  alias_method :old_index, :index

  def index
    old_index # Like calling super: http://stackoverflow.com/a/13806783/73673
    @products = @products.price_between(params[:minprice], params[:maxprice]) if params.key?(:minprice) && params.key?(:maxprice)
    @products = @products.in_name_or_description(params[:query]) if params.key?(:query)
  end
end

在taxons_controller_decorator.rb中，您可以对方法show执行相同操作。

Answer 2

更新为稳定的狂欢4.1

对于狂欢4.1，只需在FrontendHelper模块中覆盖price_filter_values。

创建一个文件price_filters_decorator.rb放入应用程序/帮助程序中

在该文件内覆盖price_filter_values，如下所示：

module PriceFiltersDecorator
    Spree::FrontendHelper.module_eval do
        def price_filter_values
            [
                "#{I18n.t('activerecord.attributes.spree/product.less_than')} #{formatted_price(50)}",
                "#{formatted_price(50)} - #{formatted_price(200)}",
                "#{formatted_price(201)} - #{formatted_price(500)}",
                "#{formatted_price(501)} - #{formatted_price(1000)}",
                "#{formatted_price(1001)} - #{formatted_price(1500)}",
                "#{formatted_price(1501)} - #{formatted_price(2500)}",
                "#{formatted_price(2501)} - #{formatted_price(3500)}",
                "#{formatted_price(3501)} - #{formatted_price(4500)}",
                "#{formatted_price(4501)} - #{formatted_price(10000)}"
            ]
        end
    end
end

现在保存它并重新启动服务器。您可能需要刷新缓存以查看结果。

更改狂欢价格过滤器的范围

2 个答案: