Mostrar Shop Promise en la página de producto

El distintivo de Shop Promise se muestra junto a las fechas de entrega y en las páginas de producto para las entregas elegibles que se estima que se realizarán en territorio nacional dentro de Estados Unidos en cinco días calendario o menos. Este distintivo indica a los clientes que su pedido incluye entrega rápida y confiable.

Después de activar Shop Promise, es recomendable que navegues hasta la página de producto usando el editor de temas para confirmar que se esté mostrando correctamente el distintivo de Shop Promise.

Si el distintivo no se muestra correctamente, deberás colocar manualmente el módulo de Shop Promise.

Colocar manualmente el módulo de Shop Promise

Si sabes cómo leer y editar el código de los temas, puedes identificar dónde hacer cambios y actualizar la página de producto.

Identificar dónde realizar cambios

El código para el módulo de Shop Promise debe incluirse en el formulario del producto en la página de producto, y tendrá un aspecto similar al siguiente: {%- form 'product', product -%}. El módulo de Shop Promise se puede encontrar en varios lugares en función del tema. Los siguientes son lugares comunes:

• main-product.liquid
• product-form.liquid
• product-template.liquid
• product.liquid

Consejo

Si no estás familiarizado con la lectura y edición del código del tema, y estás utilizando un tema de Shopify, puedes contactar a atención al cliente de Shopify para modificarlo. Obtén más información sobre la política de diseño de Shopify. Si estás usando un tema externo, puedes contactar al desarrollador de temas o contratar a un experto.

Modificar la página de producto

Consejo

Antes de realizar cualquier cambio, duplica tu tema y realiza cambios en el duplicado para que puedas revertir fácilmente cualquier cambio que realices.

Pasos:

Escritorio

1. Desde tu panel de control de Shopify, ve a Tienda online > Temas.

2. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

iPhone

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

Android

1. Desde la app de Shopify, toca Tienda.

2. En la sección Canales de ventas, selecciona Tienda online.

3. Toca Administrar temas.

4. Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.

1. Abre el archivo correspondiente.

2. Busca la línea que contiene {%- if block.settings.show_dynamic_checkout -%} o {{ form | payment_button }}.

3. Crea una nueva línea debajo de {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} y pega lo siguiente en ella:

<div class="delivery-promise__promise-container"></div>

1. Haz clic en Guardar.

El resultado debería ser similar al siguiente:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>