If you don't want to build the dynamic list of custom customer fields in your store's checkout area, then use the {COMPOSITE-CUSTOMER-FIELDS} QuickCode Tag instead. This tag will build the entire table of custom customer fields, including the necessary HTML code and QuickCode Tags. All with one tag!

The {COMPOSITE-CUSTOMER-FIELDS} QuickCode Tag builds a list of the custom customer fields with all the necessary components. If no custom customer fields have been created, then nothing is displayed. The customer field, its title and its description are all displayed for any of the possible ten custom customer fields you have created.

The {COMPOSITE-CUSTOMER-FIELDS} QuickCode Tag also has its own CSS styles that you can use in your CSS style sheets to control the look of the HTML table it creates. A sample of the CSS code is provided below. To apply these styles to this tag in your store, copy the CSS code below, and then paste it into a CSS style sheet used in your store. Edit the CSS styles at will to control the design of the HTML content.

Also below is a copy of the HTML source code that is used to construct the {COMPOSITE-CUSTOMER-FIELDS} QuickCode Tag. This is the source code that the tag will be translated into when your store page is displayed in a web browser. The HTML is included for informational purposes only, it's just so you can see how the HTML table is built. Note that there are other standard QuickCode Tags embedded within this composite tag. You can do the same when creating your own custom QuickCode Tags.

CSS style sheet source code used in the {COMPOSITE-CUSTOMER-FIELDS} QuickCode Tag

<style type="text/css">
<!--
.customer-field-title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.customer-field-description {
background-color: #00458A;
color: #FFFFFF;
}
.customer-field-title {
font-weight: bold;
}
-->
</style>