I want to change search button to text search and account to text login

Store Design
, ,

Topic summary

A user wants to replace icon-based navigation elements with text labels in their Shopify store header—specifically changing the search icon to “Search” text and the account icon to “Login” text.

Proposed Solutions:

  • Method 1 (EBOOST): Edit the theme code directly by navigating to Online Store → Themes → Edit Code, then modify sections/header.liquid. Locate <account-icon> and <details class="header__search"> tags and update them according to provided screenshots (screenshots referenced but not visible in text).

  • Method 2 (Dan-From-Ryviu): Add custom code to the theme.liquid file after the <head> tag, though the specific code snippet appears corrupted or improperly formatted in the conversation.

Status: The discussion remains open with no confirmation of which solution was implemented or whether the issue was resolved. Both solutions require direct theme file editing, which involves HTML/CSS modifications.

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

Screenshot 2024-06-26 at 11.20.24.png
Screenshot 2024-06-26 at 11.20.24.png2786Ă—110 16.4 KB

I want to change my store https://swawe.store/products/desert-landscape like this below

Screenshot 2024-06-26 at 11.38.59.png
Screenshot 2024-06-26 at 11.38.59.png2018Ă—133 2.93 KB

2

Hi @attackon ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532Ă—438 15.6 KB

  1. Sections/header.liquid

  2. Find “”

  3. Refer screenshot below to update code

EBOOST_0-1719385168456.png
EBOOST_0-1719385168456.png1194Ă—761 61.4 KB

  1. Find “”

  2. Refer screenshot below to update code

EBOOST_1-1719385308030.png
EBOOST_1-1719385308030.png1498Ă—740 67.5 KB

3

Hi @attackon

You can add this code to your theme.liquid file, after in Online Store > Themes > Edit code
1 Like