Uploaded image for project: 'CiviCRM'
  1. CiviCRM
  2. CRM-10860

Improve default contribution pages

    Details

    • Type: Improvement
    • Status: To Backport
    • Priority: Major
    • Resolution: Fixed/Completed
    • Affects Version/s: 4.2.0, 4.2.1
    • Fix Version/s: 4.3.0
    • Component/s: CiviContribute
    • Labels:

      Description

      I'm doing this at the Butcombe Code Sprint. We discussed how the default contribution pages could be improved, and here's what we came up with:

      Public page CSS

      • Add a public page class at the form level, so we can have different css for public pages than private
      • templates/CRM/common/drupal.tpl, drupal6.tpl, joomla.tpl, wordpress.tpl
      • $urlIsPublic

      Validation

      • Should have client-side validation with jQuery validate
      • (talk to coleman and kurund about this)

      Membership levels, contribution options

      • Put amount first then label
      • Make amount bold
      • Make currently selected level have a "selected" class
      • Highlight currently selected level in some way,
      • If you have autorenew memberships, if you switch to one that supports it then switch to No Thank You, it doesn't remove autorenew fields
      • Try to make recurring option, as well as membership autorenew option stack horizontally if we have space
      • If you have an autorenew membership, remove "(Your initial membership fee will be processed once you complete the confirmation step. You will be able to cancel automatic renewals at any time by logging in to your account or contacting us.)"

      Recurring

      • Add option to Amounts tab for recurring contributions for "I want to let users choose installments", schema change, if unchecked it doesn't display installments stuff
      • Remove recurring text about cancellation policy
      • If only 1 recurring unit is selected, it shouldn't be a dropdown, but just a word: e.g. if you only select months, it should say "I want to contribute this amount every month"
      • Make recurring option a checkbox instead of radio button, remove "I want to make a one-time contribution" altogether
      • In the backend, make defaults for recurring have only month checks, not recurring intervals

      Premiums

      • Make markup better so it's easier to work with with jquery, specifically add attributes as well as put it in divs
      • Make premiums act like EFF's

      Billing Address

      • "Billing Address is same as above" should default to checked
      • If "Billing Address is same as above" is checked, billing fields should be hidden

      Profiles / Fields

      • Text boxes should have bigger text, more padding, rounded edges
      • Text boxes and dropdowns should be the same width, with few exceptions (postal code, security code)

      Credit Card Information

      • Credit card number field, remove "Enter numbers only, no spaces or dashes". onChange, strip spaces and dashes
      • Security code field, remove "Usually the last 3-4 digits in the signature area on the back of the card" but keep image. Make sure it's aligned correctly.

      Contributing on behalf of an organization

      • When you check "I am contributing on behalf of an organization", should display an ajax loader image and remove it once ajax request finishes

        Attachments

          Activity

            People

            • Assignee:
              ravish.nair Ravish Nair
              Reporter:
              micah Micah Lee
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 hour
                1h