Dynamic Module on the homepage

[MartinKadolis]

Hello,

We have a wishlist module with two template on the homepage.

One of the template is ok (The number of product in our wishlist display in the menu. The number is not cached and changes when you add / remove a product in your wishlist)

But the button to add / remove a product in the wishlist is cached and never change.

It's called from a hook using the renderWidget function :

public function renderWidget($hookName = null, array $params = [])
    {
        switch($hookName) {
            case 'displayNav':
                //Fetch the .tpl file to show how many product is in the wishlist with the correct information
                break;
            case 'displayAfterThumbnailProduct':
                //fetch the .tpl fil to display the add to wishlist button with different state
                break;
            default:
                //just is case
                return 'ko';
        }
    }

How it should look :



But the "heart button" to add on wishlist never change his state. If I click on the second product "heart button" and refresh, the heart will still being empty

How can I exclude this from being cached ?

Thank you for your help !

 

[serpent_driver]

That could be tricky, but you can try to solve it with a new ESI block in customize tab of plugin settings. Add new ESI block and search for the module name in form select. If it exists select private and leave TTL blank.

 

[MartinKadolis]

When I add an ESI block, the first time the hook is called the template is cached, so if the first product is in the wishlist, all the heart will be filled with the information from the first product on all the other product.

Here I have only the first product in my wishlist, but all the heart are filled :



The source code for all the heart button are like this :

The "data-id_product" and data-id_product_attributye" should changes.

I hope you understand, thank you !

 

[serpent_driver]

The "data-id_product" and data-id_product_attributye" should changes.

These attributes are not the problem. data-url is the primary reason and in my mind if https://www.kadolis.com/fr/wishlist-ajax request will be excluded from being cached it should work. Only the cache plugin is the problem. It has no functions to exclude URLs from being cached, so it must be done with .htaccess.

Add this code to your .htaccess and look if it works.

RewriteCond %{REQUEST_URI} \/wishlist-ajax [NC]
RewriteRule .* - [E=Cache-Control:no-cache]

 

[MartinKadolis]

Thank you, I can add / remove product in the wishlist now !

But the "selected" class should not be cached nether... Is there a way ?

 

[serpent_driver]

Thank you, I can add / remove product in the wishlist now !

But the "selected" class should not be cached nether... Is there a way ?

No, this should/must be done by the wishlist module on the fly. CSS classes can't be excluded. It is part of html code like each other html tags.

 

[MartinKadolis]

It is done on the fly, inside the "renderWidget" function, but the module cache the result

 

[serpent_driver]

Let me take a closer look on it. For testing I will create an account to see how it works, but I am just busy and must do it later in the evening. Have you disabled the cache plugin?

 

[MartinKadolis]

On our production site the plugin is not installed, it's just on the preprod for the moment

 

[serpent_driver]

Okay, how can I access to the page where the module is installed?

 

[MartinKadolis]

Preprod is filtered with IP address, you can MP me you IP address and I'll give you the URL

 

[serpent_driver]

It is done on the fly, inside the "renderWidget" function, but the module cache the result

If you add a new ESI block for the wishlist module will the result be updated?

 

[MartinKadolis]

Nop, the ESI block work for the template in the "displayNav" hook, but the "displayAfterThumbnailProduct" hook act strangely

The first time this hook is called it cache the template so it never change the other time it's called

 

[serpent_driver]

Okay, other try..... If you define a new ESI block for displayNav the complete template for Nav should be excluded from being cached. That should work, but will rise up page loading time.

 

[MartinKadolis]

Here is the ESI block :


With this config the "displayNav" hook is not cached so it's cool.
But the "displayAfterThumbnailProduct" is in the cache

 

[serpent_driver]

But the "displayAfterThumbnailProduct" is in the cache

Sorry, I have no more information about this plugin and what else can be done to solve it. I am not the developer of this plugin. To get support for cache plugin you should open a support ticket.

 

[MartinKadolis]

Okay, thank you very much for your help !