Actualmente tengo un sitio web de WordPress, con Elementor Pro.

En este sitio web de WordPress, tengo una página que muestra una lista de productos en https://www.example.com/products , al hacer clic en un producto específico, se redirige a https://www.example.com/details/74398732hkjahd (identificación de producto).

La forma en que he hecho la redirección es esta.

 var config = {ID:"", SearchURL:"", DetailURL:""}; $(document).on("click", ".trademe-listing", function () { var id = $(this).find('p:eq(0)').text(); var curList = new Array(); var curImage = new Array(); var curFeatures = new Array(); for (i = 0; i < vehicles.length; i++) { if (vehicles[i].VehicleId == id) { curList.push(vehicles[i]); curImage.push(imagesVehicle[i]); curFeatures.push(features[i]); config.ID = vehicles[i].VehicleId; } } var list = JSON.stringify(curList); var img = JSON.stringify(curImage); var fea = JSON.stringify(curFeatures); sessionStorage.setItem("currentImages", img); sessionStorage.setItem("currentListing", list); sessionStorage.setItem("currentFeatures", fea); window.location = '../details/'+config.ID; });

Sin embargo, el problema que tengo es que al hacer esto obtengo "The page can't be found. It looks like nothing was found at this location."

Ya tengo una página HTML completa para mostrar el contenido y todos los datos del ID del producto en https://www.example.com/details . No estoy seguro de cómo hacer que la URL dinámica cargue el contenido de una página diferente y dónde se supone que debo colocar los datos para el producto específico.

Cualquier ayuda sería muy apreciada.