change acount search cart from icons to words - studio theme

Store Design

Topic summary

A user wants to replace icon-based navigation elements (search, cart, account) with text labels in Helvetica Bold font on their Shopify store using the Studio theme.

Proposed Solution:

  • Locate header.liquid file via Online Stores > More action > Edit code
  • Find the header__icons section
  • Replace the <svg> code for each icon with desired text labels

Current Status:
The initial attempt was unsuccessful—the user replaced the SVG code with text but the changes didn’t display properly. A follow-up video tutorial was provided to demonstrate the correct implementation process, though the outcome remains unconfirmed.

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

hi i would like to change the icons on my website too words in Helvetica bold.

this is my website https://www.auntclothing.com/collections/tshirt

password: auntsoon

see example

Screenshot 2022-11-18 at 23.23.04.png
Screenshot 2022-11-18 at 23.23.04.png1212×182 4.73 KB

2

Hi @Zakariatheguy ,

This is Victor from PageFly - Shopify Page Builder App.

This will require changing the theme code a little bit but you can follow my instructions

Step 1: Online Stores > More action > edit code > header.liquid

Step 2: find header__icons

PageFlyVictor_0-1669170665176.png
PageFlyVictor_0-1669170665176.png1476×860 61.6 KB

Replace all those with the text you want
For example, I delete all the and will insert an ‘search’ text to replace it

Hope this can help you solve the issue.

Best regards,

Victor | PageFly

3

Hey victor it didn’t work I changed the SVG to words and it didn’t work see example:

Screenshot 2022-11-23 at 12.09.41.png
Screenshot 2022-11-23 at 12.09.41.png2048×628 107 KB

4

Hi @Zakariatheguy ,

Please check out the video I attached below to learn how to do that, and replace the whole with the text you want.

Hope my answer is helpful to you!

Victor | PageFly