Magento – Disable page cache for a single block

cachingcustom blockfull-page-cachemagento-2.0.7magento2

I have created a new block to sit on the product detail page which contains dynamic content (the customer's recently-viewed products) that should not be cached. How can I switch off caching for that particular block?

I've tried the method mentioned in How to disable the cache for the block in Magento 2?, setting _isScopePrivate to false. That doesn't work, the block is still cached.

I have also tried disabling the cache for the whole page, which is not what I want but thought I'd see what happened. The page is still cached.

I have cleared out all folders under var and pub/static as well as running cache:clean. I have checked and the generated XML file definitely has cacheable="false" on the new block. But the page is still cached. This makes me think there is something else I'm missing.

Best Answer

You can't disable single block cache like in magento 1,

Magento recommends handling customer related data via ajax.

So you need to create an api endpoint or section data and use javascript to retrieve the data and load it on front :)

https://amasty.com/blog/how-to-use-sections-in-magento-2/

Related Solutions

Magento – Magento 2: Cacheable false for specific block not working

cacheable=false on a block makes whole page not cacheable. This is how it is designed, so no problem here.

As for your goal - you want to render user-specific content as part of cached page. Such content should not be rendered on server. It should be retrieved from server using customer data JS api (see mini shopping cart), and rendered using JS.

Alternatively you can redirect user to proper country page based and not care about it on magento side.

Magento – Magento 2: How to disable caching for the header block

The customer specific data(private data) is not a part of the public content, so there is no need to disable caching using cacheable attribute.

Regarding the issue, the proper section of documentation is http://devdocs.magento.com/guides/v2.2/extension-dev-guide/cache/page-caching/private-content.html

The private data is stored in browser local storage. This data is cleaned up using the rules described in section.xml files. For your case, the xml will be like following:

<action name="customer/account/logout"/>
<action name="customer/account/loginPost"/>
<action name="customer/account/createPost"/>
<action name="customer/account/editPost"/>
<action name="customer/ajax/login">
    <section name="checkout-data"/>
    <section name="cart"/>
</action>

It means that browser will flush the data in local storage on every POST request to the urls described above (except /customer/ajax/login - for this case Magento do only partial cleanup). So, to fix your issue you need to check:

The login URL is present in some section.xml file. If no, just add it in custom module
Your Magento instance uses POST request to login URL
Make sure you don't have any JS errors in the browser console, which might prevent JS from cleaning the local storage
Make sure that private data is not a part of the public content. It must be delivered only using section sources

Best Answer

Related Solutions

Magento – Magento 2: Cacheable false for specific block not working

Magento – Magento 2: How to disable caching for the header block

Related Topic