Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

On Manage Customer Attributes page, Admin can view and manage the available attributes or create a new attribute by clicking on Add New Attribute button.

Image Modified

 

On New Customer Attribute page

Properties 

Image Modified

(plus) Default Label: enter the name of the attribute which will display as the attribute title on the frontend.

...

  • This is a single line input field for text.

Image Modified

  • Default Value: enter the default text which appears in the field as a suggestion. Customer can edit the text.
  • Input Validation: select among 6 options: Alphanumeric, Numeric Only, Alpha Only, URL, Email, Date and All Validates.
  • Text Field display:
    Image Modified

Status
subtletrue
colourGreen
title2
 Text Area

This is a multiple-line input field for entering paragraphs of text.

Image Modified

 

  • Default Value: enter the default text which appears in the field as a suggestion. Customer can edit the text.
  • Text Area display:

Image Modified

Status
subtletrue
colourGreen
title3
 Date

The date can be entered by making a selection from the popup calendar.

Image Modified

  • Default Value: choose the default value which appears in the field as a suggestion. Customer can choose another date.
  • Date display:

Image Modified

Status
subtletrue
colourGreen
title4
 Multiple Select

This type allows displaying a drop-down list of values. To select more than one option, the customer can hold the Ctrl key down and click each item.

Image Modified

  • Click on Add Option button to add more option to the drop-down list for the attribute.
  • Tick on the tickbox under Is Default column to set the option as default.
  • Show option in admin: enter the title of the option which displays on the backend.
  • Show option in storefront: enter the title of the option which displays on the customer side.
  • Multiple Select display:

Image Modified

Status
subtletrue
colourGreen
title5
 Multiple Select With Images

There will be a list of options with images for customer's selection.

Image RemovedImage Added

 

  • Click on Add Option button to add more option.
  • Choose the image and fill the title for each option.
  • Multiple Select With Images display:

Image Modified

Status
subtletrue
colourGreen
title6
 Dropdown

This type displays a drop-down list of values for customer selection.

Image Modified

  • Click on Add Option button to add more option.
  • Value: Enter the title for each option in the dropdown list.
  • Other Option Label Input: enter the text for the last option in the drop-down list, which is the option for the customer who has the question beyond the listed answers in the default list.
  • Dropdown display:

Image Modified

Status
subtletrue
colourGreen
title7
 Yes/No

This type allows displaying a drop-down list with pre-defined options of “Yes” and “No”.

Image Modified

  • Default Value: choose the value that will be marked by default. Customer can choose another option.
  • Yes/No display

Image Modified

Status
subtletrue
colourGreen
title8
 Image File

This type allows the customer to upload their image.

Image Modified

  • Image Size: set the layout size for the uploaded image. The size unit in this field is "pixels". Follow the note under this field to set the proper size.
  • Image File display

Image RemovedImage Added

Status
subtletrue
colourGreen
title9
 Single radio Image

There will be a list of options with images that allows the customer to select only one option.

Image Modified

  • Click on Add Option button to add more option.
  • Choose the image and fill the title for each option, which will display with the image.
  • Single radio Image display:

Image Added


(plus) Is Required: decide whether the attribute is required to be filled by the customer or not by choosing Yes/Noamong 3 options: Frontend and Backend, No, Only Frontend.

(plus) Customer Group: select the customer group to display the attribute.

...

This section allows setting for the display of the attribute in backend by choosing Yes or No in each field: Use in Customer Grid, Filter in Customer Grid and Search in Customer Grid.

Image Modified

Store Configuration

Image Modified

This section allows setting display for the attribute on the storefront.

...

(plus) After finishing the setup, click Save to save the attribute and view on the frontend. 

 

...

On Storefront

Additional attribute on Customer Registrant page

Image Added

Additional attribute on Edit Account Information page

Image Added

Additional attribute on Customer Information page from backend

Image Added

Additional attribute on customer grid from backend


Image Added


...