Filters not working

Same issue here, with the example view, or a custom. Checked different themes, and all do not work. Drupal 7.21 is used, JQuery Update module is on 1.7

Same issue here as well.

My code (edited for relevance) looks like this:

     <a class="filterbutton" 
     data-option-value=".div-classviews-field-views-field-name--------span-classfield-contentintegrated-span---div"  href="#filter">ev
          <div class="views-field views-field-name">
               <span class="field-content">Integrated</span>
          </div>
     </a>

     .
     .
     .
<div class="view-content">
     <div id="isotope-container" style="position: relative; overflow-x: hidden; overflow-y: hidden; height: 170px;" class="isotope">
           <div class="isotope-element integrated isotope-item" data-category="integrated" 
           style="position: absolute; left: 0px; top: 0px; opacity: 1; transform: translate(0px, 0px) scale(1);">
               <div class="views-field views-field-title">
                   <span class="field-content">Openings Flagshipstores</span>
              </div>
              <div class="views-field views-field-field-case-types">
                  <div class="field-content isotope-filter">Integrated</div>
              </div>
         </div>
     .
     .
     .

Seems to be a problem with the jQuery selectors from what I could discover so far.
My recent candidate for finding the faulty part is that the "div-classviews-field-views-field-name" class references in the selector is nowhere to be found in the code itself. But that lead has brought me no further to solving this problem than any other.

I did some doctoring in the views_isotope.js as well and encountered a peculiar little bit of behavior.
After line 31, I overwrote 'value' with a selector that seemed more appropriate to me

value = '.isotope-element.integrated.isotope-item';

This should have, in theory, displayed all item containers belonging to the "Integrated" taxonomy. Instead it had the same behavior as before. All Items disappeared whenever a filter was used.
But instead of displaying all results when I clicked the "All" filter, it now showed the correct results for the "Integrated" filter.

So it seems that the jQuery selector at least "would" be correct, but something breaks it in the code... and that something doesn't happen if the initial filter is "*"...

That is about all of the digging I could manage so far. Thought I'd share it here on the off chance that someone else with the same problem will find it useful in solving the case.
(And in case I can find out how to fix this I'll update this in turn of course)

I have the same problem. All show or nothing.

I finally got it to work for me. But the solution I came up with is more of a hotfix and doesn't fully address where the issue itself comes from. (I think)

So... first of, the issue itself:

I've tracked the cause down to the "template_preprocess_views_isotope_filter_block" function in "views_isotope.theme.inc"
For some reason, the $row variable it goes through (line 104 and 105) contains html tags. These throw off the filters (specifically the data-option-value attributes of the a tags)

I have not been able to find out why they contain this and whether or not they should in the first place. My guess however is that we all have some minor but critical error in our view settings that causes this to happen.

Sadly, my knowledge of Drupal coding and module development is rather limited, so I got no further than that.


Luckily... there is something really simple you can do to fix this. Or at least patch over this and sidestep the issue.
Line 105 of "views_isotope.theme.inc" currently reads:

    $vars['isotope_filter_classes'][] = '.' . strtolower(drupal_clean_css_identifier(trim($row)));

I've changed this to:

    $vars['isotope_filter_classes'][] = '.' . strtolower(drupal_clean_css_identifier(trim(strip_tags($row))));

And it works like a charm.

Still though. I do not like this solution because it ignores and overrides the root issue. But at least it's a workable solution for the time being.

If someone has any additional suggestions for fixing it or making it more stable (or if someone notices some other issue that would come up because of this change) please let me know

Greetings,

Here are several things to check to because they will mess up your isotope view if not properly configured...

1. Do not use semantic views fields or any other view field formats provided by 3rd party modules. The isotope module needs the taxonomy term style defined in the styles section of the field view settings.

2. Ensure you have the relevant taxonomy term field in your isotope grid view. That means ensuring you have the right TAXONOMY REFERENCE FIELD (this module uses field_tags by default, you need to CHANGE it if you want terms from a different vocabulary) Also, ensure this field is the LAST one in your view.

3. Ensure that in the field style you choose DIV and add the class isotope-filter to the above field.

4. Do not use the views rewrite results feature. Doing so wipes out views default styles which are needed.

5. Add a view filter Content: Has taxonomy term (not empty) to prevent offset errors.

6. On the term filters view, ensure ' Link this field to its taxonomy term page' is NOT CHECKED. This is checked by default. Your filters will not work if this box is ticked.

This should fix most problems. While it should work, the unfortunate thing is that theming is considerably more difficult since the view cannot be easily themed with rewrite results tricks. So you will need to add views template file to your theme and customize it from there.

i've got a similar issue at http://nordicwaves.net/. The filters are working but not loading all articles tagged with term. Can you see what's the issue?

kristofferrom

it's impossible to tell by looking at the web page. one would need admin access to look at the complete configuration all the way up from the vocabulary structure through to the views output.

hey, found out that my grid only showed one tag at the time (grid view -> configure "tags" field). It's working now after allowing all tags

hey, found out that my grid only showed one tag at the time (grid view -> configure "tags" field). It's working now after allowing all tags

#4 helped me.

compressed the text a little bit.

Having the same issue. The "All" shows all items in the isotope grid, but when I create a custom vocabulary, called "Isotope Sort Options" all filters display 0 results. Only "All" displays items (all of them).

I tried the example feature using Articles test content and test vocabulary items in a taxonomy called "Tags" and it the example filters fine.
I double checked all of my views settings against the Feature example and I swear it matches.
I tried #4 above with no success.
I diligently looked at the items in #5 to make sure I was settings all my view parameters correctly.

Any suggestions?

My isotope_home_filter_block view

$view = new view();
$view->name = 'isotope_home_filter_block';
$view->description = '';
$view->tag = 'default';
$view->base_table = 'taxonomy_term_data';
$view->human_name = 'isotope_home_filter_block';
$view->core = 7;
$view->api_version = '3.0';
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */

/* Display: Master */
$handler = $view->new_display('default', 'Master', 'default');
$handler->display->display_options['title'] = 'isotope_example_filter_block';
$handler->display->display_options['use_more_always'] = FALSE;
$handler->display->display_options['access']['type'] = 'perm';
$handler->display->display_options['cache']['type'] = 'none';
$handler->display->display_options['query']['type'] = 'views_query';
$handler->display->display_options['query']['options']['query_comment'] = FALSE;
$handler->display->display_options['exposed_form']['type'] = 'basic';
$handler->display->display_options['pager']['type'] = 'some';
$handler->display->display_options['pager']['options']['items_per_page'] = '10';
$handler->display->display_options['pager']['options']['offset'] = '0';
$handler->display->display_options['style_plugin'] = 'isotope_filter_block';
$handler->display->display_options['row_plugin'] = 'fields';
$handler->display->display_options['row_options']['default_field_elements'] = FALSE;
/* Field: Taxonomy term: Name */
$handler->display->display_options['fields']['name']['id'] = 'name';
$handler->display->display_options['fields']['name']['table'] = 'taxonomy_term_data';
$handler->display->display_options['fields']['name']['field'] = 'name';
$handler->display->display_options['fields']['name']['label'] = '';
$handler->display->display_options['fields']['name']['alter']['word_boundary'] = FALSE;
$handler->display->display_options['fields']['name']['alter']['ellipsis'] = FALSE;
$handler->display->display_options['fields']['name']['element_label_colon'] = FALSE;
$handler->display->display_options['fields']['name']['element_default_classes'] = FALSE;
/* Filter criterion: Taxonomy vocabulary: Machine name */
$handler->display->display_options['filters']['machine_name']['id'] = 'machine_name';
$handler->display->display_options['filters']['machine_name']['table'] = 'taxonomy_vocabulary';
$handler->display->display_options['filters']['machine_name']['field'] = 'machine_name';
$handler->display->display_options['filters']['machine_name']['value'] = array(
  'isotope_sort_options' => 'isotope_sort_options',
);

/* Display: Block */
$handler = $view->new_display('block', 'Block', 'isotope_filter');
$handler->display->display_options['defaults']['hide_admin_links'] = FALSE;

My isotope_home view

$view = new view();
$view->name = 'isotope_home';
$view->description = '';
$view->tag = 'default';
$view->base_table = 'node';
$view->human_name = 'isotope home';
$view->core = 7;
$view->api_version = '3.0';
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */

/* Display: Master */
$handler = $view->new_display('default', 'Master', 'default');
$handler->display->display_options['title'] = 'isotope_home';
$handler->display->display_options['use_more_always'] = FALSE;
$handler->display->display_options['access']['type'] = 'perm';
$handler->display->display_options['cache']['type'] = 'none';
$handler->display->display_options['query']['type'] = 'views_query';
$handler->display->display_options['query']['options']['query_comment'] = FALSE;
$handler->display->display_options['exposed_form']['type'] = 'basic';
$handler->display->display_options['pager']['type'] = 'some';
$handler->display->display_options['pager']['options']['items_per_page'] = '0';
$handler->display->display_options['pager']['options']['offset'] = '0';
$handler->display->display_options['style_plugin'] = 'isotope';
$handler->display->display_options['row_plugin'] = 'fields';
/* Header: Global: View area */
$handler->display->display_options['header']['view']['id'] = 'view';
$handler->display->display_options['header']['view']['table'] = 'views';
$handler->display->display_options['header']['view']['field'] = 'view';
$handler->display->display_options['header']['view']['label'] = 'Isotope Home Filter';
$handler->display->display_options['header']['view']['view_to_insert'] = 'isotope_home_filter_block:default';
/* Field: Content: Title */
$handler->display->display_options['fields']['title']['id'] = 'title';
$handler->display->display_options['fields']['title']['table'] = 'node';
$handler->display->display_options['fields']['title']['field'] = 'title';
$handler->display->display_options['fields']['title']['label'] = '';
$handler->display->display_options['fields']['title']['alter']['word_boundary'] = FALSE;
$handler->display->display_options['fields']['title']['alter']['ellipsis'] = FALSE;
$handler->display->display_options['fields']['title']['element_label_colon'] = FALSE;
/* Field: Content: Isotope Category */
$handler->display->display_options['fields']['field_isotope_widget_category_1']['id'] = 'field_isotope_widget_category_1';
$handler->display->display_options['fields']['field_isotope_widget_category_1']['table'] = 'field_data_field_isotope_widget_category';
$handler->display->display_options['fields']['field_isotope_widget_category_1']['field'] = 'field_isotope_widget_category';
$handler->display->display_options['fields']['field_isotope_widget_category_1']['label'] = '';
$handler->display->display_options['fields']['field_isotope_widget_category_1']['element_type'] = 'div';
$handler->display->display_options['fields']['field_isotope_widget_category_1']['element_class'] = 'isotope-filter';
$handler->display->display_options['fields']['field_isotope_widget_category_1']['element_label_colon'] = FALSE;
/* Sort criterion: Global: Random */
$handler->display->display_options['sorts']['random']['id'] = 'random';
$handler->display->display_options['sorts']['random']['table'] = 'views';
$handler->display->display_options['sorts']['random']['field'] = 'random';
/* Filter criterion: Content: Published */
$handler->display->display_options['filters']['status']['id'] = 'status';
$handler->display->display_options['filters']['status']['table'] = 'node';
$handler->display->display_options['filters']['status']['field'] = 'status';
$handler->display->display_options['filters']['status']['value'] = 1;
$handler->display->display_options['filters']['status']['group'] = 1;
$handler->display->display_options['filters']['status']['expose']['operator'] = FALSE;
/* Filter criterion: Content: Type */
$handler->display->display_options['filters']['type']['id'] = 'type';
$handler->display->display_options['filters']['type']['table'] = 'node';
$handler->display->display_options['filters']['type']['field'] = 'type';
$handler->display->display_options['filters']['type']['value'] = array(
  'debt' => 'debt',
  'dumbo' => 'dumbo',
  'fiction' => 'fiction',
  'non_fiction' => 'non_fiction',
  'ocean' => 'ocean',
  'poetry' => 'poetry',
  'review' => 'review',
);
/* Filter criterion: Content: Has taxonomy term */
$handler->display->display_options['filters']['tid']['id'] = 'tid';
$handler->display->display_options['filters']['tid']['table'] = 'taxonomy_index';
$handler->display->display_options['filters']['tid']['field'] = 'tid';
$handler->display->display_options['filters']['tid']['operator'] = 'not empty';
$handler->display->display_options['filters']['tid']['value'] = '';
$handler->display->display_options['filters']['tid']['expose']['operator_id'] = 'tid_op';
$handler->display->display_options['filters']['tid']['expose']['label'] = 'Has taxonomy term';
$handler->display->display_options['filters']['tid']['expose']['operator'] = 'tid_op';
$handler->display->display_options['filters']['tid']['expose']['identifier'] = 'tid';
$handler->display->display_options['filters']['tid']['expose']['remember_roles'] = array(
  2 => '2',
  1 => 0,
  6 => 0,
  5 => 0,
  4 => 0,
  7 => 0,
  3 => 0,
);
$handler->display->display_options['filters']['tid']['vocabulary'] = 'isotope_sort_options';

/* Display: Page */
$handler = $view->new_display('page', 'Page', 'page');
$handler->display->display_options['defaults']['hide_admin_links'] = FALSE;
$handler->display->display_options['path'] = 'isotope-home';

/* Display: Block */
$handler = $view->new_display('block', 'Block', 'block_1');
$handler->display->display_options['block_description'] = 'Isotope Home';

I ran into the same problem when upgrading from 7.x.1.0-beta2 version. After some debugging I found the problem was in the Row style options (Fields settings of the Format section) of the Isotope Filter Block view.

In order to work the “Provide default field wrapper elements” of Isotope Filter Block has to be unchecked, otherwise extra html tag will be included in the filters preventing them from work.

I hope this can help.

Hi,

I had the same issue but I finaly figured out how to fix it.

In my case I had followed every advices mentioned in #5 except that I choosed to display each taxonomy term as a link.

It produced the following code :

<div classs="isotope-filter">
   <a ...>
      My taxonomy term
   </a>
</div>

So I tryed to displayed it as plain text, so the code became :

<div classs="isotope-filter">
      My taxonomy term
</div>

and Voilà!

Everything works now!

Hope it helps.

Versions : Drupal 7.26 & 7.x-2.x-dev

Whether you are using taxonomy terms or any other field value, all of the issues above can be solved in your view settings.

Under "Style Settings" tick all of the "Customize ___ HTML" checkboxes and choose "none" in the dropdown. Then untick the "Add default classes" checkbox.

Also make sure you untick any "link" options so the values display as plaintext.

This will get rid of the un-necessary tags that are messing up your selectors.

#14 did not really help me.
#12 is the answer.