Change "Phone Number" to "Order Number" on the Contact Form - Dawn 11 Theme

Store Design
, ,

Topic summary

A user wants to modify the contact form in their Dawn 11 theme by replacing the phone number field with an order number field. They’re concerned about preventing auto-complete from treating the new field as a phone number.

The user provided their current contact-form.liquid code, though the code snippet appears corrupted or improperly formatted in the post.

Key Requirements:

  • Replace or remove phone number field
  • Add order number field instead
  • Prevent browser auto-complete from recognizing it as a phone field

Status: The question remains unanswered with no solutions or responses provided yet. This is a theme customization request that would likely require editing the Liquid template code and potentially adjusting HTML input attributes (such as autocomplete settings) to achieve the desired functionality.

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

Hello!

Is it possible to change the phone number field to an order number field on the contact form? or even remove the phone number field and add an order number field instead?

I also want to make sure when I add an order number field that it doesn’t auto-complete as a phone number field.

I’m using the Dawn 11 theme and this is my current contact-form.liquid code:

Show More 

{%- if section.settings.heading != blank -%}## {{ section.settings.heading }}{%- else -%}## {{ 'templates.contact.form.title' | t }}{%- endif -%} {%- liquid assign contact_form_class = 'isolate' if settings.animations_reveal_on_scroll assign contact_form_class = 'isolate scroll-trigger animate--slide-in' endif -%} {%- form 'contact', id: 'ContactForm', class: contact_form_class -%} {%- if form.posted_successfully? -%}## {% render 'icon-success' %} {{ 'templates.contact.form.post_success' | t }}{%- elsif form.errors -%}## {% render 'icon-error' %} {{ 'templates.contact.form.error_heading' | t }}
- {{ form.errors.translated_fields.email | capitalize }} {{ form.errors.messages.email }} 
{%- endif -%}

{%- if form.errors contains 'email' -%} <small>{{ 'accessibility.error' | t }} {%- render 'icon-error' -%} {{- form.errors.translated_fields.email | capitalize }} {{ form.errors.messages.email -}} </small>{%- endif -%}

{%- endform -%}

{% schema %} { "name": "t:sections.contact-form.name", "tag": "section", "class": "section", "disabled_on": { "groups": ["header", "footer"] }, "settings": [ { "type": "inline_richtext", "id": "heading", "default": "Contact form", "label": "Heading" }, { "type": "select", "id": "heading_size", "options": [ { "value": "h2", "label": "t:sections.all.heading_size.options__1.label" }, { "value": "h1", "label": "t:sections.all.heading_size.options__2.label" }, { "value": "h0", "label": "t:sections.all.heading_size.options__3.label" } ], "default": "h1", "label": "t:sections.all.heading_size.label" }, { "type": "color_scheme", "id": "color_scheme", "label": "t:sections.all.colors.label", "default": "background-1" }, { "type": "header", "content": "t:sections.all.padding.section_padding_heading" }, { "type": "range", "id": "padding_top", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "t:sections.all.padding.padding_top", "default": 36 }, { "type": "range", "id": "padding_bottom", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "t:sections.all.padding.padding_bottom", "default": 36 } ], "presets": [ { "name": "t:sections.contact-form.presets.name" } ] } {% endschema %} ```