Add Tab Component Section in Shopify - Pure CSS

Seção do componente da guia - CSS puro

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

Como ver o código

1. Faça login/crie uma conta primeiro. Isso é para garantir que todas as compras estejam conectadas a uma conta e possam ser visualizadas em diferentes dispositivos.

2. Adquira o código através da “caixa de compras” na página específica do código desejado.

3. Após a compra, atualize a página.

Compatibilidade: compatível com a maioria dos temas do Shopify, do Debut ao Dawn 2.0

O componente Tab é importante para transmitir informações sem comprometer o espaço ou rolar para frente e para trás.

Criei um componente de guia como uma seção, o que significa que você pode adicioná-lo a qualquer página do Shopify 2.0, como a página do produto.

Você pode personalizar o componente da guia de acordo com sua necessidade. Não há necessidade de um aplicativo ou assinatura. O componente guia possui dois designs.

O que você está comprando:

  • Adicione guias coloridas e personalizáveis
  • Nenhum javascript sendo usado

O que torna nosso código melhor:

  • Não usamos bibliotecas externas, com isso dito, nosso código não terá nenhum efeito mínimo no desempenho de velocidade do seu site
  • Não deixamos nem adicionamos códigos para anunciar em nosso site
  • Nosso código é compatível com dispositivos móveis

Quaisquer problemas relacionados ao código serão corrigidos sem custo adicional, excluindo solicitações de customização de código. Basta entrar em contato conosco em "Converse conosco". Estamos a apenas um botão de distância.

Para iniciar:

1. Vá para loja Admin Shopify > Temas > Ações > Editar código
2. Na pasta Seção, crie uma nova seção e nomeie-a como "componente guia" e cole o código abaixo. Clique em SALVAR.

Copied!
Voltar para o blogue

Deixe um comentário