Script
Personalizar ícones SVG — p/ Nuvemshop
Substitua os ícones padrões da sua loja Nuvemshop por ícones que combinam com o design da sua marca.
Ícones
Para encontrar vários ícones, acesse flaticon.com/icons e pesquise utilizando palavras em inglês. Veja o vídeo tutorial de como configurar o código e localizar os ícones.
O código
Personalize o código abaixo conforme ensinado no vídeo, depois copie e cole nas configurações de códigos externos da sua loja virtual Nuvemshop.
html
<!-- Aterar svg icon banner informativo -->
<script>
if(LS.template == 'home'){
const customIcons = [
{
'svgIcon':`<svg>...COLE AQUI O CÓDIGO DO SEU SVG...</svg>`,
'target':''
},
{
'svgIcon':`<svg>...COLE AQUI O CÓDIGO DO SEU SVG...</svg>`,
'target':''
}
]
var newIcon = [];
var iconReplace = [];
for(i=0; i<customIcons.length; i++){
iconReplace[i] = document.querySelector(customIcons[i]['target']);
newIcon[i] = document.createElement('span');
newIcon[i].innerHTML = customIcons[i]['svgIcon']
iconReplace[i].parentNode.replaceChild(newIcon[i], iconReplace[i]);
}
}
</script>
<!-- Final do código -->Atenção: este material, incluindo o script, é de uso individual e exclusivo, sendo proibido a revenda, cópia total ou parcial e o compartilhamento sem a autorização por escrito da Planweb Interativa. Jackson Tecnologia Ltda.