detoyboys Posted August 15, 2017 Share Posted August 15, 2017 Hi, I have an issue with the block layered navigation module.When the filter is applied it filters the products the right way but the page shows all the subcategories thumbs first so you don't see the products that are filtered first. When I reload the page manualy it scrolls to the products like I want it to.Is this a .js caching issue or something like that? Here's an example link of my shop: https://detoyboys.nl/en/22-batman 1 Link to comment Share on other sites More sharing options...
detoyboys Posted August 18, 2017 Author Share Posted August 18, 2017 No one?! please let me know if I posted this at the wrong thread. I am new to this forum. Link to comment Share on other sites More sharing options...
BonPresta Posted August 18, 2017 Share Posted August 18, 2017 No one?! please let me know if I posted this at the wrong thread. I am new to this forum. Hello, You have truly created a theme... How do you want that when you click on the checkboxes in the filter, you scroll the page to the products? Link to comment Share on other sites More sharing options...
BonPresta Posted August 18, 2017 Share Posted August 18, 2017 Hi, I have an issue with the block layered navigation module. When the filter is applied it filters the products the right way but the page shows all the subcategories thumbs first so you don't see the products that are filtered first. When I reload the page manualy it scrolls to the products like I want it to. Is this a .js caching issue or something like that? Here's an example link of my shop: https://detoyboys.nl/en/22-batman In the theme the js folder, find the file global.js and at the very end of the file add this code $(document).ready(function(){ $('.layered_filter input').click(function(e) { e.stopPropagation(); $.scrollTo('#product_list', 400); }); }); Link to comment Share on other sites More sharing options...
detoyboys Posted August 27, 2017 Author Share Posted August 27, 2017 In the theme the js folder, find the file global.js and at the very end of the file add this code $(document).ready(function(){ $('.layered_filter input').click(function(e) { e.stopPropagation(); $.scrollTo('#product_list', 400); }); }); Thanks for you reply. I added the code to global.css at the bottom but this resulted in the filter not working at all. Link to comment Share on other sites More sharing options...
BonPresta Posted August 27, 2017 Share Posted August 27, 2017 Thanks for you reply. I added the code to global.css at the bottom but this resulted in the filter not working at all. you need to add to the file - global.js Link to comment Share on other sites More sharing options...
detoyboys Posted August 27, 2017 Author Share Posted August 27, 2017 you need to add to the file - global.js Sorry, I ment global.js Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now