Remover opção de seleção de grade desnecessária

Layout
1

Pessoal, boa noite. Preciso de uma ajudinha e agradeço muito se alguém puder me auxiliar!
Cadastrei meus produtos utilizando a opção de Grade de “Produto com uma cor”. Essa seleção é ótima pois ajuda meus clientes a irem diretamente nos produtos com as cores que desejam.

No entanto, assim que meu cliente entra no produto, já selecionando pelos filtros laterais, gostaria que ele não precisasse clicar novamente na cor do produto já que em todos os casos elas são variações únicas.

Alguém tem um código que já selecione automaticamente essa variação e esconda a opção de seleção, deixando apenas as outras opções de variação (tamanho por exemplo) que importam?

Desde já agradeço, muito obrigado!

2

Eu fiz um código parecido para uma cliente, mas não sei se ele vai funcionar para o seu tema. Tenta colar essas linhas de código na sua loja como JavaScript no rodapé:

//Espera todos os elementos do DOM serem carregados
document.addEventListener("DOMContentLoaded", function(event) {
  //Seleciona todos os atributos disponíveis
  var atributos = document.querySelector('.atributos');

  atributos.querySelectorAll('div').forEach(function(atributo) {
    //Se o atributo tem apenas uma opção, deixe ela "clicada"
    if (atributo.querySelector('ul').childElementCount === 1) {
      atributo.querySelector('ul li a').click();
    }
  });
});
1 curtida