Shopify Horizon Theme: How to Display Separate Policy Links in Your Footer (No More Pop-Ups!)

Hey there, fellow store owners! Ever found yourself scratching your head, wondering how to get those individual policy links like Privacy Policy or Refund Policy to show up separately in your Shopify footer, especially if you're rocking the Horizon theme? You're definitely not alone. It's a common point of frustration, and it recently came up in a great discussion on the Shopify community forums, sparked by a store owner named Geronim0.

Like many of you, Geronim0 was dealing with Horizon's default behavior: a single "Terms & Policies" link that, when clicked, reveals all the individual policies in a pop-up. While functional, it's not always the best user experience or what you envision for your brand's aesthetic. The good news is, the community rallied with some fantastic solutions, and I'm here to break them down for you.

Tackling the Footer Policy Links: Two Solid Approaches

The core of Geronim0's question was simple: "How can I go about this in the Horizon theme?" The community offered two main paths, one completely no-code and another involving a small, elegant code edit. Both are effective, but they cater to different preferences and technical comfort levels.

Option 1: The No-Code Menu Method (Great for Beginners!)

This approach, championed by community members like devcoders and veed, is fantastic because it leverages Shopify's built-in navigation features. It essentially involves creating a dedicated menu for your policies and then adding that menu to your footer. Geronim0 initially hit a snag here, finding that the footer menu block only offered the "Main menu." But veed quickly clarified that you absolutely can change it – you just need to select the Menu block in the footer and then pick your custom "Legal" menu from the block's panel settings. Easy fix!

Here's how to implement this:

1. Create Your "Legal" Menu: In your Shopify admin, navigate to Content > Menus > Add menu. Give it a clear name, like "Legal" or "Policies."
2. Add Your Policy Links: Click Add menu item. In the link field, start typing the name of your policy (e.g., "Privacy policy," "Refund policy," "Terms of service"). Shopify will suggest the actual policy page. Add each policy one by one until your menu is complete, then click Save menu.
3. Add the Menu to Your Footer: Go to Online Store > Themes > Customize. In the theme editor, select the Footer section. Click Add block > Menu.
4. Select Your Custom Menu: With the new "Menu" block selected in the footer, look at the block's settings panel on the right. Click the Menu setting and choose your newly created "Legal" menu from the dropdown list.
5. Hide the Default "Policy Links" Block: To avoid duplicate or confusing links, find the original Policy links block (which creates the pop-up) within the Policies and links section of your footer and click the eye icon to hide it.

The Catch: The only minor drawback with this method, as veed pointed out, is that if you add a new policy to your store later, you'll have to manually add it to your "Legal" menu as well. A small price to pay for a no-code solution, right?

Option 2: The Elegant Code Snippet (For Automatic Updates!)

If you're comfortable with a little bit of code, veed's second option is incredibly slick. It involves a small edit to a Liquid file that makes your policy links appear automatically, inline, and keeps them updated without manual intervention when you add new policies. This is a "set it and forget it" solution once implemented.

Important: Always duplicate your theme before making any code changes! Go to Online Store > Themes > ... > Duplicate.

1. Edit Code: Once your theme is duplicated (and you're working on the copy!), click Actions > Edit code.
2. Locate the File: Open the file named blocks/footer-policy-list.liquid.
3. Replace the Popover Code: You'll find a section starting with . Keep the very first and last lines ({% if shop.policies.size > 0 %} and its closing {% endif %}), but replace everything in between with this Liquid code:

  {%- for policy in shop.policies -%}
    {%- if policy != blank -%}
      

        {{- policy.title | escape -}}
      
    {%- endif -%}
  {%- endfor -%}

.policy-inline-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 16px;
  margin: 0;
  padding: 0;
  font-size: var(--font-size, 0.75rem);
  text-transform: var(--text-transform, none);

  @media screen and (min-width: 750px) {
    justify-content: flex-start;
  }
}