WAIT: Embedded templates do not update automatically after changes to the source template

Browser: Alle
Windows

I created a separate Bricks template for WooCommerce breadcrumbs and embedded this template on multiple pages/templates.

When I later edit the breadcrumbs template, for example:

Changing the background color Changing positioning Setting sticky / fixed positioning Changing the top value Changing the z-index Changing spacing

the changes are saved correctly in the original source template and are also visible there in the Bricks Builder.

However, in the frontend and in existing template embeds, the changes do not appear. The embedded instances continue to behave as if an older version of the template was still active.

The changes only appear correctly in the frontend after I manually remove the existing template embed on each affected page/template and then embed the same template again.

Expected Behavior

When a Bricks template is embedded via a template element, changes to the source template should automatically appear everywhere that template is embedded.

Actual Behavior

Existing embedded template instances do not update automatically. They have to be manually removed and embedded again on every page/template.

Steps to Reproduce

  1. Create a new Bricks template, for example “WooCommerce Breadcrumbs”.
  2. Add a breadcrumbs element or breadcrumbs section to that template.
  3. Embed this template via a template element into a page or WooCommerce template.
  4. Check the frontend: the template is displayed.
  5. Edit the source template “WooCommerce Breadcrumbs”, for example change the background color or set the position to fixed.
  6. Save the template.
  7. Reload the frontend page, including clearing cache / hard reload.
  8. The change does not appear.
  9. Remove the template embed from the page/template and insert the same template again.
  10. The change now appears correctly.

Impact

This makes reusable templates difficult to maintain. Especially for global elements such as breadcrumbs, info bars, or reusable WooCommerce blocks, every change has to be manually re-embedded on all pages/templates. This is error-prone and does not match the expected behavior of centrally managed reusable templates.

Additional Information

The issue was discovered because even very obvious changes, such as a new background color or position: fixed, had no effect in the frontend. After removing and re-embedding the exact same template, the same changes became visible immediately.

Hey @Schoepi,

first, welcome to the forum :partying_face:

As for your issue, I was unable to replicate it locally :thinking: I’ve tested with inline CSS styles and with external files for CSS. Can you replicate it on try.bricksbuilder.io, or if you can share a login credentials with us, so I can check on your website (please create a staging if it’s already live) and send it to help@bricksbuilder.io using the email that you used for Bricks purchase.

Thank you,
Matej

Hi Matej,

thank you for looking into this.

I have now sent the login credentials for the staging site to help@bricksbuilder.io using the same email address that I used for my Bricks purchase.

I would appreciate it if you could take a look and let me know if you are able to reproduce the issue.

Thank you for your support.

Best regards,
Schoepi

Hi @Schoepi,

I replied yesterday, so please check the email if you recieved my response :slight_smile:

Best regards,
Matej