http://floristwiki.ftdi.com/index.php?title=Customizing_Templates&feed=atom&action=historyCustomizing Templates - Revision history2024-03-28T08:53:50ZRevision history for this page on the wikiMediaWiki 1.12.0http://floristwiki.ftdi.com/index.php?title=Customizing_Templates&diff=7181&oldid=prevMercTechUAdmin: /* Inserting Merge Fields */2011-07-26T17:07:06Z<p><span class="autocomment">Inserting Merge Fields</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 17:07, 26 July 2011</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 104:</td>
<td colspan="2" class="diff-lineno">Line 104:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''To insert a Text component and add a merge field:'''</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''To insert a Text component and add a merge field:'''</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#With your template on the screen, click <del style="color: red; font-weight: bold; text-decoration: none;">'''</del>Add<del style="color: red; font-weight: bold; text-decoration: none;">'''</del>.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#With your template on the screen, click Add.</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#Highlight <del style="color: red; font-weight: bold; text-decoration: none;">'''</del>Text<del style="color: red; font-weight: bold; text-decoration: none;">''' </del>and then click <del style="color: red; font-weight: bold; text-decoration: none;">'''</del>OK<del style="color: red; font-weight: bold; text-decoration: none;">'''</del>.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#Highlight Text and then click OK.</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#Double-click on the existing text value (<del style="color: red; font-weight: bold; text-decoration: none;">'''</del>Replace with your text!<del style="color: red; font-weight: bold; text-decoration: none;">'''</del>).</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#Double-click on the existing text value (Replace with your text!).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#A text editor displays with the default text. Delete this text and type your own text.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#A text editor displays with the default text. Delete this text and type your own text.</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#To insert a merge field, click the arrow in the list at the bottom to display the possible options. Select the merge field and click <del style="color: red; font-weight: bold; text-decoration: none;">'''</del>Insert<del style="color: red; font-weight: bold; text-decoration: none;">'''</del>.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#To insert a merge field, click the arrow in the list at the bottom to display the possible options. Select the merge field and click Insert.</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#When you are finished, click <del style="color: red; font-weight: bold; text-decoration: none;">'''</del>OK<del style="color: red; font-weight: bold; text-decoration: none;">''' </del>and the text displays in the <del style="color: red; font-weight: bold; text-decoration: none;">'''</del>Template Mockup<del style="color: red; font-weight: bold; text-decoration: none;">''' </del>window.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#When you are finished, click OK and the text displays in the Template Mockup window.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><hr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><hr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[FTD Document Center|Back to FTD Document Center]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[FTD Document Center|Back to FTD Document Center]]</div></td></tr>
</table>MercTechUAdminhttp://floristwiki.ftdi.com/index.php?title=Customizing_Templates&diff=7180&oldid=prevMercTechUAdmin: /* Changing Component Properties */2011-07-26T17:06:20Z<p><span class="autocomment">Changing Component Properties</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 17:06, 26 July 2011</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 94:</td>
<td colspan="2" class="diff-lineno">Line 94:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''To change component properties:'''</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''To change component properties:'''</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#In the <del style="color: red; font-weight: bold; text-decoration: none;">'''</del>Components<del style="color: red; font-weight: bold; text-decoration: none;">''' </del>list, select the component that you want to change, and the current properties of that component displays in the <del style="color: red; font-weight: bold; text-decoration: none;">'''</del>Properties<del style="color: red; font-weight: bold; text-decoration: none;">''' </del>grid.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#In the Components list, select the component that you want to change, and the current properties of that component displays in the Properties grid.</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#Each component has a series of properties that can be used to change the content and appearance of the component. For example, if your text already is a 12pt underlined font, and is centered in the template, you can change the alignment for example, double-click on <del style="color: red; font-weight: bold; text-decoration: none;">'''</del>CENTER<del style="color: red; font-weight: bold; text-decoration: none;">'''</del>. You are then taken to a window that allows you to change the alignment and save.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#Each component has a series of properties that can be used to change the content and appearance of the component. For example, if your text already is a 12pt underlined font, and is centered in the template, you can change the alignment for example, double-click on CENTER. You are then taken to a window that allows you to change the alignment and save.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==Inserting Merge Fields==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==Inserting Merge Fields==</div></td></tr>
</table>MercTechUAdminhttp://floristwiki.ftdi.com/index.php?title=Customizing_Templates&diff=7179&oldid=prevMercTechUAdmin: /* Template Components */2011-07-26T17:05:37Z<p><span class="autocomment">Template Components</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 17:05, 26 July 2011</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 81:</td>
<td colspan="2" class="diff-lineno">Line 81:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Product List</td></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Product List</td></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">This component should be used for delivery confirmation email templates only.<br><br>The Product List component displays a list of the products in the order. You can customize which product information should display (product totals, discounts, delivery charges and service fees, etc.) and how fonts should appear.<br><table<del style="color: red; font-weight: bold; text-decoration: none;">><tr </del>style="background:#f2ebd8<del style="color: red; font-weight: bold; text-decoration: none;">; border=0</del>;"><td>[[Image:NoteIcon.png]]</td><td>The product list that is inserted into the Template Mockup window is not the product information that is sent to the customer. When the delivery confirmation email is sent, the customer’s product information from the order is merged into the email.</td></tr></table></td></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">This component should be used for delivery confirmation email templates only.<br><br>The Product List component displays a list of the products in the order. You can customize which product information should display (product totals, discounts, delivery charges and service fees, etc.) and how fonts should appear.<br><table <ins style="color: red; font-weight: bold; text-decoration: none;">noborder </ins>style="background:#f2ebd8;"<ins style="color: red; font-weight: bold; text-decoration: none;">><tr</ins>><td>[[Image:NoteIcon.png]]</td><td>The product list that is inserted into the Template Mockup window is not the product information that is sent to the customer. When the delivery confirmation email is sent, the customer’s product information from the order is merged into the email.</td></tr></table></td></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td></tr>
</table>MercTechUAdminhttp://floristwiki.ftdi.com/index.php?title=Customizing_Templates&diff=7178&oldid=prevMercTechUAdmin: /* Template Components */2011-07-26T17:05:14Z<p><span class="autocomment">Template Components</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 17:05, 26 July 2011</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 72:</td>
<td colspan="2" class="diff-lineno">Line 72:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table <del style="color: red; font-weight: bold; text-decoration: none;">style="width:775px; border: 1px black solid;><tr </del>style="background:#f2ebd8;"><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table <ins style="color: red; font-weight: bold; text-decoration: none;">noborder </ins>style="background:#f2ebd8;"<ins style="color: red; font-weight: bold; text-decoration: none;">><tr</ins>><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td></tr>
</table>MercTechUAdminhttp://floristwiki.ftdi.com/index.php?title=Customizing_Templates&diff=7177&oldid=prevMercTechUAdmin: /* Template Components */2011-07-26T17:03:56Z<p><span class="autocomment">Template Components</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 17:03, 26 July 2011</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 72:</td>
<td colspan="2" class="diff-lineno">Line 72:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table style="border:<del style="color: red; font-weight: bold; text-decoration: none;">0px"</del>;><tr style="background:#f2ebd8<del style="color: red; font-weight: bold; text-decoration: none;">; border=0px</del>;"><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table style="<ins style="color: red; font-weight: bold; text-decoration: none;">width:775px; </ins>border: <ins style="color: red; font-weight: bold; text-decoration: none;">1px black solid</ins>;><tr style="background:#f2ebd8;"><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td></tr>
</table>MercTechUAdminhttp://floristwiki.ftdi.com/index.php?title=Customizing_Templates&diff=7176&oldid=prevMercTechUAdmin: /* Template Components */2011-07-26T17:01:26Z<p><span class="autocomment">Template Components</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 17:01, 26 July 2011</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 72:</td>
<td colspan="2" class="diff-lineno">Line 72:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table <del style="color: red; font-weight: bold; text-decoration: none;">border</del>=<del style="color: red; font-weight: bold; text-decoration: none;">0</del>;><tr style="background:#f2ebd8; border=0px;"><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table <ins style="color: red; font-weight: bold; text-decoration: none;">style</ins>=<ins style="color: red; font-weight: bold; text-decoration: none;">"border:0px"</ins>;><tr style="background:#f2ebd8; border=0px;"><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td></tr>
</table>MercTechUAdminhttp://floristwiki.ftdi.com/index.php?title=Customizing_Templates&diff=7175&oldid=prevMercTechUAdmin: /* Template Components */2011-07-26T17:00:57Z<p><span class="autocomment">Template Components</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 17:00, 26 July 2011</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 72:</td>
<td colspan="2" class="diff-lineno">Line 72:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table><tr style="background:#f2ebd8; border=0px;"><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table <ins style="color: red; font-weight: bold; text-decoration: none;">border=0;</ins>><tr style="background:#f2ebd8; border=0px;"><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td></tr>
</table>MercTechUAdminhttp://floristwiki.ftdi.com/index.php?title=Customizing_Templates&diff=7174&oldid=prevMercTechUAdmin: /* Template Components */2011-07-26T17:00:14Z<p><span class="autocomment">Template Components</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 17:00, 26 July 2011</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 72:</td>
<td colspan="2" class="diff-lineno">Line 72:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table><tr style="background:#f2ebd8; border=<del style="color: red; font-weight: bold; text-decoration: none;">0</del>;"><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table><tr style="background:#f2ebd8; border=<ins style="color: red; font-weight: bold; text-decoration: none;">0px</ins>;"><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td></tr>
</table>MercTechUAdminhttp://floristwiki.ftdi.com/index.php?title=Customizing_Templates&diff=7173&oldid=prevMercTechUAdmin: /* Template Components */2011-07-26T16:59:48Z<p><span class="autocomment">Template Components</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 16:59, 26 July 2011</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 72:</td>
<td colspan="2" class="diff-lineno">Line 72:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table><tr style="background:#f2ebd8;"><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table><tr style="background:#f2ebd8<ins style="color: red; font-weight: bold; text-decoration: none;">; border=0</ins>;"><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Marquee</td></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Marquee</td></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Marquee component displays a scrolling line of text. The line of text does NOT scroll in the Template Mockup window. To see the text scroll, click the Print</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Marquee component displays a scrolling line of text. The line of text does NOT scroll in the Template Mockup window. To see the text scroll, click the Print</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Preview button in the toolbar.<br><<del style="color: red; font-weight: bold; text-decoration: none;">br</del>><del style="color: red; font-weight: bold; text-decoration: none;">'''NOTE</del>: As the customer is viewing the email, the marquee may not scroll across the screen, depending on the email program that the customer is using.<del style="color: red; font-weight: bold; text-decoration: none;">'''</del></td></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>Preview button in the toolbar.<br><<ins style="color: red; font-weight: bold; text-decoration: none;">table</ins>><ins style="color: red; font-weight: bold; text-decoration: none;"><tr><td>[[Image</ins>:<ins style="color: red; font-weight: bold; text-decoration: none;">NoteIcon.png]]</td><td></ins>As the customer is viewing the email, the marquee may not scroll across the screen, depending on the email program that the customer is using.<ins style="color: red; font-weight: bold; text-decoration: none;"></td></tr></table></ins></td></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Product List</td></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Product List</td></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">This component should be used for delivery confirmation email templates only.<br><br>The Product List component displays a list of the products in the order. You can customize which product information should display (product totals, discounts, delivery charges and service fees, etc.) and how fonts should appear.<br><table><tr style="background:#f2ebd8;"><td>[[Image:NoteIcon.png]]</td><td>The product list that is inserted into the Template Mockup window is not the product information that is sent to the customer. When the delivery confirmation email is sent, the customer’s product information from the order is merged into the email.</td></tr></table></td></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">This component should be used for delivery confirmation email templates only.<br><br>The Product List component displays a list of the products in the order. You can customize which product information should display (product totals, discounts, delivery charges and service fees, etc.) and how fonts should appear.<br><table><tr style="background:#f2ebd8<ins style="color: red; font-weight: bold; text-decoration: none;">; border=0</ins>;"><td>[[Image:NoteIcon.png]]</td><td>The product list that is inserted into the Template Mockup window is not the product information that is sent to the customer. When the delivery confirmation email is sent, the customer’s product information from the order is merged into the email.</td></tr></table></td></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td></tr>
</table>MercTechUAdminhttp://floristwiki.ftdi.com/index.php?title=Customizing_Templates&diff=7172&oldid=prevMercTechUAdmin: /* Template Components */2011-07-26T16:58:23Z<p><span class="autocomment">Template Components</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr>
<td colspan='2' style="background-color: white; color:black;">←Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 16:58, 26 July 2011</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 72:</td>
<td colspan="2" class="diff-lineno">Line 72:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Graphic with Text</td></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table><tr><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">The Graphic with Text component displays a graphic with text on the side of it. You can customize the graphic, alignment, and font.<br><table><tr <ins style="color: red; font-weight: bold; text-decoration: none;">style="background:#f2ebd8;"</ins>><td>[[Image:NoteIcon.png]]</td><td>If you insert a graphic that is too wide for the mockup screen to properly display the graphic and text, you receive the message “Warning! Image size exceeds recommended size.” The image can still be inserted into the mockup screen, but you may not be able to see the “Replace with your text” text that is displayed next to the graphic. Make sure that you double-click on the text editor to type in your text (or else “Replace with your text” will be sent out with the email). (You may receive the warning message when inserting additional graphics [of normal size] into your template – this is normal.)''</td></tr></table></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 81:</td>
<td colspan="2" class="diff-lineno">Line 81:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr style="background:#f2ebd8;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Product List</td></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt; font-weight: bold;">Product List</td></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">This component should be used for delivery confirmation email templates only.<br><br>The Product List component displays a list of the products in the order. You can customize which product information should display (product totals, discounts, delivery charges and service fees, etc.) and how fonts should appear.<br><table><tr><td>[[Image:NoteIcon.png]]</td><td>The product list that is inserted into the Template Mockup window is not the product information that is sent to the customer. When the delivery confirmation email is sent, the customer’s product information from the order is merged into the email.</td></tr></table></td></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><td style="padding: 3px; text-align:left; font-size: 9pt;">This component should be used for delivery confirmation email templates only.<br><br>The Product List component displays a list of the products in the order. You can customize which product information should display (product totals, discounts, delivery charges and service fees, etc.) and how fonts should appear.<br><table><tr <ins style="color: red; font-weight: bold; text-decoration: none;">style="background:#f2ebd8;"</ins>><td>[[Image:NoteIcon.png]]</td><td>The product list that is inserted into the Template Mockup window is not the product information that is sent to the customer. When the delivery confirmation email is sent, the customer’s product information from the order is merged into the email.</td></tr></table></td></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></tr></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><tr></div></td></tr>
</table>MercTechUAdmin