Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Text edits

...

Field

Length

CustomField1

50 characters

CustomField2

50 characters

CustomField3

50 characters

CustomField4

50 characters

CustomField5

75 characters

CustomField6

50 characters

CustomField7

50 characters

On You can pass custom fields via a buy link you can pass the custom fields by appending by appending the following snippet:

&CustomField#=VALUE

 

to the buy link. The Advanced Buy Link builder underlocated at:

Panel

Main MenuItem ManagementItems → [links]

will allow you to build up the to create the custom snippet and append it to the buy link as shown below.

Passing custom field data from Buy Form code

The following example shows contains 2 custom fields". The first custom field (on line 4) is a hidden input field that passes "New Landing Page" into "CustomField1" to track identify that the sale came from the new landing page rather then default store location, and a.  A second custom field "CustomField2" (line 10) which is storing the value for a field asking the customer "What breed of dog(s) do you have?"

...

With the storefronts templates, you'll need to remember to maintain the "responsiveness" of the pages for each device view, so . So make sure not to insert things like tables and instead . Instead use CSS for the styling of the custom content. Storefront templates typically contain multiple template snippets , so you may want to create your custom content to the templates as a snippet, which . That will make for easier template management for when you perform theme updates. 

...

Code Block
themeDJango
titleInserting Custom Fields into the Storefront checkout
linenumberstrue
 
<style type="text/css">
    .UcCustomTable
    {
        display: table;
    }
    .UcCustomTableTitle
    {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: larger;
    }
    .UcCustomTableRow
    {
        display: table-row;
    }
    .UcCustomTableCell
    {
        display: table-cell;
        border: solid;
        border-width: thin;
        padding-left: 5px;
        padding-right: 5px;
    }
</style>

 

Preview of the fields appearing in the checkout:

...