Solved

Flame ticking icon

Sovel
Tourist
35 0 2

Hello Shopify,

 

I would like to add a flame ticking icon to a collection to signal new arrivals. I tried to do it with chatgpt but it didn't seem to work at all. Can someone help with a solution?

 

URL: Sovel.ro

 

I attached a photo for reference on where I would like it to be.

 

Thank youCapture.PNG

Accepted Solution (1)
theycallmemakka
Shopify Partner
1350 299 330

This is an accepted solution.

Hi @Sovel ,

Please replace previous code with this updated code.

<style>
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}


#shopify-section-home_product_collections_8bq6Ym h3.title:after {
    content: '\1F525';
    animation: blink 0.8s infinite;
}
</style>

 

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 4 (4)

theycallmemakka
Shopify Partner
1350 299 330

Hi @Sovel ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

 

<style>
#shopify-section-home_product_collections_8bq6Ym h3.title:after {
    content: '\1F525';
}
</style>

 

 

 

Result:

theycallmemakka_0-1711015556107.png

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

 

And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Sovel
Tourist
35 0 2

Thank you very much!

 

Is there any way I can make it appear and disappear? Like ticking or pulsating or flashing?

theycallmemakka
Shopify Partner
1350 299 330

This is an accepted solution.

Hi @Sovel ,

Please replace previous code with this updated code.

<style>
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}


#shopify-section-home_product_collections_8bq6Ym h3.title:after {
    content: '\1F525';
    animation: blink 0.8s infinite;
}
</style>

 

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Sovel
Tourist
35 0 2

Thank you so much!