Quiero mostrar una versión modificada de la página de un producto, por ejemplo, algo tan simple como no mostrar el botón de compra, basado en una validación/comprobación externa. en teoría, no es tan complicado, pero estoy atascado.

Esto es lo que sé/veo/entiendo. En código líquido, hay plantillas -> secciones product.json -> main-product.liquid

Creé plantillas -> product.alternate.json (un duplicado de product.json menos el botón de compra) fragmentos -> alternate-product.liquid (que es solo content_for_layout)

cambios en template.liquid para manejar la plantilla de un producto

Si cambio la plantilla del producto a alternativa, mi fragmento se carga correctamente y el producto alternativo sin el botón de compra se muestra correctamente.

Cambio alter-product.liquid para hacer una llamada ajax para obtener el proxy de la aplicación.

En el proxy de la aplicación que he probado

• devolviendo los mismos datos que product.json, el tipo de contenido líquido no mostró nada en el cuerpo (el encabezado y el pie de página están ahí)
• usando el token de acceso al sitio para obtener un producto codificado por id y devolviendo este json (json de tipo de contenido), igual, es solo encabezado y pie de página.

Lo que estoy tratando de hacer es usar $.get('/apps/s/serve/some-unique-id') que representará el json/liquid correcto que se muestra o no, el botón comprar ahora " some-unique-id" es una identificación del lado del cliente.

Sé que podemos crear manualmente las etiquetas HTML necesarias del lado del servidor y enviarlas, pero esto no usa el tema/estilo que ya se aplicó para el resto del sitio de Shopify.