Magento – City dropdown at checkout magento 2

checkoutmagento2

I use magento 2.0.7 is it possible to custom the checkout page city field(text) to dropdown list?

Best Answer

Yes.

The easiest would be to add a new entity where the values for your cities are stored. In the frontend, just change the input type to dropdown and load the list of cities. When a user selects a field from the dropdown, store the text value (as it is now). You could even do a check if the selected city is a valid one from your city list before storing the data. This way you don't have to change a lot.

A more advanced approach (if needed) would be to also add relations to the directory_country and/or directory_country_region tables to only show cities which belong to the specific country or region selected in the checkout.

Related Solutions

Magento 2 – How to Make Dropdown List for City Field in Checkout

By default there is no option in magento2 for making the city field as dropdown like state and country in the checkout page.

An approach would be to add relations to the directory_country and/or directory_country_region tables to only show cities which belong to the specific country or region selected in the checkout.

you will need to overwrite of the class \Magento\Checkout\Block\Checkout\LayoutProcessor by using 'options' value provided by the third party api for city(or use a custom array):-

 $elements = [
        'city' => [
            'visible' => true,
            'formElement' => 'select',
            'label' => __('City'),
            'value' =>  '',
            'options' => array_option(),
        ],

Hope this helps

Magento – how to add city dropdown on checkout page instead of typing the city(M2)

Extension1: you can install this free extension for display city

visit this link for how to install composer require php-cuong/magento2-city-dropdown

For more details how to set up check this link

Extension2: https://github.com/EaDesgin/Magento2-City-Dropdown

Best Answer

Related Solutions

Magento 2 – How to Make Dropdown List for City Field in Checkout

Magento – how to add city dropdown on checkout page instead of typing the city(M2)

Related Topic