how to change the shop amount $0.00 to POA

Hi

I have managed to change my product page amount to POA aswell as remove the add to cart. BUT on my shop page, the item shows as $0.00. How do i add code so my shop product page for the item also shows POA.

This is the code i inputted into CSS.

.tag-poa > .ProductItem-summary .product-price:before {
  content: 'POA'; /* Use your wording here */
  visibility: visible;
}

/* Hide the price on PDP and PLP */
.tag-poa > .ProductItem-summary .product-price, .grid-item.tag-poa > .grid-meta-wrapper .product-price {
  visibility: hidden;
}

/* Hide the add-to-cart button */
.tag-poa > .ProductItem-summary .ProductItem-details {
  .sqs-add-to-cart-button-wrapper, .product-quantity-input {
  display: none;
  }
}

this is the link to the product i am trying to show as POA in SHOP.

https://www.sydneywheelrepair.com.au/shop/p/hairline-crack-wheel-repair

Thank you

Regards

Denis

Quote

this is the link to the product i am trying to show as POA in SHOP.

It appears to be working to me.

only once you've clicked on the product. but i'm talking about the Shop landing  page...

you are awesome! works perfectly!

Thank you!