-
Neste tutorial veremos como adicionar a possibilidade de usar uma imagem diferente do logo da loja ao compartilhar o link de sua página inicial ou de uma categoria. Essa imagem, tecnicamente conhecida como imagem OG (Open Graph Image), é a utiliz...
-
Com a crescente prolifeiração de dispositivos móveis, muitas das interações de nossos websites precisam ser reformuladas. Uma delas é o evento "hover" . Ele é a ação de posicionar o cursor do mouse sobre um elemento, sem clicar. O evento hover acom...
-
Last Updated: 20/10/2026
in Funcionalidades e FAQs FAQs Os compradores de sua loja podem criar uma conta para poder ver o status de seus pedidos. Para incluir os links necessários em sua loja você apenas precisa colocar o seguinte código:
{% if 'mandatory' not in store.customer_accounts %}
...
-
Neste tutorial vamos adicionar um componente na página inicial para mostrar as categorias. HTML A primeira coisa que vamos fazer é criar as pastas home e navigation dentro da pasta snipplets, se você ainda não as tiver. 1. Dentro da pasta s...
-
Last Updated: 25/01/2019
in Nosso código Objetos Este objeto traz as informações referentes aos produtos da loja. brand: Nome da marca do produto. name: Nome do produto. price: Preço do produto em centavos (dessa forma, se o preço for de R$100,00 o valor de price será 10000). Se compare_at_pri...
-
Dentro do seu administrador você pode criar menus para incluir links que podem ser categorias, páginas de conteúdo, links externos etc. Estes menus podem ser independentes ou podem serem incluídos em outros menus como sub-menus.
É possível ac...
-
Last Updated: 20/10/2026
in Funcionalidades e FAQs FAQs Comprender como seu site fica em termos de velocidade, é muito importante para saber onde pode aplicar mudanças. Na Nuvem Shop usamos duas ferramentas do Google para medir a velocidade: PageSpeed e Lighthouse . As duas retornam resultados com...
-
Last Updated: 08/09/2015
in Nosso código Métodos add_param
O método add_param agrega um parâmetro à URL escolhida.
{# url = 'http://www.google.com' #}
{{ url | add_param('param', 5) }}
{# retorna 'http://www.google.com?param=5' #}
add_params
O método add_params agrega mais ...
-
{% for product in products %}
{{ product.featured_image | product_image_url("medium") | img_tag(product.name) | a_tag(product.url) }}
{{ product.name }}
{% if product.display_price %}
{{ product.price | money }}
...
-
Neste tutorial vamos ver como podemos adicionar banners com as seguintes particularidades: Imagem Título Descrição Texto do botão Link Alinhamento Para o layout Base, criamos um componente exclusivo para os banners que, dependendo de onde o...