Forum Discussion

keithkelly's avatar
keithkelly
Leader
2 years ago

Can I cache a component based on **parameter** ?

I have a component:    <component id="example-component" category="foo"/> <component id="example-component" category="bar"/> <component id="example-component" category="baz"/>     and I'd like...
  • Claudius's avatar
    Claudius
    2 years ago

    Yes, the calls to setCacheVariations are at the wrong place as far as I understand the doc (Big caveat: I never used it myself, so just interpreting the docs). They state:

    When you create custom variations of the markup cache:

    • Create a wrapper component
    • Define all variations in the wrapper component using componentCacheSupport
    • Call the child component to be cached from within the wrapper component using the component directive

    So you actually need two components:

    1. The wrapper component which sets the cache variation context object by calling something like the following (if you only include this component on a category page as in that case the node's id is the category id. If you want to include the component elsewhere you first need to Get ID of current category )

     

     ${componentCacheSupport.setCacheVariation("category_var", coreNode.id)}​

     

    • Your actual component which gets cached and which just refers to that variation as you already have it shared in your

     

    <@liaMarkupCache​>

     

    🤞

keithkelly's avatar
keithkelly
Leader

Thanks for taking the time to reply.

I tried that last night and this morning after your message, but I probably tried wrongly.  Perhaps I'm putting one of the bits in the wrong place?

Additional context:

<#if !user.anonymous>  
  <@liaMarkupCache ttl="30000" variation="category_var" anonymousOnly="false" />

  <#assign category_val = env.context.component.getParameter("category")!"" />

  <#-- If category was passed in via param -->
  <#if category_val != ""> 
    ${componentCacheSupport.setCacheVariation("category_var", category_val)}
    
    <div class="dc-cats-boards">
      (do stuff)
    </div>   

  </#if>
</#if>

 

Are those two cache lines in the wrong places?

Claudius's avatar
Claudius
Boss
2 years ago

Yes, the calls to setCacheVariations are at the wrong place as far as I understand the doc (Big caveat: I never used it myself, so just interpreting the docs). They state:

When you create custom variations of the markup cache:

  • Create a wrapper component
  • Define all variations in the wrapper component using componentCacheSupport
  • Call the child component to be cached from within the wrapper component using the component directive

So you actually need two components:

  1. The wrapper component which sets the cache variation context object by calling something like the following (if you only include this component on a category page as in that case the node's id is the category id. If you want to include the component elsewhere you first need to Get ID of current category )

 

 ${componentCacheSupport.setCacheVariation("category_var", coreNode.id)}​

 

  • Your actual component which gets cached and which just refers to that variation as you already have it shared in your

 

<@liaMarkupCache​>

 

🤞