Managing Items, Creating an Item Template - Bumby-Wool/builder GitHub Wiki

Previous Step: Defining an item

Creating an Item Template

The Item Template file is an HTML file where the SVG image content is placed and configured to work with the rest of the application.

Steps

  1. Add a new itemname-svg.html file to the folder /components/item/item-templates

     Continuing our example from earlier, our new template file is `/components/item/item-templates/testpants-svg.html`

  2. Open the SVG image file in a text editor and copy the svg element and everything inside of it <svg>....</svg>

  3. Paste the copied SVG content into the itemname-svg.html file you created

Now you will be able to view the SVG displayed at the item URL http://localhost:3000/builder/#!/items/testpants

image

The SVG content shows up but doesn't have any color and there are no options. Adding color options takes place in the next step.

Next Step: Configuring an Item Template

⚠️ **GitHub.com Fallback** ⚠️