Main Content

How SVGs Power Product Configurators

SVGs are simply amazing. You are able to do so many things that are just not possible with JPEGs and PNGs. In this session we will demonstrate how Wilson Sporting Goods uses JavaScript to manipulate SVGs to change colors, insert logos, and rotate text to configure products. By using this technique, we are able to generate thousands of combinations allowing users to create stunningly realistic customized products. Discover how this approach allows Wilson to generate thousands of combinations for coaches to design baseball uniforms, helmets, and gloves specifically designed for their team.

Attendees will learn how to:

  • Write JavaScript to update SVGs.

  • Use filters in SVGs with photography to create realistic images.

  • Overcome browser issues with SVGs.

  • Direct photography of products.

Attachment Size
2018-design4drupal-svgs-final.pdf 25.04 MB
Login to Register