Sold Out Variant

Variante esgotada

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

Helpful Free links

Migrating to Shopify Transferring Domain to Shopify Master sections and blocks Free Essential tools Custom App Creation Shopify theme templates Add custom CSS to themes Master product variants in Shopify Free Shopify Themes How to customize Shopify themes Automate your store processes Improve store's search Free apps to enhance your store Upload and manage files Facebook ads for your Shopify Shopify Support Stay updated with Shopify changes Join Shopify Community for free help

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