• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit Search

SVG file and JSON file for colour changing product in WooCommerce

New Here ,
Apr 21, 2022 Apr 21, 2022

Copy link to clipboard


I need to create an SVG file and JSON file for a product to change colours dynamically in WooCommerce. Like this:




I download the demo t-shirt SVG file and JSON file above, imported it into my WooCommerce store and it worked perfectly.


When I tried to do this with my own product, it didn't work.  I exported my own SVG file from Illustrator of my own product, but still used the demo's JSON file.  Didn't work.


My question: is this an issue from exporting/setting-up a SVG file?  Or is this an issue with the JSON file?  Do I need to make a JSON file from my own SVG file?  If so, how do I do this?


Any tips would be helpful!  Thank you!


P.S. I attached the demo SVG and demo JSON that work perfectly.

How to






Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
no replies

Have something to add?

Join the conversation