Hide Google Maps in checkout extensibility

[LEVITATE-Agency]

Hey guys,
in the past I was able to hide the Google Maps map on the checkout thank you page through an additional checkout script, where I wrote CSS "display: none" for the map.

Now we've upgraded to checkout extensibility and the additional checkout scripts are no longer available. I know, that we can add customer events for the checkout and I assume, that there should be the possibility to hide the map, but I wasn't able to figure out the code.

Has anybody here already solved that, so that we can hide the map on the thank you page?

Best wishes from Germany, Niclas

[Danish864]

hi @LEVITATE-Agency 

Please try this css code

._1fragem1y._1fragemlj {
    opacity: 0; /* Makes the parent element invisible */
    pointer-events: none; /* Disables interaction with the parent */
    position: relative;
}

._1fragem1y._1fragemlj > * {
    opacity: 1; /* Keeps the child elements visible */
    pointer-events: auto; /* Re-enables interaction with children */
    position: relative;
    z-index: 1; /* Ensures children are displayed above the parent */
}

If i managed to help then please like and accept this as solution. Thank you

[LEVITATE-Agency]

Hello @Danish864 , thank you for the quick reply.

I've added a new customer event and inserted the code you provided, however it doesn't let me save the pixel and shows an error for the first part of the code.

[Danish864]

can you give me access to the store?

[LEVITATE-Agency]

Thank you for the offer, but this a store of one of our clients, so I'm afraid I can't just give out access...