Drupal 7 = Ubercart価格およびその他の製品機能の場合)スライダーウィジェットをより良い公開フィルターおよび製品検索結果ビューに配置する方法?
私はeコマースショップを開発しており、商品を検索するにはスライダーウィジェットを追加する必要があります。
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やその他のコアファイルを編集しないでください。以下のように簡単にサブテーマを作成できます:
/sites/all/themes/vassia
/sites/all/themes/vassia/vassia.info
このコードを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
次の名前のファイルを作成します:/sites/all/themes/vassia/css/vassia.css
将来のcssカスタム
カラー機能が必要な場合は、ファイル/themes/bartik/css/colors.css
から/sites/all/themes/vassia/css/colors.css
とフォルダとその内容をコピー/themes/bartik/color/
から/sites/all/themes/vassia/color/
[アドミニストレーション]> [外観]ページに移動して、Vassiaという新しいサブテーマを有効にします
すべては サブテーマの作成 DOページで非常によく説明されています。 今スライダー部分
/sites/all/themes/vassia/template.php
このコードを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;
}
}
ビュー名を再確認してください。すべてのキャッシュをクリアする
楽しい
試していただけますか スライドフィールドビュー モジュール
Sliderfieldモジュールは、数値フィールド(10進数、浮動小数点、整数)とフォーム要素の新しいウィジェットを提供します。数値フィールドを作成するときに、スライダーウィジェットを選択します。
このプロジェクトは、コアに含まれているjQuery UIスライダーを使用します。
またはこのモジュール スタイルで選択
Select with Styleプロジェクトダウンロードには、3つのスタイル可能なウィジェットを含む2つのモジュールが含まれています。
スタイル付きスライドには、コンテンツを作成するときにスライダーを介して数値またはリスト値を入力し、ビューでこのウィジェットを使用してフィルターするフィールドウィジェットが含まれています。これには、「中間」の範囲を入力するためのダブルハンドルスライダーが含まれます。スタイルで選択。コンテンツを作成するときに分類フィールド、特に階層分類を入力し、ビューのこれらの分類フィールドでフィルターする2つのウィジェットで構成されます。これらは、外部の依存関係がない軽量のソリューションです。外部ライブラリは必要ありません。最小限の構成のみ、権限なし、コーディングなし。ただスタイル!