Adicionar icone do TikTok no site

Layout
1

Gostaria de saber se alguém já conseguiu adicionar o icone do tiktok na loja junto com as outras redes

2 
$(function(){

    $('#rodape .r-sociais ul').append('<li><a href="https://www.tiktok.com/@ervadocegranel" target="_blank"><i class="icon-tiktok" style=""><div style="vertical-align: middle;width: 30px;height: 30px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 30px;height: 30px;"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path></svg></div></i></a></li>')

});

image

3 curtidas
3

Opa mano, poderia me ajudar em uma dúvida?… no mobile, estou tendo que clicar 2x para acessar o produto (botão ver produto)… tipo, clica uma vez aí seleciona, no segundo clique que abre o produto. sabe oq pode ser?

4

aqui no s21 foi normalmente com um click, clicando no produto na vitrine

1 curtida
5

pode tentar na home por favor?

6

foi na vitrine da home mesmo!
algum produto especifico?

7

Aqui está assim nos “destaques da semana”

Vc poderia me ajudar nesse tópico?

Visualização dos produtos no carrinho

8

Não aparece o icone TikTok,coloquei o código mas da erro

9

VAI FICAR COMO ESSE ESSE SITE QUE ESTOU CRIANDO;

Amigo tenho esse código aqui; html, rodapé, todas as págias.

Siga nosso Instagram
.instagram-fixo { position: fixed; bottom:145px; right:10px; z-index: 999; } #botaoWhats { width: 60px; height: 60px; position: fixed; bottom: 85px; right: 10px; background-color: #0fbd69; box-shadow: 0 0 0 0 rgb(61 232 123 / 70%); -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); text-align: center; line-height: 60px; font-size: 30px; border-radius: 30px; z-index: 9999999; } #botaoWhats:hover { -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none; } #botaoWhats .icon-whats { color: #fff; display: block; width: 100%; height: 100%; line-height: 60px; } @-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}} @-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}} @-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}} @keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
10
Siga nosso Instagram
.instagram-fixo { position: fixed; bottom:145px; right:10px; z-index: 999; } #botaoWhats { width: 60px; height: 60px; position: fixed; bottom: 85px; right: 10px; background-color: #0fbd69; box-shadow: 0 0 0 0 rgb(61 232 123 / 70%); -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); text-align: center; line-height: 60px; font-size: 30px; border-radius: 30px; z-index: 9999999; } #botaoWhats:hover { -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none; } #botaoWhats .icon-whats { color: #fff; display: block; width: 100%; height: 100%; line-height: 60px; } @-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}} @-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}} @-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}} @keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}