Template Pages

Change the design of your Affiliate Page

Purpose: This HTML template defines the layout of the affiliate system as seen by your shoppers/affiliates when they view their affiliate information page within the "My Account" page.

Note: It is important to preserve the commented tags to ensure the software performs correctly.

For example:

  1. [affiliate_details]
  2. <!--START: myAccount-->
  3. <!--END: myAccount-->
  4. <!--START: CATEGORY_HEADER-->
  5. [CONTENT]
  6. <!--END: CATEGORY_HEADER-->
  7. <!--START: affiliateStatistics-->
  8. [affiliate_details-summary]
  9. [affiliate_summary-header-membersince]
  10. [affiliate_summary-header-orders]
  11. [affiliate_summary-header-amount]
  12. [affiliate_summary-header-commission]
  13. [affiliate_summary-header-paid]
  14. [affiliate_summary-header-balance]
  15. <!--START: affiliateStatisticsNoOrders-->
  16. [affiliate_no-history-to-display]
  17. <!--END: affiliateStatisticsNoOrders-->
  18. <!--START: affiliateStatisticsDetail-->
  19. [memberSince]
  20. [orders]
  21. [amount]
  22. [totalCommission]
  23. [paid]
  24. [balance]
  25. <!--END: affiliateStatisticsDetail-->
  26. <!--END: affiliateStatistics-->
  27. <!--START: affiliatePayments-->
  28. [affiliate_details-payments]
  29. [lastDays]
  30. [affiliate_payments-header-date]
  31. [affiliate_payments-header-amount]
  32. [affiliate_payments-header-check]
  33. <!--START: affiliateNoPayments-->
  34. [affiliate_no-history-to-display]
  35. <!--END: affiliateNoPayments-->
  36. <!--START: affiliatePaymentsDetail-->
  37. [date]
  38. [amount]
  39. [check]
  40. <!--END: affiliatePaymentsDetail-->
  41. <!--END: affiliatePayments-->
  42. <!--START: affiliateAppOrders-->
  43. [affiliate_details-approvedorders]
  44. [lastDays]
  45. [affiliate_orders-header-date]
  46. [affiliate_orders-header-ordernum]
  47. [affiliate_orders-header-amount]
  48. [affiliate_orders-header-commissionperc]
  49. [affiliate_orders-header-commissionamnt]
  50. <!--START: affiliateNoAppOrders-->
  51. [affiliate_no-history-to-display]
  52. <!--END: affiliateNoAppOrders-->
  53. <!--START: affiliateAppOrdersDetail-->
  54. [date]
  55. [orderNumber]
  56. [amount]
  57. [percentCommission]
  58. [amountCommission]
  59. <!--END: affiliateAppOrdersDetail-->
  60. <!--END: affiliateAppOrders-->
  61. <!--START: affiliateDenOrders-->
  62. [affiliate_details-deniedorders]
  63. [lastDays]
  64. [affiliate_orders-header-date]
  65. [affiliate_orders-header-ordernum]
  66. [affiliate_orders-header-amount]
  67. [affiliate_orders-header-comments]
  68. <!--START: affiliateNoDenOrders-->
  69. [affiliate_no-history-to-display]
  70. <!--END: affiliateNoDenOrders-->
  71. <!--START: affiliateDenOrdersDetail-->
  72. [date]
  73. [orderNumber]
  74. [amount]
  75. [comments]
  76. <!--END: affiliateDenOrdersDetail-->
  77. <!--END: affiliateDenOrders-->
  78. <!--START: affiliateLinks-->
  79. [affiliate_details-links]
  80. [affiliate_details-link-instructions]
  81. [store_url]
  82. [affId]
  83. [affiliate_details-link-text]
  84. [store_url]
  85. [affId]
  86. [affiliate_details-link-text]
  87. <!--START: affiliateLinksDetails-->
  88. [store_url]
  89. [affId]
  90. [affBannersFolder]
  91. [intBannerCount]
  92. [intBannerCount]
  93. [intBannerCount]
  94. [store_url]
  95. [affId]
  96. [store_url]
  97. [affBannersFolder]
  98. [intBannerCount]
  99. <!--END: affiliateLinksDetails-->
  100. <!--END: affiliateLinks-->
  101. <!--START: CATEGORY_FOOTER-->
  102. [CONTENT]
  103. <!--END: CATEGORY_FOOTER-->

Note: Code blocks and their respective variables will only work with specific template pages.

Note: Several of these variables are used in multiple places on the page, with their dynamic content controlled by the code block used in each instance.

  • [affiliate_details] - The heading of the Affiliate Details page. (See Settings ->Design ->Store Language)
  • [affiliate_details-summary] - Display the Title of Affiliate's Info (See Settings ->Design ->Store Language)
  • [affiliate_summary-header-membersince] - Display the Title of when Customer became an Affiliate (See Settings ->Design ->Store Language)
  • [affiliate_summary-header-orders] - Display the Title of Customer's Total Orders (See Settings ->Design ->Store Language)
  • [affiliate_summary-header-amount] - Display the Title of Customer's Order Total (See Settings ->Design ->Store Language)
  • [affiliate_summary-header-commission] - Display the Title of Customer's Total Commission (See Settings ->Design ->Store Language)
  • [affiliate_summary-header-paid] - Display the Title of Customer's Total Commission Paid (See Settings ->Design ->Store Language)
  • [affiliate_summary-header-balance] - Display the Title of Customer's Total Commission Remaining (See Settings ->Design ->Store Language)
  • [affiliate_no-history-to-display] - Display this if Affiliate has no history (See Settings ->Design ->Store Language)
  • [memberSince] - Display date when Customer became an Affiliate
  • [orders] - Display Total Affiliate Orders
  • [amount] - Display Total Affiliate Order Amount
  • [totalCommission] - Display Total Affiliate Order Commission
  • [paid] - Display Total Paid to Affiliate
  • [balance] - Display Total Remaining to be paid to Affiliate
  • [affiliate_details-payments] - Display the Title of Affiliate Payments (See Settings ->Design ->Store Language)
  • [affiliate_payments-header-date] - Display the Title of Payment Date (See Settings ->Design ->Store Language)
  • [affiliate_payments-header-amount] - Display the Title of Payment Amount (See Settings ->Design ->Store Language)
  • [affiliate_payments-header-check] - Display the Title of Payment Check # (See Settings ->Design ->Store Language)
  • [date] - Display the Payment Date
  • [check] - Display the Payment Check#
  • [affiliate_details-approvedorders] Display the Title of Approved Orders (See Settings ->Design ->Store Language)
  • [affiliate_orders-header-date] Display the Title of the Affiliate Order's Dates. (See Settings ->Design ->Store Language)
  • [affiliate_orders-header-ordernum] Display the title of the Affiliate Order's number. (See Settings ->Design ->Store Language)
  • [affiliate_orders-header-amount] Display the title of Affiliate Order amounts. (See Settings ->Design ->Store Language)
  • [affiliate_orders-header-commissionperc] Display the title of the Affiliate payout commision percentage. (See Settings ->Design ->Store Language)
  • [affiliate_orders-header-commissionamnt] Display the title of the Affiliate payout commision amounts. (See Settings ->Design ->Store Language)
  • [orderNumber] Display the Affiliate order numbers.
  • [percentCommission] Display the Affiliate specific commision percentage.
  • [amountCommission] Display the Affiliate specific commision amount.
  • [affiliate_details-deniedorders] Display the Title of the Denied Affiliate orders (See Settings ->Design ->Store Language)
  • [affiliate_orders-header-comments] Display the title of the Denied Affiliate Order comments. (See Settings ->Design ->Store Language)
  • [comments] Display the denied Affiliate Order comments.
  • [affiliate_details-links] Display the Title of the Affiliate Link Area (See Settings ->Design ->Store Language)
  • [affiliate_details-link-instructions] Display your Affiliate link instructions. (See Settings ->Design ->Store Language)
  • [affiliate_details-link-text] Display the labeling of the Affiliate link as it will appear. (See Settings ->Design ->Store Language)

These next few Variables will be autopoulated by the 3dcart software. Typically you'll want to keep the scripting for these variables intact.

  • [affid] - This is the specific ID given to the customer's Affiliate record.
  • [affBannersFolder]- This is the default folder where your affiliate banners will be kept. (assets/images/affiliateBanners)
  • [intBannerCount] - The default number given to your affiliate banners.

Download this Template     (Save as a backup or edit to customize)

Screenshot of the home.html Template