Turn your Welcome page into your home page

By default, your theme may show a variety of things on your homepage, such as the content of your About us page, some featured products, or an excerpt of your latest blog entry. This tutorial will replace the content of your homepage with the content of your Welcome page.

Edit your theme

  1. From your Shopify admin, click Online Store, and then click Themes (or press G W T).

  2. Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS.

  3. Under the Templates folder, locate and click on page.liquid to open it in the online code editor.

  4. Place your cursor somewhere in the content of page.liquid. To select all the code, tap Ctrl-A (Windows) or CMD-A (Mac). Once all the content is selected, copy the code using Ctrl-C (Windows) or CMD-C (Mac). Close the template.

  5. Under the Templates folder, locate and click on index.liquid to open it in the online code editor.

  6. Place your cursor somewhere in the content of index.liquid, and select the contents of the file by tapping Ctrl-A (Windows) or CMD-A (Mac).

  7. Once all of the content is highlighted, use Ctrl-V (Windows) or CMD-V (Mac) to paste the code you just copied into the file.

  8. At the very top of your amended index.liquid file, add this code:

    
    {% assign page = pages.frontpage %}
    
    
  9. Save your changes.

Troubleshoot

Having problems? Take a look at some frequently-asked questions.

Home page doesn't show the content you expect

  1. From your Shopify admin, click Online Store, and then click Pages (or press G W P).

  2. Click on your "Welcome" page. You're looking for a page with the handle frontpage. When you signed up for a new Shopify account, this page was created automatically for you and was titled Welcome. Don't see a Welcome page or a page with the handle 'frontpage'? You may have deleted the page or renamed it.

  3. If you don't have any page with handle frontpage, and want to create a new page with that handle, click on the Add page button.

  4. Create a page with the title Frontpage. Add some content. Save. This will have created a page with handle frontpage. Once you have saved your page, you can go back and edit the title to something else.

To use an existing page as your front page

  1. If you don't have any page with handle frontpage, but you do have another page you wish to show on your homepage, click on that page to edit it.

  2. Edit that page handle to frontpage.

    Welcome
  3. Save your changes.

I don't like the content on that page

If you do have a page with handle frontpage, but its content is not not what you wish to see on your homepage, edit the content of that page.

Hide the page title on the home page

  1. From your Shopify admin, click Online Store, and then click Themes (or press G W T).

  2. Find the theme you want to edit, click the ... button, and then click Edit HTML/CSS.

  3. Under the Templates folder locate and click on index.liquid to open it in the online code editor.

  4. Comment out the Liquid code that outputs your page title like so:

    
    {% comment %}{{ page.title }}{% endcomment %}
    
    
  5. Save your changes.

Want to discuss this page?

Visit the Shopify Community