Search block customization with code

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Locate the search bar and product prices
        var searchBar = document.querySelector('.squarespace-search');
        var productPrices = document.querySelectorAll('.product-price'); // Update this selector

        // Add prices to the search results
        productPrices.forEach(function(price) {
            searchBar.innerHTML += '<div>' + price.textContent + '</div>';
        });
    });
</script>

I can’t get this to work can somebody please help me, I’m doing this from a iPad so i can’t view the browsers Developers tool. I would simply like to show the price next to products in the search block

https://tarantula-buffalo-h2sj.squarespace.com/cash-pro-rennes

Many Thanks 

Jacob 

@Jsim Can you share your site password?

Cash24

@Jsim what page is this on? I don't see a search bar at least on the pages listed in your navigation unless I'm missing it somehow?

Hi sorry this is the page but its behind the « paywall » 

https://tarantula-buffalo-h2sj.squarespace.com/new-page

If i move the page outside of the paywall will this help ? 

Very much appreciated your help!

I'm still getting a site password when I click your link. Can you share that? Or dm me if you don't want to post it here