gifs not appearing

Topic summary

A Shopify store owner is experiencing issues with GIFs not displaying on their live website (toximania.store), though they appear correctly in edit mode.

Specific Problems:

  • GIFs added to the Anime section (Dragon Ball) and Gaming section (Super Mario) are not visible on the live site
  • When following a video tutorial to add GIFs via code, the images appear oversized on desktop and excessively large on mobile devices
  • Screenshots show the user attempted to add GIFs through custom Liquid code

Solution Provided:
A respondent advised that GIFs cannot be added through custom Liquid in this manner. Instead, they should be downloaded and added directly through Shopify’s built-in sections like Image or Slideshow. However, they cautioned against using GIFs altogether, as they can significantly slow down store performance.

Status: The issue has a suggested workaround, though the recommendation is to avoid GIFs entirely for performance reasons.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

when i am at edit mode it appears but when i check the live website it doesnt appear

website is www.toximania.store

the gif i am trying to add in now in anime section dragon ball just for testing

rn i watched a video on how to add gif but its big doesnt fit on the screen and for mobile its just like waaaaaayyyy too big here is the code for that one and its located in gaming > super mario

Hi

You cannot add it through custom Liquid like that. Please download the GIF and add it directly to sections such as Image or Slideshow. However, we recommend not using GIFs as they can significantly impact your store’s speed.

Best,

Esther