Change color of text and add flashing icon?

Technical Q&A
1

Hello all,

I’d like these two text items to show up on the product pages of my products:
what I want

The fire and the eyeball icons both flash. I found some code and added it to the main-product.liquid file. Currently, it’s showing up like this:

what I have
what I have489×228 8.18 KB

How do I add the flashing icons? How do I change the color of the text to red?

The code that I’ve added so far is as follows:

38 " sold in last " 19 " hours "

and

212 People are viewing this right now.

Thanks ahead of time for the help!

1 Like
2

I have no coding experience…idk what that means :sad_but_relieved_face: I’m just scraping things together lol

3

do you have code i could use or a location i can place text?

4

It sounds like there should be an easier solution than redoing the entire theme no? Seems like i need to add a line or two of code somewhere…

5

@BrandonSLLC

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

6

https://incendiowands.com/products/electronic-fire-flasher-magic-wands-tricks-flame-lighter-magic-wand-with-fireball-spray-effect-halloween-costume-cosplay-props

7

Hello @BrandonSLLC ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Layout > theme.liquid and paste below code CDN before tag closing:

Screenshot :- https://prnt.sc/3vZnG6pSGawO

8

Thank you Maulikp! Is there a way that I can make the numbers change/update every couple seconds? Right now it just always shows 212 people viewing and 38 sold in last 24 hours

9

Hello @BrandonSLLC

Sorry for the late reply. You can use the below example method.

HTML

 **24** People looking at this product

JS Script

Note: You need to customize this code as per your current site structure.