Lista de produtos

Página que exibe uma lista dos produtos de uma categoria específica, de uma busca, ou de todos os produtos da loja.

{{#list_page}}

Abertura da tag da página.

{{#each products}}

Iterar sobre os produtos da lista.

{{#with primary_image}}

Imagem principal do produto.

{{#each images}}

Iterar sobre todas as imagens do produto.

{{this}}

URL da imagem aberta.

{{title}}

Título do produto.

{{price_with_currency}}

Preço do produto.

{{#if in_stock}}

Mostra o conteúdo do blogo se o produto estiver em estoque. Aceita {{else}} para indicar que o produto está fora de estoque.

{{paginate}}

Paginação da lista.

{{#search_page}}

Mostra o conteúdo do blogo se a lista for resultado de uma busca.

{{search_term}}

Termo usado na busca.

{{#list_page}}

  {{#search_page}}
    {{search_term}}
  {{/search_page}}

  {{#each products}}

    {{url}}

    {{#with primary_image}}
      
    {{/with}}

    {{#each images}}
      
    {{/each}}

    {{title}}

    {{price_with_currency}}

    {{#if in_stock}}
      Produto em estoque
    {{else}}
      Produto fora de estoque
    {{/if}}

  {{/each}}

  {{paginate}}

{{/list_page}}

Produto

Página que exibe os detalhes de um produto.

{{#product_page}}

Abertura da tag da página do produto.

{{#with product}}

Abertura da tag do produto.

{{url}}

URL da página do produto.

{{#with primary_image}}

Imagem principal do produto.

{{#each images}}

Iterar sobre todas as imagens do produto.

{{this}}

URL da imagem aberta.

{{#add_to_cart}}

Abertura da tag com as informações do produto.

{{variations_select}}

Seletor de variações do produto.

{{price_with_currency}}

Preço do produto selecionado.

{{#if in_stock}}

Mostra o conteúdo do bloco se o produto estiver em estoque. Aceita {{else}} para indicar que o produto está fora de estoque.

{{#add_to_cart_button}}

Botão para adicionar o produto no carrinho. É exibido apenas se o produto estiver em estoque. Conteúdo do bloco define o texto do botão.

{{description}}

Descrição do produto.

{{#product_page}}

  {{#with product}}

    {{url}}

    {{#with primary_image}}
      
    {{/with}}

    {{#each images}}
      
    {{/each}}

    {{title}}

    {{#add_to_cart}}

      {{variations_select}}

      

        {{price_with_currency}}

        {{#if in_stock}}
          Produto em estoque
        {{else}}
          Produto fora de estoque
        {{/if}}
      

      {{#add_to_cart_button}}
        Adicionar ao Carrinho
      {{/add_to_cart_button}}

      {{{description}}}

    {{/add_to_cart}}

  {{/with}}

{{/product_page}}

Carrinho

Página que exibe o carrinho e o botão de fechamento de pedido.

{{#cart_page}}

Abertura da tag da página do carrinho.

{{information}}

Exibe informações sobre o carrinho.

{{#with cart}}

Exibe o carrinho.

{{#cart_form_tag}}

Abertura da tag do carrinho.

{{#each line_items}}

Iterar sobre os produtos do carrinho.

{{title}}

Título do produto.

{{#remove_line_item_link}}

Link para remover item do carrinho. Conteúdo do bloco define o texto do link.

{{#link_to_product}}

URL do produto.

{{unit_price}}

Preço da unidade do produto.

{{quantity_input_field}}

Quantidade de unidades do produto.

{{total_price}}

Valor total da quantidade do produto indicado quando dentro do bloco {{#each line_items}} ou valor total do carrinho quando dentro do bloco {{#cart_form_tag}}.

{{#submit_cart_form_tag}}

Botão para fechar pedido. Conteúdo do bloco define o texto do botão.

{{#cart_page}}

  {{information}}

  {{#with cart}}
    {{#cart_form_tag}}

      {{#each line_items}}

        {{title}}

        {{#remove_line_item_link}}
        {{/remove_line_item_link}}

        {{#link_to_product}}
        {{/link_to_product}}

        {{unit_price}}

        {{quantity_input_field}}

        {{total_price}}

      {{/each}}

      {{total_price}}

      {{#submit_cart_form_tag}}
      {{/submit_cart_form_tag}}

    {{/cart_form_tag}}
  {{/with}}

{{/cart_page}}

Customizada

Criar página customizada com qualquer conteúdo.

{{#nome_da_pagina_page}}

O nome da página é definido pelo termo que vem antes de _page. Se for necessário usar um termo que contenha espaços, o espaço deve ser substituído por um _ (underline) entre as palavras. Por exemplo: a página "Camisetas Masculinas" é definida pela presença da tag {{#camisetas_masculinas_page}}.

Não encontrada

Conteúdo de página não encontrada.

{{#not_found_page}}

Define o conteúdo exibido quando o usuário tenta acessar uma página que não existe.

Menu

Tags usadas para compor o menu, como links para as páginas da loja e campo de busca.

{{#each categories}}

Itera sobre as categorias.

{{#each children}}

Itera sobre as subcategorias.

{{#each pages}}

Itera sobre as páginas customizadas.

{{url}}

URL da categoria, subcategoria ou página.

{{label}}

Nome da categoria ou subcategoria.

{{title}}

Título da página.

{{#if is_current}}

Renderiza o conteúdo do bloco se a página da categoria ou subcategoria estiver sendo exibida.

{{products_url}}

URL da página com todos os produtos da loja.

{{cart_url}}

URL do carrinho.

{{#if cart_has_items}}

Renderiza o conteúdo do bloco se o carrinho possuir items.

{{cart_count}}

Número de ítens no carrinho.

{{search_form}}

Exibe formulário de busca de produtos.

{{#each categories}}

  {{url}}
  {{label}}

  {{#each children}}
    {{url}}
    {{label}}

    {{#if is_current}}
    {{/if}}
  {{/each}}

  {{#if is_current}}
  {{/if}}

{{/each}}

{{products_url}}

{{cart_url}}

{{#if cart_has_items}}
  {{cart_count}}
{{/if}}

{{#each pages}}
  {{url}}
  {{title}}
{{/each}}

{{search_form}}

Avisos

Informações para o usuário e o administrador da loja.

{{minestore_messages}}

Tag necessária para informar ações do usuários e quaisquer problemas ocorridos.

{{information}}

Tag que deve ser incluída dentro da {{#cart_page}} para informações sobre o carrinho.

Imagens

Controles de exibição de imagens no editor de temas da minestore.

{{resize_image imagem "larguraxaltura"}}

Você pode redimensionar qualquer imagem usando a tag resize_image. A imagem pode ser uma URL externa com aspas, um indicador de uma tag pai aberta com this ou uma imagem dinâmica inserida pelo editor de temas com a tag theme.nome_da_tag. O segundo parâmetro larguraxaltura define o tamanho da imagem e como ela é cortada.

Exemplos da tag

{{resize_image "https://www.google.com/images/srpr/logo11w.png" "400x300"}}

Renderiza a logo do Google para que caiba dentro de uma área de 400x300px.

{{resize_image theme.logo "400x"}}

Renderiza a logo do tema para que tenha 400px de largura.

{{#with primary_image}} <img src="{{resize_image this "x300"}}"> {{/with}}

Renderiza a imagem principal de um produto para que tenha 300px de altura.

Exemplos de usos da ferramenta de redimensionamento

'400x300'

Redimensionar mantendo a proporção.

'400x300!'

Forçar redimensionamento na proporção indicada.

'400x'

Redimensionar largura, mantendo a proporção.

'x300'

Redimensionar altura, mantendo a proporção.

'400x300<'

Redimensionar apenas se a imagem for menor do que o indicado.

'400x300>'

Redimensionar apenas se a imagem for maior do que o indicado.

'50x50%'

Redimensionar largura e altura para 50%.

'400x300#'

Redimensionar, cortar se necessário para manter a proporção (gravidade central).

'400x300#ne'

Redimensionar, cortar se necessário para manter a proporção (gravidade nordeste).

'400x300+50+100'

Cortar 400x300 do ponto 50 de largura e 100 de altura.