Dawn Theme Add New Address/Edit/Delete Address Button Not Working

Technical Q&A

Topic summary

A user encountered non-functional add, edit, and delete address buttons on Shopify’s Dawn theme customer page. Existing solutions from other forum threads didn’t resolve the issue.

Root Cause Identified:
The problem stemmed from the “—” option in the country dropdown selector within the addresses.liquid file.

Solution Implemented:

  • Created custom JavaScript functionality to handle button clicks and toggle aria-expanded attributes
  • Modified the addresses.liquid file for both new and edit address forms
  • Added conditional logic to check if a country was previously selected, preventing the problematic “—” option from appearing
  • Updated the country select dropdown code to use proper default values

Technical Details:
The fix involved checking if form.country exists and setting appropriate data-provinces and value attributes, replacing the empty “—” option with either the previously selected country or an empty option with proper attributes.

The issue appears resolved with this custom implementation.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I have a weird issue with my shopify, the buttons in the customer page to add, edit or delete the address aren’t working.

I’ve already checked other topic of people having the same issue like this and this one but aren’t working for me because I don’t have anything after the closing of html tag.

Here my shop, password is powngu.

Thanks everyone!

2

I solved the issue making my own functionality in my js file like this:

/* Manage addresses buttons click */
if ($(“.customer.addresses”)) {
$(“.customer.addresses button”).on(‘click’, function() {
$(this).attr(‘aria-expanded’, $(this).attr(‘aria-expanded’) === ‘true’ ? false : true);
});
}

And changing the code in the addresses.liquid file after read this topic, seems that the issue was coming from the option “—”.

In the add new address form:

<select
id=“AddressCountryNew”
name=“address[country]”
data-default=“{{ form.country }}”
autocomplete=“country”


{{ all_country_option_tags }}

And in the edit address form:

<select
id=“AddressCountry_{{ form.id }}”
name=“address[country]”
data-address-country-select
data-default=“{{ form.country }}”
data-form-id=“{{ form.id }}”
autocomplete=“country”


{% if form.country %}
{{ form.country }}
{% else %}

{% endif %}
{{ all_country_option_tags }}

Hope this helps :slightly_smiling_face: