Canvas Support

combination filter content on page load

6 replies · opened Dec 16, 2018

JjogjandrewDec 16, 2018

Hi,

I am using your combination-filter-select template. Currently it defaults to showing all content. Only when a selector is changed is the content filtered.

I'd like to pre-select to filter the content that is presented when the page is first loaded. Is there a straight forward way to achieve that?

Thanks

Andrew

SSemicolon WebSTAFFDec 17, 2018

Hello,

You can simply use the following code to apply the Combination Filter on Page Load: 

$container.isotope({ filter: '.filter-1.filter-2' });

Simply make sure that you use the above code inside the jQuery(window).on( 'load' ) Container.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

JjogjandrewDec 20, 2018

Many thanks for the code. Works great to setup the initial filtering.

I'm setting up a simple configurator using your combination filter template. I have three pull-down menus (filter groups) setting up the filter parameters. One thing I notice is that if I change one of the pull-downs, the other initial filter group selections are lost. Only the changed filter is registered.

Is there a way to keep the other filter parameters "remembered"? Note this happens automatically when you adjust all three filter groups/pull-downs. After adjusting all three, any subsequent filter selection works to filter all groups according to all of the currently selected filter information.

Sample page is below:

http://www.fabri-cad.com/configurator_sample.html

Many thanks in advance for your continued help and support. A great product.

Cheers,
Andrew

JjogjandrewDec 22, 2018

Any guidance? Thanks

SSemicolon WebSTAFFDec 24, 2018

Hello,

Thanks for your Patience!

We have tried checking this out for you, however, the Combination Filter appears to be working fine for us. The items appears to be filtered according to the combination of selected filter items from the Dropdown Menus. Could you please provide us with a Screencast of the Issue you are facing so that we can take a proper look if we might be missing something. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

JjogjandrewDec 28, 2018

Thanks for the help. As the attached video hopefully shows, the image filters correctly on page loading

  • item type: 1
  • base style: A
  • finish color: red

When I change just the FINISH pull-down to blue, however, it shows all the blue options rather than filtering per the menus:

  • item type: 1
  • base style: A
  • finish color: blue

If I've already changed every pull-down at least 1 time, then it filters down correctly.

It behaves this way in Chrome, Edge and FF.

Many thanks in advance.

Andrew

📎 select-filter-mult.mp4224 KB
SSemicolon WebSTAFFJan 2, 2019

Hello,

Thanks for your Patience!

Consider adding the selected Attribute to the option Tag that you have preselected for the Filter. Example: 

1

This should fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard