Mostrar a Shop Promise na página do produto

Pedidos qualificados enviados nos Estados Unidos em cinco dias corridos ou menos aparecem com o selo Shop Promise nas páginas dos produtos e ao lado da data prevista para o recebimento. Assim, você mostra aos clientes que oferece entrega rápida e confiável.

Depois de ativar a Shop Promise, acesse a página do produto pelo editor de temas para confirmar se o selo aparece corretamente.

Caso contrário, será necessário posicionar de modo manual o módulo Shop Promise.

Posicionar manualmente o módulo Shop Promise

Se você souber como ler e editar o código do tema, identifique onde fazer as alterações e atualize a página do produto.

Identificar onde fazer as alterações

O código para o módulo Shop Promise precisa ser incluído no formulário em questão na página do produto, semelhante a {%- form 'product', product -%}. Esse recurso pode ser encontrado em diversos locais de acordo com o tema; estes são os mais comuns:

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

Dica

Se você usa um tema da Shopify, mas não sabe ler nem editar o código, entre em contato com nosso atendimento ao cliente para fazer a atualização. Saiba mais sobre a Política de design da Shopify. Se você usa um tema de terceiros, entre em contato com o desenvolvedor responsável ou contrate um Especialista.

Atualizar a página do produto

Dica

Antes de fazer as alterações, duplique o tema e modifique a cópia. Dessa maneira, será fácil reverter todas as alterações, se necessário.

Etapas:

Desktop

1. No admin da Shopify, acesse Loja virtual > Temas.

2. Encontre o tema que deseja editar, clique no botão ... para abrir o menu de ações e depois em Editar código.

iPhone

1. No app da Shopify, toque em Loja.

2. Na seção Canais de vendas, toque em Loja virtual.

3. Toque em Gerenciar temas.

4. Encontre o tema que deseja editar, clique no botão ... para abrir o menu de ações e depois em Editar código.

Android

1. No app da Shopify, toque em Loja.

2. Na seção Canais de vendas, toque em Loja virtual.

3. Toque em Gerenciar temas.

4. Encontre o tema que deseja editar, clique no botão ... para abrir o menu de ações e depois em Editar código.

1. Abra o arquivo relevante.

2. Encontre a linha que contém {%- if block.settings.show_dynamic_checkout -%} ou {{ form | payment_button }}.

3. Crie uma nova linha logo abaixo de {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} e cole o seguinte código nela:

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

1. Clique em Salvar.

O resultado final será parecido com este:

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