Suporte » Plugins » Como abrir link em nova aba no plugin Woocommerce

  • Resolvido bobbreno07

    (@bobbreno07)


    Em baixo na página de cadastro de produtos do plugin woocommerce tem uma aba com o nome “Dados do produto” e ao lado na caixa de seleção tem uma opção de escolher “produto externo/afiliado” e dentro da opção posso inserir um URL e configurar o texto do botão que leva para o URL.

    Pois bem, por padrão os links relacionados a “produto externo/afiliado” só abrem na mesma aba” e eu gostaria de saber se tem como mudar para abrirem em uma nova aba/página. Alguém pode me ajudar?

    Segue abaixo o print que tirei da página de cadastro de produto
    https://prnt.sc/mva78s

    Segue também um link de um produto que eu gostaria que quando as pessoas clicarem no botão “IR À LOJA” fosse aberto uma nova aba/página
    https://guia-me.com/guia/eletrodomesticos/maquina-de-lavar-roupas/brastemp/

    A página que eu preciso de ajuda: [fazer login para ver o link]

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • olá @bobbreno07,

    o mais fácil seria um plugin, mas os plugins que vi no repositório oficial com essa função pararam de ser desenvolvido. então vai ter que ser com código. o mais fácil que vi foi no tutorial abaixo,

    https://barn2.co.uk/kb/opening-product-pages-new-tab-product-table/

    como vai mexer com código, a primeira coisa é que esteja usando um tema-filho, pois irá inserir o código no arquivo functions.php do tema-filho. a necessidade do tema-filho é para evitar perder o código quando o tema for atualizado, já que se inserir no functions.php do tema original, nas atualizações do tema pode perder o código, o que não ocorre no tema-filho. então a boa prática é usar um tema-filho. [uma rara exceção é o GeneratePress, tema que uso para todos os sites de meus clientes com Elementor PRO, pois ele usa um esquema de inserção de código que torna desnecessário uso de tema-filho]

    com o tema-filho, insira o código do tutorial acima no arquivo functions.php. teste se deu certo. ah, observar que se usa um plugin de cache, precisa limpar o cache antes de testar se deu certo.

    caso não dê certo, teste usar o código do tutorial no arquivo functions.php,

    https://stackoverflow.com/questions/35237487/open-woocommerce-external-products-in-new-tab

    saudações,

    Olá @ralden!

    Obrigado pela ajuda!

    Adicionei o código do primeiro link eu não funcionou;
    Adicionei o código do segundo link e funcionou apenas em parte (pelo menos pra mim)

    O que aconteceu foi o seguinte:

    Quando o produto está na página de catálogo o link “IR À LOJA” só abre na mesma aba.
    Segue um link de exemplo https://guia-me.com/guia/console-de-video-game/xbox/

    Quando clico no produto (não no link ir à loja) e vou para a página de descrição do produto. Aí, sim, nesta página o código que eu adicionei criou um botão “IR À LOJA” e quando clico neste botão o link abre em nova aba. Segue uma página de exemplo https://guia-me.com/onde-comprar/console-xbox-360-slim-4gb-controle-sem-fio-microsoft/

    Tem algum outro código que eu possa abrir também os links em outra aba na página de catálogo dos produtos?

    Grato!

    @ralden

    Agora a pouco eu retirei o código do arquivo functions.php e voltei como estava, eu não sei porque mais depois que eu inseri o código meu site começou a gerar um erro 500. Após eu eu ter retirado o código o meu site voltou ao normal.

    Mas, continuo com o mesmo problema, na página de catálogo dos produtos os links não abrem em outra aba e até agora não encontrei nenhuma solução.

    olá @bobbreno07,

    algo que interfere no seu caso é o tema. ainda mais que está usando, conforme é possível ver no código-fonte de seu site, um tema premium da ThemeStore, o ShoppyStore.

    indicaria abrir um chamado com o desenvolvedor do tema para ver essa questão. um tema como esse, focado em WooCommerce, talvez já tenha sido questionado sobre isso. pois esse tipo de tema já é desenvolvido com personalizações de código e por isso os tutoriais não estão funcionando.

    quando ao erro 500, é um erro de servidor, essa personalização no functions.php do tema-filho não interfere nisso. mas é aquilo, você deveria estar um usando um tema-filho. se sim, deve ter sido apenas coincidência entre a ocorrência do erro e você estar editando o arquivo php.

    com esses problemas, indicaria realmente falar com o desenvolvedor de seu tema.

    saudações,

    @ralden

    Mais uma vez agradeço pela sua preocupação em querer me ajudar!

    Entendi perfeitamente o que você disse. Estarei encerrando este tópico porque iniciarei um chamado com o desenvolvedor do meu tema.

    Grato!

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • Você deve estar logado para responder a este tópico.