How do I apply these codes to this shopify page to apply loading animation?

Technical Q&A
1

Hi I am using Dawn.

I would like to apply this animation to the shopify page. But I don’t know how to set JavaScript or CSS.

Can anyone guide me please?

https://coco-factory.jp/ugokuweb/move01/4-1-4/

Our shop URL

https://dotu-manekineko.com/

Thank you in adcance!

2

Hi @harukajmickey

You can try to doing by this way:

  1. Go to Online Store → Theme → Edit code https://prnt.sc/7o9gfUx4ef9k
  2. Open your theme.liquid theme file
  3. Paste the below code after

GemPages_0-1670140100877.png
GemPages_0-1670140100877.png1879×926 67.3 KB

Best regards,
GemPages Support Team

3

@GemPages

Thank you it worked!

4

@GemPages @harukajmickey

I see it only shows the animation on the front page and not other pages, how did you isolate it so that this script will only work on the main home page?