Magento Street Address Placeholder

About Street Address Placeholder

Sometimes we need to add some custom fields in the Billing and Shipping address and for this we are using multiple street address fields. But if you are adding multiple street address fields there is no placeholder on these text box and user get confused what we have to fill in which text box.

To overcome this issue you can use Street Address Placeholder extension. This Extension helps you to add placeholder(s) on each street address field for frontend on address and checkout form(s). Using this extension you can easily add placeholder(s) checkout / my account street address fields as per your requirement. You can add as many placeholder as you want.

 

Feature
  • Easy to add placeholder(s) on street address fields in frontend.
  • It will add placeholder(s) on street address on all billing, shipping and my address form.
  • You can add as many placeholder(s) as you want.
  • Easy to manage placeholder(s) text from admin.

NOTE: For multiple street address fields you have to set default magento provided to multiple field in street address. Goto Store >> Configuration >> Customers >> Customer Configuration >> Name and Address Options >> Number of Lines in a Street Address.

 

Installation

Your magento 2 extensions can be installed in a few minutes by going through these following steps

Step 1: Download/purchase the extension

Step 2: Unzip the file in a temporary directory

Step 3: Paste “StreetAddress” folder into MagentoRoot/app/code/Doyenhub directory.

Step 4: Disable the cache under System >> Cache Management

Step 5: Enter the following at the command line to setup extension:

bin/magento module:enable Doyenhub_StreetAddress –clear-static-content

bin/magento setup:upgrade

bin/magento setup:di:compile

bin/magento setup:static-content:deploy

bin/magento indexer:reindex

Note: Clear the store cache, clear your browser cache, domain cookies, and refresh the page.

If you change theme from admin you have to remove pub/static and re-deploy pub/static.

 

Uninstallation

Enter the following at the command line to setup extension:

bin/magento module:disable Doyenhub_StreetAddress –clear-static-content

bin/magento setup:upgrade

bin/magento setup:di:compile

bin/magento setup:static-content:deploy

 

User Manual

1. Go to, Store >> Configuration >> DOYENHUB >> Street Address Settings

EnabledYes/No (Select ‘Yes’ to enable the extension)
Placeholder TextEnter pipe ‘ | ‘ separated placeholder’s
Admin/Backend
1. Enable Street Address Placeholder
You can enable/disable street address placeholder functionality as per your requirement.   
2. Placeholder Text
Enter pipe ‘ | ‘ separated placeholder’s
Frontend
1. My Account >> Address Book

2. Checkout page

Shipping Address
Billing Address
Demo Video

Leave a Reply

Your email address will not be published. Required fields are marked *