Trocar o icone carrinho por sacolinha

Layout
1

Como faço para alterar o ícone carrinho por sacolinha e com descrição de adcionar a sacola, sacola vazia por exemplo?

2

Olá, tudo bem?

De forma nativa não há essa possibilidade. Mas, você poderá verificar se é possível adicionar o ícone por meio de programação, para isso, sugiro que contrate um programador ou uma empresa da área para te auxiliar nas configurações. Lembrando que, nós não prestamos suporte para questões relacionadas a temas ou código de programação, pois trata-se de uma configuração externa a nossa plataforma.

3

Ah que pena… Agora não posso contratar empresas!

4

icone sacolinha

1 curtida
5

print carrinho
Não deu certo, será que eu fiz errado?

6

Achei problema…

Achei o problema, vai precisar instalar uma versão mais nova.

Versão Atual 4.3: https://www.dtp-transit.jp/books/photoshop4web/dl/Font-Awesome-Cheetsheet-4.3.0.pdf
Versão Nova 4.7: https://fontawesome.bootstrapcheatsheets.com/

Para funcionar…

vai precisar usar um script e depois o css

    <script src="https://use.fontawesome.com/38d45f7c1d.js"></script>
7

Não entendi! Como eu faço pra baixar essa versão nova? o link me levou pra um site de ícones mas ele não me deu opção de pesquisar pelo ícone de sacola.

8

Colocando essa linha no incluir código html (avançado), já vai atualizar

9

Capturar
html
Acho que eu estou fazendo errado. Não estou conseguindo

10

crie dois codigos HTML, sendo,

Sendo um tipo: CSS, a primeira linha da imagem, local: Rodapé
Sendo um tipo: HTML, a segunda linha da imagem, local: Cabeçalho

11

Deu super certo! Muito obrigadaaaa!

12

botão carrinho
Você sabe como eu faço pra alterar a cor de fundo desse botão e dos ícones na versão mobile que ficou diferente?

13 
li.fundo-principal{
    color: white;
    background: none;
}

li.fundo-principal a, li.fundo-principal a:hover {
    color: white;
    background: none;
}

.fundo-principal:hover {
    opacity:unset;
}

button.botao.botao-input.fundo-principal.icon-chevron-right.newsletter-assinar {
    color: white;
}
14

Deu certo! Obrigadaa!

15

@zabe_moda_feminina

tinha um bug chato na sua barra de busca que fiz um acerto, eu acho…

.busca form, .busca input {
    display: flex;
}

@media only screen and (max-width: 767px)
.busca input {
    width: 100%;
}

DISSO
image

PARA ISSO
image

16

barra pesquisa
Aqui pra mim está aparecendo assim, parece que essa parte preta ta um pouquinho mais pra baixo, coloquei o código e ficou assim na versão mobile tambem.

17 
@media only screen and (max-width: 767px)
.busca .botao-busca {
    top: 0px;
    line-height: 30px;
}

image
image1443×646 92.4 KB

18

Não deu certo não! Será que não da pra tirar essa barra preta e deixar só o ícone como nesse exemplo: lupa

19

Amigo bom dia, você teria um códgio para colocar o (buscar, meus pedidos e carrinho ) tudo alinhado ?
minha loja www.importadostop.com
Muito obrigado

20

o que seria tudo alinhado?
tente desenha no paint o resultado final que deseja