Tema

O que é um tema?

Um tema é o pacote de modelos e código que controla o layout, design e recursos da sua vitrine. Na Shopify, um tema é construído com a linguagem de templates Liquid combinada com HTML, CSS e JavaScript. Os temas modernos da Online Store 2.0 usam templates JSON com seções e blocos que você pode adicionar, remover e reordenar no editor de temas — sem tocar no código.

Por que um tema é importante?

O tema é a moldura que seus clientes realmente veem e onde fazem compras, portanto, ele afeta diretamente a conversão, a velocidade da página e o SEO. Um tema pesado ou mal estruturado causa lentidão nas páginas e desvios de layout (CLS), enquanto um tema bem construído mantém o conteúdo mais importante acima da dobra e funciona tão bem em dispositivos móveis quanto no desktop. Como o tema também renderiza títulos, metadados e dados estruturados, sua escolha de tema tem um grande impacto em como o Google entende suas páginas.

Casos de uso comuns

• Escolha de um novo tema. Escolha entre temas gratuitos e pagos na Shopify Theme Store — por exemplo, o tema padrão gratuito Dawn.
• Personalização sem código. Ajuste cores, seções e conteúdo no editor de temas em Loja virtual → Temas.
• Edições de código. Edite theme.liquid, seções, snippets e recursos via Editar código.
• Integrações de aplicativos. Adicione blocos de aplicativos dentro das seções em vez de programá-los diretamente no código do tema.
• Atualização. Troque ou atualize um tema sem perder o conteúdo armazenado em produtos e campos personalizados (metafields).

Perspectiva da Shopify

Mantenha uma versão limpa do seu tema e teste as alterações em uma duplicata antes de publicar. Observe que o checkout não é controlado pelo tema — ele é personalizado separadamente por meio da Checkout Extensibility. Considere usar um criador de páginas se quiser criar landing pages sem editar o código Liquid, e fique atento à velocidade da página ao instalar aplicativos que adicionam scripts ao tema.