Tengo estas 2 URL de una página hecha en WordPress + WooCommerce
https:// paginaweb.com/finalizar-compra/
https:// paginaweb.com/finalizar-compra/order-pay/874/?key=wc_order_dFD88wKOHAwWW
La primera URL es estática y la segunda cambia con cada pedido nuevo a partir de "order-pay/"
He intentado con el siguiente código que esconda un DIV cuando la URL contiene "order-pay"
<div id="mydiv">LOREM IPSUM</div>
<script type="text/javascript">
if (window.location.href.indexOf("order-pay") != -1) {
$("#mydiv").hide();
}
</script>
Pero se muestra en las dos páginas indistintamente.
Cabe destacar que el código de la página finalizar compra estática también se carga en order-pay/... por ello quiero que el div que muestro en finalizar-compra cuando esta cambie a la URL finalizar-compra/order-pay/... desaparezca.
if is_wc_endpoint_url( 'order-pay' )
y ahi meter un css inline o directamente no imprimir el div