Dynamic payment button not working with Search & Discovery apps

Store Design
,
1

Hi!
I’m using the dawn 7.0 theme and the Search & Discovery app. This theme does not have an add to cart button and a payment button in the collection.
I have already added buttons in the collections, but after applying the filter (Search & Discovery), the text disappears from the buttons.
Anyone have any ideas how to fix this?

Website URL (link)

Before filtering:

Before filtering
Before filtering2842×1496 636 KB

After filtering:

After filtering
After filtering2852×1430 445 KB

(UPDATE)

I tried this page reload option. Then the buttons started working.
Perhaps there is a better solution?

<script>
// Function to detect changes in the URL (assuming your app modifies the URL when filters are applied)
function detectUrlChange() {
  const currentUrl = window.location.href;

  setInterval(function () {
    const newUrl = window.location.href;

    if (newUrl !== currentUrl) {
      // Reload the page if the URL has changed
      location.reload();
    }
  }, 1000); // Check every 1 second for URL changes
}

document.addEventListener('DOMContentLoaded', function () {
  // Call the URL change detection function when the page loads
  detectUrlChange();
});
</script>
2

HI @vevgeniy85
Dynamic button only appears when page load,

While using filters pages not reloading, please try to reload the page once filter selected,
Then button will work fine.

3

Thanks for the answer! Yes, I noticed that the buttons are loaded after I refresh the collection page