Shopify features and tools
Update your Product Page to Shopify 2.0 - Just like Dawn

Atualize sua página de produto para Shopify 2.0 - assim como Dawn

Log in or Sign up to ensure access to FREE code across multiple devices.

Compatibilidade: todos os temas legados do Shopify

Você tentou atualizar seu tema para Shopify 2.0, mas a página do seu produto não se parece com o Theme Dawn?

Atualizando a página do produto em blocos dinâmicos como Dawn Theme Shopify 2.0

1. Vá para Loja online Shopify> Temas > Ações > Editar código
2. Vá para a pasta da seção e localize product-template.liquid
3. Adicione uma instrução for após class=”grid_item”, como o código abaixo

4. Adicione uma instrução case após a instrução for, como o código abaixo

    5. Em product-template.liquid, localize e adicione a instrução quando antes de cada um dos seguintes

    1. Título do produto
    2. Preço do produto
    3. Formulário do produto
    4. Descrição do produto
    5. Redes sociais do produto

    6. Adicione uma instrução quando antes do seguinte

  1. Título do produto = produto-single__title
  2. Preço do produto = produto__preço
  3. Formulário do produto = formulário 'produto'
  4. Descrição do produto = produto-single__description
  5. Produto social = inclui 'compartilhamento social
  6. 7. Adicione blocos no esquema com o nome e tipo de cada bloco


    8. Abra a pasta de modelos e localize product.lquid
    9. Copie o código inferior de product.liquid, exceto {% section %} e comentários
    10. Vá para product-template.liquid e cole o código antes do {% schema %}
    11. Exclua o arquivo product.liquid na pasta de modelos
    12. Vá para a pasta de modelos e adicione um novo modelo
    13. Crie um novo modelo para produto com um tipo de modelo JSON
    14. Como excluímos product.liquid, podemos apenas clicar em “Criar modelo” e manter o nome produto como está
    15. Crie o tipo de seção e adicione a recomendação do produto na seção. Também o bloco

       

      (",) Se você tiver dúvidas, entre em contato conosco em "Converse conosco"

      Copied!

      Lutando com instruções?

      Não se preocupe, nós oferecemos cobertura por um preço razoável. Entre em contato conosco através de "Converse conosco" para obter um orçamento.

      Relaxe enquanto nós cuidamos disso para você!

      Voltar para o blogue

      Deixe um comentário