Ocultar seletor de variação

Este tutorial tem como objetivo apresentar um exemplo de código JS para ocultar seletores de variações.

  1. Acesse Aparência > Configurador Recursos :
  1. Selecione a página desejada na guia Rotas:
  1. Clique na guia Scripts, selecione a opção “Esconder variação única” ou equivalente:

❗️

Importante

Caso não exista este arquivo entre os recursos da plataforma, será necessário criá-lo. Criar recurso ou assista aqui o tutorial de como criar arquivo JS.

Veja abaixo o exemplo de código JS

$(window).load(function(){

        if($('.wd-product-variations .variation-group .options select option').length == 2){
            $('.product-detail .head .information .detalhes .wd-product-variations .variation-group .options select option').each(function(index){
                if(index == 1){
                    $(this).attr('selected', 'selected');
                    $('.product-detail .head .information .detalhes .wd-product-variations .variation-group .options select').change();
                    $('.product-detail .head .information .detalhes .wd-product-variations .variation-group .options select').parent().parent().css('display', 'none');
                }
            });
        }
        if($('.wd-product-variations .subvariation-group .options select option').length == 2){
            $('.product-detail .head .information .detalhes .wd-product-variations .subvariation-group .options select option').each(function(index){
                if(index == 1){
                    $(this).attr('selected', 'selected');
                    $('.product-detail .head .information .detalhes .wd-product-variations .subvariation-group .options select option').change();
                   $('.product-detail .head .information .detalhes .wd-product-variations .subvariation-group .options select option').parent().parent().parent().css('display', 'none');
                }
            });
        }
        if($('.wd-product-variations div.radio label span input').length == 1){
            $('.wd-product-variations div.radio label span input').click();
            $('.wd-product-variations div.radio label span input').parent().parent().parent().parent().css('display', 'none');
        }

});

Did this page help you?