not_found.liquid

Objetos disponíveis neste template

Objeto	Tipo	Disponibilidade
{{ current_shop }}	Objeto global	Sempre disponível
{{ template }}	Objeto global	Sempre disponível (retorna "not_found")

A Olist Ecommerce disponibiliza um template de página para Página não encontrada. Essa página fica disponível quando clientes tentam acessar URLs compostas que não existem.

Para utilizar esse template você deverá adicionar na raiz da pasta liquid do seu projeto o arquivo not_foud.liquid:

{% head %}
  <title>Página não encontrada.</title>
  <link rel="stylesheet" type="text/css" href="/pages/not_found_above.css" inline>
{% endhead %}

<div class="not-found container-fluid">
  <h1 class="title">Página não encontrada :(</h1>
  <p class="description">Desculpe, mas não localizamos a página. Por favor, verifique o endereço digitado, ou continue navegando pelo site.</p>
  <a href="/" class="btn">Continuar no site</a>
</div>

Caso deseje estilizar o layout da página, adicione o arquivo not_found.scss abaixo na raiz da pasta sass:

.not-found {
  max-width: 1440px;
  margin-top: 150px;
  margin-bottom: 150px;
  padding-left: 10%;
  padding-right: 10%;

  > .title {
    margin-bottom: 50px;
  }

  > .description {
    margin-bottom: 25px;
  }
}

📘

Se sua loja foi criada após novembro de 2022, é possível que o seu projeto já possua essa página por default. Confira se seu projeto possui esses arquivos antes de alterá-los.