Personalizar Botão "Adicionar a Lista de Desejos"

Layout
1

Olá à todos!

Gostaria de saber se é possível e como inserir um botão “adicionar aos favoritos/lista de desejos” na página inicial e na página de produtos. Segue abaixo imagem para ilustrar:

5 curtidas
2

Poxa, eu queria saber tbm. :frowning:

3

Queria saber também.

4

O código abaixo insere uma imagem pra adicionar a lista de favoritos na página do produto. Testem aí.

.box-produto .lista-favoritos .icon-plus:before {
/* color: #ca0202; /
content: ‘’;
width: 230px;
height: 30px;
background: url(https://cdn.awsli.com.br/875/875833/arquivos/lista-desejos.fw.png) left no-repeat;
}
.box-produto .lista-favoritos .icon-plus:hover {
width: 230px;
height: 30px;
background: url(https://cdn.awsli.com.br/875/875833/arquivos/lista-desejos2.fw.png) left no-repeat;
}
.box-produto .lista-favoritos {
font-size: 0;
width: 230px;
height: 30px;
display: inline-block;
/! border: 1px solid #ddd; /
background: transparent;
vertical-align: middle;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
/! border-radius: 6px; /
/! margin-left: 10px; */
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
overflow: hidden;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: color,background-color;
transition-property: color,background-color;
margin-top: 10px;
margin-left: 0px;
}

5 curtidas
5

Qto ao botao na página home … eu nao sei … mas vou tentar fazer qdo eu tiver um tempinho aqui… rsss

6

eu coloquei o código e nao funcionou! será oq houve?

7

Ola,
Tentei o codigo e tambem não deu certo.

1 curtida
8

O meu também não deu certo :sleepy: quero muito esse código

1 curtida
9

Também quero. esse e um Com “Siga nos Intagram”. mais ta dificil.

10

Estou vendo que o tópico é antigo, e pelo visto a LI ainda não criou nada nativo.
Consegui fazer aqui, vou passar o código para alguém que ainda deseje:

$('.listagem-item').each(function() {
    let id_item = $(this).data("id");
    $(this).append('<a class="add-fav" href="/conta/favorito/' + id_item + '/adicionar"><i class="fa fa-star"></i></a>');
});

Agora tenho mais uma dúvida, como saber se o produto já está na lista… assim eu posso personalizar ele como por exemplo, o botão apagado ou aceso… enfim

Alguém sabe como eu faço para saber se o produto está na lista de desejos?