Skip to content

Instantly share code, notes, and snippets.

@gavinballard
Created July 30, 2014 12:06
Show Gist options
  • Save gavinballard/31939f0b2e295f55a735 to your computer and use it in GitHub Desktop.
Save gavinballard/31939f0b2e295f55a735 to your computer and use it in GitHub Desktop.
Example output from grunt-shopify-theme-settings Grunt plugin.
<fieldset>
<legend>Appearance and Fonts</legend>
<h3>
Background
</h3>
<table>
<tr>
<th>
<label for="background_style">Background Style</label>
</th>
<td>
<select id="background_style" name="background_style">
<option value="none">
None
</option>
<option value="color">
Custom Color
</option>
<option value="image">
Custom Image
</option>
</select>
</td>
</tr>
<tr>
<th>
<label for="background_color">Background Color</label>
</th>
<td>
<input id="background_color" name="background_color" class="color" type="text" value="" />
</td>
</tr>
<tr>
<th>
<label for="background_image.jpg">Background Image</label>
</th>
<td>
<input type="file" id="background_image.jpg" name="background_image.jpg" />
</td>
</tr>
<tr>
<th></th>
<td>
<small>Upload a jpeg.</small>
</td>
</tr>
<tr>
<th>
<label for="background_image_repeat">Repeat Backgound Image?</label>
</th>
<td>
<input type="checkbox" id="background_image_repeat" name="background_image_repeat" value="1" />
</td>
</tr>
</table>
<h3>
Slide 1
</h3>
<table>
<tr>
<th>
<label for="slide_1_show">Show Slide 1?</label>
</th>
<td>
<input type="checkbox" id="slide_1_show" name="slide_1_show" value="1" />
</td>
</tr>
<tr>
<th>
<label for="slide_1_image.jpg">Slide 1 Image</label>
</th>
<td>
<input type="file" id="slide_1_image.jpg" name="slide_1_image.jpg" />
</td>
</tr>
</table>
<h3>
Slide 2
</h3>
<table>
<tr>
<th>
<label for="slide_2_show">Show Slide 2?</label>
</th>
<td>
<input type="checkbox" id="slide_2_show" name="slide_2_show" value="1" />
</td>
</tr>
<tr>
<th>
<label for="slide_2_image.jpg">Slide 2 Image</label>
</th>
<td>
<input type="file" id="slide_2_image.jpg" name="slide_2_image.jpg" />
</td>
</tr>
</table>
<h3>
Slide 3
</h3>
<table>
<tr>
<th>
<label for="slide_3_show">Show Slide 3?</label>
</th>
<td>
<input type="checkbox" id="slide_3_show" name="slide_3_show" value="1" />
</td>
</tr>
<tr>
<th>
<label for="slide_3_image.jpg">Slide 3 Image</label>
</th>
<td>
<input type="file" id="slide_3_image.jpg" name="slide_3_image.jpg" />
</td>
</tr>
</table>
</fieldset>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment