How to change the Browser Title Tag for Canopy

Technical Q&A
,

Topic summary

A user seeks to remove the default “- Store Name” suffix that appears in browser title tags across their Shopify Canopy theme. They’re experiencing SEO errors due to duplicate store names appearing in titles.

Initial attempts:

  • User knows how to modify titles via Online Store > Preferences
  • Cannot locate the title tag code in theme.liquid source files

Solution provided:
Another user shares code modifications for the theme.liquid file, specifically targeting the <title> tag markup to prevent automatic store name appending.

Resolution:
The original poster discovers that the Canopy theme is already coded to avoid duplication—if the store name is added in Online Store > Preferences, it won’t display twice. The issue resolves once they properly configure the preferences section, and they mark the initial response as the accepted solution.

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

I really cannot stand that the default for Shopify themes is to have a “- Store Name” on the browser tab.

Currently working with the Canopy theme and I cannot find the title tag anywhere in themes.liquid.

  1. I would love to remove the default “- store name” from the theme source code.

  2. I do know how to add it under themes preferences setting directly.

Thanks!

2

Hi, @shaunryan

You can add it here.

AnneLuo_0-1724286201776.png
AnneLuo_0-1724286201776.png1351×455 43.1 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like
3

Thanks AnneLuo. I do know how to change the title under Online Store>preferences. Appreciate the help still. I need to know how to remove the " - store name" default code written into the theme somewhere. I can’t find it even with search. Maybe the Canopy theme does not use the “title” in the source code.

4

Okay. Got it. Can you please tell me which part of your store do you want to remove?

Can you share the store URL and take a screenshot to describe your requirements? So that I can assist you.

1 Like
5

In the browser tab most Shopify themes default to a " - store name". So for me it is " - 8bit Beard Co." I need to find this in the code and remove it from all tabs. So I can add what I want in the Online store>preferences. I am getting SEO errors bc I had a bunch of stuff here and this added store name duplicate made it to long.

Screenshot 2024-08-21 at 8.54.13 PM.png
Screenshot 2024-08-21 at 8.54.13 PM.png266×101 3.65 KB

6

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and replace the code in the tag to the following code

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like
7

Thanks for the help!!! I went through the code listed and found if you add your store name to the Online Store>Preferences section it will not list it twice on the home page now. Coded so there is not a duplicate if store name is there already. So i accepted the first response you gave. Appreciate the help!!!