Set a default topic in Topic Block

Using Concrete / Help
1

I’ve been successfully using the Topic Block to allow users to filter sub pages based upon the topic selected. I’ve been asked to make the detail list shown be on one of the topics categories, and not the All Topics, that is currently is. I cannot see how I can define this using the existing Topics Block.

Any thoughts appreciated.

2

What are you using to display the “detail list”? If you’re only allowing one topic per page, you can use the Page Attribute Display block to show the topic set against the page.

3

I’m using it to filter subpages displayed in the Page List Block below it. It works really well, but I’ve now been asked if the default ‘show’ can be one of the options, not the ‘All’. If it helps the page is at Our Team :: GodFirst Church.

4

I fixed it by using a Moderna Theme page list block but it’s so vastly different than the core page list that I can’t figure out exactly how it works. Perhaps adding some JavaScript to inject a ‘click’ on the desired navigation element? (the code of which is above my pay grade)

5

Try this. Add a HTML block to the page and put this JavaScript in it. Change ‘.deacons’ to whatever you want. Don’t forget the ‘.’

<script>
  document.addEventListener("DOMContentLoaded", function() {
    setTimeout(function() {
      const targetDiv = document.querySelector("div[data-filter='.deacons']");
      if (targetDiv) {
        targetDiv.click();
      }
    }, 1000);
  });
</script>
6

That works perfectly. Thank you!
I actually use the Modena Theme, so wondering what you did to make that work.

7

I cloned the “Modena Filters Single Line” template for the Moderna Topic List block. Basically I added some JS code similar to what I provided here to automagically click on one of the choices after a 2 second pause. I also commented out the ‘All’ because the customer has 40-50 products so “All” is a bad idea at any time let alone the first choice. Honestly, if my solution provided here works then I’d leave it at that. If you want to get rid of the ‘All’ then I’d hide it with CSS. .isotope-filters-button{display:none}

dripless.com - scroll down the home page to the caulking guns. There is no ‘All’ there.

8

I agree - it works, and that is often all that matters.

1 Like