Como utilizar o app Product Reviews

Esta página foi impressa em Apr 16, 2024. Para a versão mais recente, acesse https://help.shopify.com/pt-BR/manual/products/product-reviews/installation.

Você pode adicionar formulários de avaliação às suas páginas de produto e selos de pontuação de avaliação às suas páginas de coleção e produto. As etapas do tutorial variam conforme a versão da arquitetura do tema. Siga as instruções com base na versão da arquitetura de tema para adicionar elementos de avaliação à sua loja virtual.

Nesta página

Temas da Online Store 2.0

Você pode adicionar avaliações, incluir um formulário de avaliação e exibir avaliações por estrelas nos temas da Online Store 2.0.

Adicionar avaliações e um formulário de avaliação nos temas da Online Store 2.0

Há duas maneiras de adicionar o bloco de app das avaliações e do formulário de avaliação: como uma seção no modelo do produto ou como um bloco na seção do produto principal do modelo. Essas opções estão disponíveis em todos os temas da Online Store 2.0 da Loja de temas da Shopify, e é possível incluí-las em outros modelos ou seções, conforme o tema.

Adicionar avaliações e o formulário de avaliação como uma seção

  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Navegue até o modelo de produto em que você quer adicionar a seção de avaliação e de formulário de avaliação.
  4. Clique em Adicionar seção.
  5. Na seção Apps do menu suspenso, selecione o bloco Avaliações.
  6. Opcional: mova a seção do app até a posição em que ela deve ficar na página.
  7. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Editar.
  6. Navegue até o modelo de produto em que você quer adicionar a seção de avaliação e de formulário de avaliação.
  7. Clique em Adicionar seção.
  8. Na seção Apps do menu suspenso, selecione o bloco Avaliações.
  9. Opcional: mova a seção do app até a posição em que ela deve ficar na página.
  10. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Editar.
  6. Navegue até o modelo de produto em que você quer adicionar a seção de avaliação e de formulário de avaliação.
  7. Clique em Adicionar seção.
  8. Na seção Apps do menu suspenso, selecione o bloco Avaliações.
  9. Opcional: mova a seção do app até a posição em que ela deve ficar na página.
  10. Clique em Salvar.

Adicionar avaliações e o formulário de avaliação como bloco

  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Navegue até a página e a seção em que você quer adicionar o bloco de avaliação e formulário de avaliação.
  4. Clique em Adicionar bloco.
  5. Na seção Apps do menu suspenso, selecione o bloco Avaliações.
  6. Opcional: mova o bloco Avaliações até a posição em que ele deve ficar na seção.
  7. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Editar.
  6. Navegue até a página e a seção em que você quer adicionar o bloco de avaliação e formulário de avaliação.
  7. Clique em Adicionar bloco.
  8. Na seção Apps do menu suspenso, selecione o bloco Avaliações.
  9. Opcional: mova o bloco Avaliações até a posição em que ele deve ficar na seção.
  10. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Editar.
  6. Navegue até a página e a seção em que você quer adicionar o bloco de avaliação e formulário de avaliação.
  7. Clique em Adicionar bloco.
  8. Na seção Apps do menu suspenso, selecione o bloco Avaliações.
  9. Opcional: mova o bloco Avaliações até a posição em que ele deve ficar na seção.
  10. Clique em Salvar.

Adicionar avaliações por estrelas nos temas da Online Store 2.0

As avaliações por estrelas podem ser adicionadas como um bloco na seção do produto principal do modelo. Essa opção está disponível em todos os temas da Online Store 2.0 da Loja de temas da Shopify, e é possível incluí-la em outros modelos ou seções, conforme o tema.

Etapas:

  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar e clique em Personalizar.
  3. Acesse a página e a seção em que você quer adicionar a avaliação por estrelas.
  4. Clique em Adicionar bloco.
  5. Na seção Apps do menu suspenso, selecione o bloco Avaliação por estrelas.
  6. Opcional: mova o bloco Avaliação por estrelas para a posição em que ele deve ficar na seção ou personalize a cor, o tamanho, o alinhamento e o contexto das estrelas.
  7. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Editar.
  6. Acesse a página e a seção em que você quer adicionar a avaliação por estrelas.
  7. Clique em Adicionar bloco.
  8. Na seção Apps do menu suspenso, selecione o bloco Avaliação por estrelas.
  9. Opcional: mova o bloco Avaliação por estrelas para a posição em que ele deve ficar na seção ou personalize a cor, o tamanho, o alinhamento e o contexto das estrelas.
  10. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em Gerenciar todos os temas.
  4. Encontre o tema que você quer editar e toque em Personalizar.
  5. Toque em Editar.
  6. Acesse a página e a seção em que você quer adicionar a avaliação por estrelas.
  7. Clique em Adicionar bloco.
  8. Na seção Apps do menu suspenso, selecione o bloco Avaliação por estrelas.
  9. Opcional: mova o bloco Avaliação por estrelas para a posição em que ele deve ficar na seção ou personalize a cor, o tamanho, o alinhamento e o contexto das estrelas.
  10. Clique em Salvar.

Temas com seções vintage

Você pode adicionar avaliações, incluir um formulário de avaliação e exibir selos de pontuação de avaliações em várias páginas em temas com seções vintage.

Adicionar comentários e o formulário de avaliação à sua página de produto em temas com seções

  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  3. No diretório Seções, abra product-template.liquid.
  4. Encontre a área no código em que você quer exibir suas avaliações. Geralmente, ela fica abaixo da descrição do produto. Para localizar a descrição do produto no arquivo, procure a tag do Liquid {{ product.description }}.
  5. Abaixo do código que contém a tag do Liquid {{ product.description }}, copie o seguinte snippet de código: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  5. No diretório Seções, abra product-template.liquid.
  6. Encontre a área no código em que você quer exibir suas avaliações. Geralmente, ela fica abaixo da descrição do produto. Para localizar a descrição do produto no arquivo, procure a tag do Liquid {{ product.description }}.
  7. Abaixo do código que contém a tag do Liquid {{ product.description }}, copie o seguinte snippet de código: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  5. No diretório Seções, abra product-template.liquid.
  6. Encontre a área no código em que você quer exibir suas avaliações. Geralmente, ela fica abaixo da descrição do produto. Para localizar a descrição do produto no arquivo, procure a tag do Liquid {{ product.description }}.
  7. Abaixo do código que contém a tag do Liquid {{ product.description }}, copie o seguinte snippet de código: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Clique em Salvar.

Adicionar selos de pontuação de avaliações às suas páginas de coleções em temas com seções

  1. No seu admin da Shopify, vá para loja virtual > temas.
  2. Encontre o tema que você quer editar e clique no botão … > Editar código.

  3. No diretório Snippets, abra o arquivo product-grid-item.liquid. Em alguns temas, o arquivo tem um nome diferente. Se não puder localizar product-grid-item.liquid, procure uma das seguintes opções:

    • product-card-grid.liquid
    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquid
    • product-item.liquid

  4. Encontre a área no código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ product.title }}.

  5. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.

Adicionar selos de pontuação de avaliações à sua página de produto em temas com seções

  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  3. No diretório Seções, abra product-template.liquid.
  4. Encontre a área no código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ product.title }}.
  5. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  5. No diretório Seções, abra product-template.liquid.
  6. Encontre a área no código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ product.title }}.
  7. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  5. No diretório Seções, abra product-template.liquid.
  6. Encontre a área no código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ product.title }}.
  7. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.

Adicionar selos de pontuação de avaliações ao produto em destaque nos temas com seções

  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  3. No diretório Seções, abra o arquivo featured-product.liquid.
  4. Encontre a área no snippet de código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ title }}. Se não encontrar a tag {{ title }}, procure a tag {{ product.title }}.
  5. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  5. No diretório Seções, abra o arquivo featured-product.liquid.
  6. Encontre a área no snippet de código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ title }}. Se não encontrar a tag {{ title }}, procure a tag {{ product.title }}.
  7. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  5. No diretório Seções, abra o arquivo featured-product.liquid.
  6. Encontre a área no snippet de código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ title }}. Se não encontrar a tag {{ title }}, procure a tag {{ product.title }}.
  7. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.

Temas sem seções vintage

Você pode incluir avaliações ou um formulário de avaliação e exibir selos de pontuações de avaliação em várias páginas em temas sem seções vintage.

Adicionar avaliações e o formulário de avaliação à sua página de produto em temas com seções

  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  3. No diretório Modelos, abra product.liquid.
  4. Encontre a área no código em que você quer exibir suas avaliações. Geralmente, ela fica abaixo da descrição do produto. Para localizar a descrição do produto no arquivo, procure a tag do Liquid {{ product.description }}.
  5. Abaixo do código que contém a tag do Liquid {{ product.description }}, copie o seguinte snippet de código: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  5. No diretório Modelos, abra product.liquid.
  6. Encontre a área no código em que você quer exibir suas avaliações. Geralmente, ela fica abaixo da descrição do produto. Para localizar a descrição do produto no arquivo, procure a tag do Liquid {{ product.description }}.
  7. Abaixo do código que contém a tag do Liquid {{ product.description }}, copie o seguinte snippet de código: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  5. No diretório Modelos, abra product.liquid.
  6. Encontre a área no código em que você quer exibir suas avaliações. Geralmente, ela fica abaixo da descrição do produto. Para localizar a descrição do produto no arquivo, procure a tag do Liquid {{ product.description }}.
  7. Abaixo do código que contém a tag do Liquid {{ product.description }}, copie o seguinte snippet de código: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Clique em Salvar.

Adicionar selos de pontuação de avaliações às suas páginas de coleções em temas sem seções

  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.

  3. No diretório Snippets, abra product-grid-item.liquid. Em alguns temas, o arquivo tem um nome diferente. Se não puder localizar product-grid-item.liquid, procure uma das seguintes opções:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidSe o tema não incluir nenhum dos arquivos acima, você poderá encontrar o código de grade do produto no arquivo collection.liquid do diretório Modelos directory.

  4. Encontre a área no código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ product.title }}.

  5. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.

  5. No diretório Snippets, abra product-grid-item.liquid. Em alguns temas, o arquivo tem um nome diferente. Se não puder localizar product-grid-item.liquid, procure uma das seguintes opções:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidSe o tema não incluir nenhum dos arquivos acima, você poderá encontrar o código de grade do produto no arquivo collection.liquid do diretório Modelos directory.

  6. Encontre a área no código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ product.title }}.

  7. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.

  5. No diretório Snippets, abra product-grid-item.liquid. Em alguns temas, o arquivo tem um nome diferente. Se não puder localizar product-grid-item.liquid, procure uma das seguintes opções:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidSe o tema não incluir nenhum dos arquivos acima, você poderá encontrar o código de grade do produto no arquivo collection.liquid do diretório Modelos directory.

  6. Encontre a área no código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ product.title }}.

  7. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.

Adicionar selos de pontuação de avaliações à sua página de produto em temas sem seções

  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  3. No diretório Modelos, abra product.liquid.
  4. Encontre a área no código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ product.title }}.
  5. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  5. No diretório Modelos, abra product.liquid.
  6. Encontre a área no código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ product.title }}.
  7. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.
  1. No app da Shopify, toque no botão ….
  2. Na seção canais de vendas, toque em loja virtual.
  3. Toque em gerenciar temas.
  4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
  5. No diretório Modelos, abra product.liquid.
  6. Encontre a área no código em que você quer exibir os selos de pontuação de avaliações. Geralmente, ela fica abaixo do título do produto. Para localizar o título do produto no arquivo, procure a tag do Liquid {{ product.title }}.
  7. Em uma nova linha abaixo do código que contém a tag do Liquid {{ product.title }}, cole o seguinte snippet de código: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Clique em Salvar.

Tudo pronto para começar a vender com a Shopify?

Experimente de graça