web-dev-qa-db-ja.com

スライダーウィジェットをUbercart価格およびその他の製品機能のより良い露出フィルターに入れる方法は？

Drupal 7 = Ubercart価格およびその他の製品機能の場合）スライダーウィジェットをより良い公開フィルターおよび製品検索結果ビューに配置する方法？

enter image description here

私はeコマースショップを開発しており、商品を検索するにはスライダーウィジェットを追加する必要があります。

enter image description here

enter image description here

7ubercartjavascript
2
VassiaAlk

Jquery UIとそのウィジェットのほとんどは、D7コアのmisc/uiフォルダーに埋め込まれています。まず、これらの行をテーマテンプレートファイル（sites/all/themes/YOUR_THEME/template.php）：

/**
 * Implements template_preprocess_views_view().
 */
function YOUR_THEME_preprocess_views_view(&$vars) {//replace YOUR_THEME by your theme name
  $view = $vars['view'];
  switch($view->name) {      
    case 'YOUR_VIEW' : //replace YOUR_VIEW by your view name

      drupal_add_library('system','ui.slider');
      drupal_add_css('/misc/ui/jquery.ui.slider.css');
      break;
  }
}

キャッシュをクリアすることを忘れないでください。

フィルターは、次の間演算子、下位演算子、上位演算子と互換性がある必要があります。これは数値フィールドには問題ありません。フィルターセットアップで、それを公開として設定し、「is between」演算子を選択します。

最後に、ビューの詳細設定のBEF設定画面で、フィルターにJquery uiスライダーを選択し、必要に応じて範囲などの他の設定を調整します。

編集

コメントに回答するには、Bartikやその他のコアファイルを編集しないでください。以下のように簡単にサブテーマを作成できます：

  1. フォルダを作成します：/sites/all/themes/vassia
  2. ファイルを作成する/sites/all/themes/vassia/vassia.info

  3. このコードをvassia.info

    name = vassia
description = my first subtheme
core = 7.x
base theme = bartik

stylesheets[all][] = css/vassia.css
stylesheets[all][] = css/colors.css

regions[header] = Header
regions[help] = Help
regions[page_top] = Page top
regions[page_bottom] = Page bottom
regions[highlighted] = Highlighted

regions[featured] = Featured
regions[content] = Content
regions[sidebar_first] = Sidebar first
regions[sidebar_second] = Sidebar second

regions[triptych_first] = Triptych first
regions[triptych_middle] = Triptych middle
regions[triptych_last] = Triptych last

regions[footer_firstcolumn] = Footer first column
regions[footer_secondcolumn] = Footer second column
regions[footer_thirdcolumn] = Footer third column
regions[footer_fourthcolumn] = Footer fourth column
regions[footer] = Footer

settings[shortcut_module_link] = 0

  4. 次の名前のファイルを作成します：/sites/all/themes/vassia/css/vassia.css将来のcssカスタム

  5. カラー機能が必要な場合は、ファイル/themes/bartik/css/colors.cssから/sites/all/themes/vassia/css/colors.cssとフォルダとその内容をコピー/themes/bartik/color/から/sites/all/themes/vassia/color/

  6. [アドミニストレーション]> [外観]ページに移動して、Vassiaという新しいサブテーマを有効にします

すべては サブテーマの作成 DOページで非常によく説明されています。 今スライダー部分

  1. ファイルを作成する/sites/all/themes/vassia/template.php

  2. このコードをtemplate.phpファイルに正確に記述します。

    <?php 
/**
 * Implements template_preprocess_views_view().
 */
function vassia_preprocess_views_view(&$vars) {
  $view = $vars['view'];
  switch($view->name) {      
    case 'productviewwithsliders' :

      drupal_add_library('system','ui.slider');
      drupal_add_css('/misc/ui/jquery.ui.slider.css');
      break;
  }
}

  3. ビュー名を再確認してください。すべてのキャッシュをクリアする

楽しい

2
Kojo

試していただけますか スライドフィールドビュー モジュール

Sliderfieldモジュールは、数値フィールド（10進数、浮動小数点、整数）とフォーム要素の新しいウィジェットを提供します。数値フィールドを作成するときに、スライダーウィジェットを選択します。

このプロジェクトは、コアに含まれているjQuery UIスライダーを使用します。

またはこのモジュール スタイルで選択

Select with Styleプロジェクトダウンロードには、3つのスタイル可能なウィジェットを含む2つのモジュールが含まれています。

スタイル付きスライドには、コンテンツを作成するときにスライダーを介して数値またはリスト値を入力し、ビューでこのウィジェットを使用してフィルターするフィールドウィジェットが含まれています。これには、「中間」の範囲を入力するためのダブルハンドルスライダーが含まれます。スタイルで選択。コンテンツを作成するときに分類フィールド、特に階層分類を入力し、ビューのこれらの分類フィールドでフィルターする2つのウィジェットで構成されます。これらは、外部の依存関係がない軽量のソリューションです。外部ライブラリは必要ありません。最小限の構成のみ、権限なし、コーディングなし。ただスタイル！

1
NTT