Shopify Footer Policy Links: How to Display Them Separately (Horizon & Trade Themes)

Hey there, fellow store owners! We've all been there: you're polishing your Shopify store, getting everything just right, and then you notice something small that just doesn't quite fit your vision. A recent community discussion highlighted a common one: how to display essential policy links – like your Privacy Policy, Refund Policy, and Terms of Service – separately in your footer, instead of them being grouped under a single "Terms & Policies" heading.

Our community member, skooch, initially asked about the "Trade" theme but quickly clarified they were using the "Horizon" theme. This mix-up is actually a great lesson: while the problem is common, solutions can be theme-specific. Thankfully, our amazing community offered several fantastic approaches that can help almost anyone!

Why Separate Policy Links Matter for Your Shopify Store

While grouped links technically work, separating them offers real benefits that enhance your store's professionalism and user experience:

• Better User Experience (UX): Clear, distinct links make it easier for customers to find crucial information quickly, reducing frustration and building trust. When policies are hidden behind a single dropdown, users might miss them or find them cumbersome to access.
• Enhanced Credibility: A transparent display of your store's policies signals trustworthiness and professionalism. It shows you have nothing to hide and value your customers' peace of mind.
• Improved Navigation: For many users, the footer is a go-to spot for essential information. Having direct links means fewer clicks and a more intuitive journey through your site.

Common Causes for Grouped Policy Links

Before diving into solutions, it's helpful to understand why your policy links might be grouped:

• Default Theme Behavior: Some Shopify themes are designed to group policy links under a single heading by default, especially in their footer sections.
• Navigation Menu Structure: Often, the policies are set up as sub-menu items under a parent "Terms and Policies" link in your Shopify navigation settings.
• Theme Updates: Sometimes, a theme update might revert customizations or introduce new default grouping behaviors.

Solution 1: The Easiest Fix – Adjusting Your Navigation Menu (Universal)

This is often the most overlooked and simplest solution, applicable to almost any Shopify theme. Thanks to ajaycodewiz for highlighting this!

Steps to Adjust Your Navigation Menu:

1. From your Shopify admin, go to Online Store > Navigation.
2. Select the menu that's displayed in your footer (commonly named "Footer menu" or "Utility menu").
3. Examine your menu items. If you see "Privacy Policy," "Refund Policy," "Shipping Policy," or "Terms of Service" indented beneath a parent item like "Terms and Policies," this is your culprit.
4. Drag and Drop: Simply click and drag each indented policy link to the left, so it's no longer a sub-item. It should sit at the same level as other top-level menu items in your footer.
5. Click Save menu.

This method doesn't require any code and often resolves the issue instantly. If your policies are already top-level items in your menu and still grouped, then your theme's default rendering is the cause, and you'll need one of the following solutions.

Solution 2: Theme Editor Settings (Theme-Specific)

Some themes, like the "Trade" theme mentioned in the original query, might have a built-in option to control how policy links are displayed. This is the next easiest step if Solution 1 doesn't apply.

Steps to Check Theme Settings:

1. From your Shopify admin, go to Online Store > Themes.
2. Find your current theme and click Customize.
3. In the theme editor, navigate to the Footer section.
4. Look for a section or block specifically for "Utilities" or "Policy links."
5. Check for a checkbox or toggle labeled something like "Show policy links separately" or "Display individual policy links." If you find it, enable it.
6. Click Save.

Always consult your theme's documentation for specific settings, as these options vary widely between themes.

Solution 3: The Quick CSS Snippet (Specific to Horizon Theme)

If you're using the Horizon theme and the above solutions don't work, this CSS-only approach, provided by tim_tairli, is likely your fastest and easiest code-based solution. It avoids direct Liquid file edits, making it less prone to errors.

Steps for Horizon Theme:

1. From your Shopify admin, go to Online Store > Themes.
2. Find your Horizon theme, then click Customize.
3. In the theme editor, navigate to the Footer section.
4. Look for a section or block called "Utilities" within the Footer.
5. Inside the Utilities section, find the "Custom CSS" setting (it might be at the bottom of the section settings or under a general "Theme settings" tab).
6. Paste the following code into the "Custom CSS" box:

div#terms-policies-popover {
  display: contents;
  opacity: 1;
  position: unset;
  box-shadow: none;
  transform: none;
}

anchored-popover-component button.policy-list-trigger {
  display: none;
}

anchored-popover-component .policy_list {
  display: flex;
  flex-wrap: wrap;
}

7. Click Save.

This CSS code forces the popover content to display inline, hides the trigger button, and arranges the policy links in a flexible row. It's a clever way to achieve the desired look without altering the theme's core structure.

Solution 4: Direct Liquid File Customization (Advanced & Theme-Agnostic)

For those comfortable with code, or if the above solutions don't work for your specific theme, directly editing your theme's Liquid files offers the most control. This approach was suggested by devcoders and rshrivastava63.

Important Precaution:

Always duplicate your theme before making any code edits. This creates a backup, allowing you to revert easily if something goes wrong. Go to Online Store > Themes > Actions > Duplicate.

Steps to Edit sections/footer.liquid:

1. From your Shopify admin, go to Online Store > Themes.
2. Find your current theme (or the duplicated version), click Actions > Edit code.
3. In the left sidebar, navigate to the Sections folder and open footer.liquid.
4. Look for code that iterates through your shop's policies, typically a loop like this:

{% for policy in shop.policies %}
  

    {{ policy.title }}
  
{% endfor %}

Or, you might find a section that explicitly creates a grouped menu for policies. The goal is to replace or modify this grouping logic.

5. Instead of wrapping them under a single "Terms & Policies" menu output, you can explicitly list each policy. Find the appropriate place in your footer.liquid (likely within a
   or
   element in your footer's utility section) and add the following:

{% if shop.privacy_policy %}
  
Privacy Policy
{% endif %}

{% if shop.refund_policy %}
  
Refund Policy
{% endif %}

{% if shop.shipping_policy %}
  
Shipping Policy
{% endif %}

{% if shop.terms_of_service %}
  
Terms of Service
{% endif %}

{% if shop.legal_notice %}
  
Legal Notice
{% endif %}

{% if shop.accessibility_statement %}
  
Accessibility Statement
{% endif %}

This code checks if each policy exists and then creates a direct link for it. You may need to remove any existing code that generates the grouped policy links to avoid duplication.

6. Click Save.

Which Solution is Right for You?

• Start with Solution 1 (Navigation Menu): It's the simplest and often solves the problem.
• Move to Solution 2 (Theme Editor): If your theme has a built-in setting, it's a quick, no-code fix.
• Consider Solution 3 (CSS for Horizon Theme): If you're on Horizon, this is a great non-Liquid code option.
• Use Solution 4 (Liquid Customization) as a last resort: For advanced users or if other methods fail, but always with a theme backup.

Conclusion

Displaying your policy links separately in the footer is a small change that can significantly impact your store's user experience and perceived professionalism. By following these steps, you can tailor your Shopify store to perfectly match your brand's vision. Whether you're fine-tuning an existing store or looking to start your Shopify journey, attention to detail like this sets successful merchants apart.

If you find yourself needing more complex customizations, theme development, or considering a migration to Shopify, don't hesitate to reach out to the experts at Shopping Cart Mover. We're here to ensure your e-commerce platform perfectly supports your business goals.