Para quem quiser usar o codigo para adicionar o botão adicionar ao carrinho e favoritos na pagina do produto:
Fica desse jeito:
Ajuda muito no aumento do ticket medio e na taxa de conversão
quem tiver algum codigo que ajude os logistas compartilhe ai ajuda muito a comunidade!
Coloca como HTML, JAVA ou CSS?
Testei no meu site, mas o código não funcionou. Ele fica aparecendo no topo. Está completo esse que você postou?
Coloca como HTML em Cabeçalho e Pagina do Produto
Sim! está correto o codigo, as vezes pode ser a meneira em que colocou ele…
Não funciona dessa forma, o código aparece no cabeçalho da página somente assim, tem algo errado ai, está faltando parte do código talvez.
Coloquei como HTML, cabeçalho e pagina do produto.
Testei aqui também, ficou igual ao seu site. Por isso perguntei acima se o código estava inteiro.
Fiz alguns testes e realemente o codigo como passei não ta inteiro…
a loja integrada tem um limiti de caracteres por isso acho que não vai intero por aqui e não consigo passar por arquivo então uma dica para vocês pegarem o codigo:
Vão em alguma pagina de produto do site por exemplo: Jaqueta Texx Ronin Masculina Preta - Ellef Moto Peças - Sua Loja de Moto Peças e Vestuário
Acessem o codigo fonte e desçam até achar essa parte:
Para enviar o código, aqui no editor de texto vc pode mandar completo usando essa opção abaixo (enviei o código abaixo):
<!-- Busca celular e favoritos -->
<script>$(document).ready(function(){
const isMobile = $(window).width() < 1024;
if (isMobile) {
const $search = $(".busca-mobile").removeClass("visible-desktop")
$(".conteiner-principal > header").append($search);
}
if ($(".pagina-produto").length > 0) {
const $containerButtons = $("<div class='product-container-buttons'></div>");
const $addCartLink = $("<a class='adicionar-carrinho botao-comprar-ajax' href='javascript:;'>Adicionar ao carrinho</a>")
$addCartLink.attr("href", $(".botao-comprar").attr("href"));
$addCartLink.prepend("<i class='fa fa-shopping-cart'></i>");
$addCartLink.click(function(e) {
e.preventDefault()
})
setTimeout(function(){
const $favorite = $(".adicionar-favorito").removeClass("hidden-phone");
const $icon = $("<i class='icon-heart-empty'></a>")
$favorite.text("Adicionar aos favoritos").prepend($icon)
$containerButtons.append($addCartLink)
$containerButtons.append($favorite)
$(".produto-detalhes .disponibilidade-produto").before($containerButtons)
}, 100);
}
})</script><style>.product-container-buttons{padding:10px!important;width:360px}.adicionar-carrinho,.lista-favoritos{display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:1rem}.adicionar-carrinho i,.lista-favoritos i{margin-right:7px}.lista-favoritos{color:var(--cCarrinhoqtd)}@media (max-width:1024px){.busca-topo{display:none}.busca-mobile{background-color:var(--cCab);padding:7px 10px}.busca-mobile form{border-radius:50px;background:var(--cBusca)}.product-container-buttons{width:100%}}</style>
Bom dia, fiz a inserção do código em meu site, porém por algum motivo ele não está aparecendo no mesmo, consegue me ajudar a descobrir o que fiz errado na inserção?
o site é: www.artworkdecoracao.com.br
No meu tema também não funcionou
No meu site tbm não funcionou, mesmo incluindo código completo enviado pelo Fabiano…
Aqui na minha loja apareceu apenas quando seleciona uma variação. Fiz até um teste mudando de cabeçalho para rodapé e sempre apareceu, porém a ação de adicionar ao carrinho não funcionou, fica rodando e não adiciona.
Não vou inserir essa funcionalidade aqui, mas acredito que possa ser necessários ajustes conforme o tema que utilizam.
Vamos aguardar se alguem consegue esclarecer hehehe.
O bom é já deixar uma opção selecionada por padrão via código aí já fica visível.