Sold Out Variant

Variante esgotada

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: SOMENTE todos os temas GRATUITOS do Shopify 2.0 . Funciona da versão inferior até a versão 11

Você pode adicionar alguns estilos às suas pílulas variantes esgotadas ou ao menu suspenso de variantes. O design esgotado em pílulas variantes está acinzentado e com uma barra. Para o menu suspenso de variantes, um texto fora de estoque ao lado da opção de variante é adicionado. Veja as imagens abaixo.

Pílulas variantes

comprimidos esgotados

Menu suspenso de variantes

Menu suspenso de imagens esgotadas

O que você está comprando :

  • Pílulas variantes acinzentadas e texto fora de estoque adicionado no menu suspenso de variantes
  • Funciona com múltiplas opções de variantes (uma a três opções de variantes)
  • Funciona com pílulas variantes ou menu suspenso
  • Atualizações com as mudanças de variante

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. Na sua página de administração, clique em Loja Online > Temas > Ações > Editar código
2. Na pasta Seção, abra main-product.liquid
3. Encontre o {%- when 'variant_picker' -%} e o {%- when 'buy_buttons' -%} .

NOTA: Se você vir {% render 'product-variant-picker', product: product, block: block, product_form_id: product_form_id %} , você precisa encontrar a pasta Snippet e abrir o product-variant-picker.liquid. 

4. Substitua o código do meio ou o código dentro de product-variant-picker.liquid pelo código abaixo. Certifique-se de clicar em SALVAR.


5. Em seguida, abra global.js na pasta Asset.

6. Encontre if (fonte e destino) destino.innerHTML = fonte.innerHTML;

Por favor, veja a imagem para posicionamento

código esgotado

7. Abaixo do código, coloque o código abaixo. Certifique-se de clicar em SALVAR.

É isso (",)

Copied!
Voltar para o blogue

Deixe um comentário