Filters customization (assign new classess and JS)

Hello.
So imagine I got a price filter. And i'm using Bootstrap 3. And I want to wrap it onto the popover like here:
getbootstrap.com/javascript/#popovers-examples (CTRL+F "popover on bottom")
Using JS or CSS. I'm kinda fluent in it, but I got no idea where to assign those needed classes for the filters?

In the source code I got something like this:

<div class="hikashop_filter_filter_13">
   <span class="price radiobutton">650$</span>
</div>

<div class="hikashop_filter_filter_13 [b]data-toggle="popover" data-placement="bottom"[/b]>
   <span class="price radiobutton">650$</span>
</div>

Hi there,

Indeed it's a bit tricky since the code generating filters is in the class. You can find this class in administrator/components/com_hikashop/classes it's named filter. There you should be able to retrieve the spans and div of the filters and add whatever you want.
You can also take a look at the view filter in Display>Views and add some stuff here.

For the JS, something like that should work:

<?php
$js="your JS";
$doc = JFactory::getDocument();
$doc->addScriptDeclaration( $js);
?>

Eliot wrote: Hi there,

Indeed it's a bit tricky since the code generating filters is in the class. You can find this class in administrator/components/com_hikashop/classes it's named filter. There you should be able to retrieve the spans and div of the filters and add whatever you want.
You can also take a look at the view filter in Display>Views and add some stuff here.

For the JS, something like that should work:

<?php
$js="your JS";
$doc = JFactory::getDocument();
$doc->addScriptDeclaration( $js);
?>

You have to place it in the view.

hikashop_cart

hikashop_cart

Filters are a bit particular since they are generated by the class.
As the values may differ according to your configuration, it cannot simply be in a view or modified with CSS.
So the solutions I gave you are actually the only ones for your case.

I hope I didn't misunderstood what you want to do but if you still want to do the thing you posted first, looking at the class is the solution. As I said, filters are a particular case.

Eliot wrote: Filters are a bit particular since they are generated by the class.
As the values may differ according to your configuration, it cannot simply be in a view or modified with CSS.
So the solutions I gave you are actually the only ones for your case.

I hope I didn't misunderstood what you want to do but if you still want to do the thing you posted first, looking at the class is the solution. As I said, filters are a particular case.

administrator/components/com_hikashop/classes

<div class="hikashop_filter_main_div hikashop_filter_main_div_<?php $this->params->get('main_div_name'); ?>">

<div class="hikashop_filter_7">
	<span class="hikashop_filter_title"> Filter's title</span>
	<span class="expand_filter">Toggle to expand</span>

	<input type="some_stuff">Here comes the filter itself that expands on '.expand_filter' click</input>
</div>

<div class="hikashop_filter_1"> Some stuff here</div>
<div class="hikashop_filter_2"> Some stuff here</div>
<div class="hikashop_filter_3"> Some stuff here</div>

<div class="hikashop_filter_4"> Some stuff here</div>
<div class="hikashop_filter_5"> Some stuff here</div>
<div class="hikashop_filter_6"> Some stuff here</div>

<div class="hikashop_filter_1"> Some stuff here</div>
<div class="hikashop_filter_2"> Some stuff here</div>
<div class="hikashop_filter_3"> Some stuff here</div>

<div class="toggle_to_expand">Show more params

     <div class="hikashop_filter_4"> Some stuff here</div>
     <div class="hikashop_filter_5"> Some stuff here</div>
     <div class="hikashop_filter_6"> Some stuff here</div>
</div>

nicolas wrote: Hi,

In order to do that, there is no need to modify the filter class file.
Just edit the file "filter" of the view "product" via the menu Display>Views and change the code which echo the html of the filters in order to add your additional HTML div around the filters you want and then you can also add your toggle JS code in that file.
Here is the line which displays the filter div in that file:

echo '<div class="hikashop_filter_'.$filters[$count]->filter_namekey.'">'.$html[$count].'</div>';

Hi there,

As I told you it's gonna be tricky but here is how you should process.
Open the filter.php class and find the displayFilter function.
This function call a specific functions for each display (each type of filters).
What you can do is add some code here to display your additional div (admitting that you won't add any filter or change the order).
so here the code and what you could do:

function displayFilter($filter, $divName, &$parent, $datas=''){
		$html ='';
		if($filter->filter_type=='text' || $filter->filter_type=='singledropdown' || $filter->filter_type=='multipledropdown' || $filter->filter_type=='radio' || $filter->filter_type=='list' || $filter->filter_type=='checkbox' || $filter->filter_type=='cursor' || $filter->filter_type=='instockcheckbox'){
			$classType = 'hikashop'.ucfirst($filter->filter_type).'Class';
			$class = new $classType();
			$html = $class->display($filter, $divName, $parent, $datas);
			if($filter->filter_name=='thefirstfilteryouwannahide')
   			      $html = '<div class="yourdiv">'.$html;
			if($filter->filter_name=='thelasttfilteryouwannahide')
   			      $html .= '</div>';
		}else{
			JPluginHelper::importPlugin( 'hikashop' );
			$dispatcher = JDispatcher::getInstance();
			$dispatcher->trigger( 'onFilterDisplay', array( & $filter ,&$html, &$divName, &$parent, &$datas) );
		}
		return $html;
	}

Eliot wrote: Hi there,

As I told you it's gonna be tricky but here is how you should process.
Open the filter.php class and find the displayFilter function.
This function call a specific functions for each display (each type of filters).
What you can do is add some code here to display your additional div (admitting that you won't add any filter or change the order).
so here the code and what you could do:

function displayFilter($filter, $divName, &$parent, $datas=''){
		$html ='';
		if($filter->filter_type=='text' || $filter->filter_type=='singledropdown' || $filter->filter_type=='multipledropdown' || $filter->filter_type=='radio' || $filter->filter_type=='list' || $filter->filter_type=='checkbox' || $filter->filter_type=='cursor' || $filter->filter_type=='instockcheckbox'){
			$classType = 'hikashop'.ucfirst($filter->filter_type).'Class';
			$class = new $classType();
			$html = $class->display($filter, $divName, $parent, $datas);
			if($filter->filter_name=='thefirstfilteryouwannahide')
   			      $html = '<div class="yourdiv">'.$html;
			if($filter->filter_name=='thelasttfilteryouwannahide')
   			      $html .= '</div>';
		}else{
			JPluginHelper::importPlugin( 'hikashop' );
			$dispatcher = JDispatcher::getInstance();
			$dispatcher->trigger( 'onFilterDisplay', array( & $filter ,&$html, &$divName, &$parent, &$datas) );
		}
		return $html;
	}

it's a suggestion but it could definitely work

function displayFilter($filter, $divName, &$parent, $datas=''){
		$html ='';
		if($filter->filter_type=='text' || $filter->filter_type=='singledropdown' || $filter->filter_type=='multipledropdown' || $filter->filter_type=='radio' || $filter->filter_type=='list' || $filter->filter_type=='checkbox' || $filter->filter_type=='cursor' || $filter->filter_type=='instockcheckbox'){
			$classType = 'hikashop'.ucfirst($filter->filter_type).'Class';
			$class = new $classType();
			$html = $class->display($filter, $divName, $parent, $datas);
			if($filter->filter_name=='hikashop_filter_filter_5')
   			      $html = '<div class="toggle-hide">'.$html;
			if($filter->filter_name=='hikashop_filter_filter_6')
   			      $html .= '</div>';
		}else{
			JPluginHelper::importPlugin( 'hikashop' );
			$dispatcher = JDispatcher::getInstance();
			$dispatcher->trigger( 'onFilterDisplay', array( & $filter ,&$html, &$divName, &$parent, &$datas) );
		}
		return $html;
	}