8 Simple Steps to add Shipping Truck Icon in the Announcement Bar in Shopify - Made4uo - Great Gift Deals
WOW Shopify com IA
files/Channels_-_Growth_Social_Static_Affiliates_Affiliates-Merchants__320x480_7724dbcb-6bd4-46ed-8a59-93eb2012e8b0.png

8 etapas simples para adicionar o ícone do caminhão de transporte na barra de anúncios da Shopify

See Other Products

Oi,

Siga os passos abaixo. Não há necessidade de ter experiência em codificação.

1. Vá para Shopify (certifique-se de estar no admin). Em seguida, Loja Online > Temas > Ações > Editar Código

2. Líquido de tema aberto

3. Encontre o final da cabeça. Deve ser assim "</head>"

4. Coloque o código logo acima do "</head>"

<script src="https://kit.fontawesome.com/f7cf0a6419.js"></script>


//coloca este script acima da tag head de fechamento
</head> // <---- Esta é a tag final do cabeçalho

5. Em seguida, abra a pasta Seção e clique em header.liquid

6. Encontre o anúncio-bar__message

7. Substitua este código:
<p class="announcement-bar__message"> {{ section.settings.message_text | escape }} </p>

Para este código:

<p class="announcement-bar__message"><i class="fas fa-shipping-fast"></i> {{ section.settings.message_text | escape }} </p>



Você também deve substituir após o código "endfor" por este código

{% endfor %} <p class="announcement-bar__message"><i class="fas fa-shipping-fast"></i> {{ section.settings.message_text | escape }} </p>

8. Clique em SALVAR o theme.liquid e o header.liquid

Clique se quiser ícones diferentes.

Deixe-me saber se você tiver dúvidas e eu vou tentar responder.

Obrigada!!!(",)

Copied!

Struggling with instructions?

Don't worry, we've got you covered for a reasonable price.

Contact us through "Chat with us" for a quote.

Relax as we handle it for you!

Voltar para o blogue

2 comentários

hello in my shopify store in the header I can’t find announcement but there is a special section called announcement.liquid is the procedure the same?

simone

Hello! Thank you so much for making these videos. I am a real noob, but managed so easily to use your content!

I was wondering if you know how to connect products – i will explain.
I have the same necklace in gold and silver. I want both of the variants to appear on both “necklesses” and “all jewelry” in the menu. At the same time I want to show both options when entering one of the products. So when you press gold, you will only see photos of gold, and the info for gold, and when pressing silver, the oposite.

I hope I explained my self ok.

Crossing fingers that you can help!

Thank you so much :-)

Vilde F

Deixe um comentário