How can I modify the footer only on product pages?

Topic summary

Initial Issue:
A user wants to modify the footer exclusively on product pages to hide the footer menu and social media icons, but editing the product page template affects all pages.

Solution Provided:
Add conditional code to the theme.liquid file before the </body> tag:

  • For product pages: Use {% if template == "product" %}
  • Include CSS to hide specific footer elements within the conditional block

Related Follow-up:
Another user asked how to remove only payment icons from the homepage. The solution uses similar logic but with a different template value:

  • For homepage: Use {% if template == "index" %}

Key Technical Detail:
The template conditional ({% if template == "[page-type]" %}) allows targeting specific page types in Shopify themes without affecting other pages.

Outcome:
Both users successfully implemented the solutions and confirmed they worked as intended.

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

@jrfellers , Can you share the password?