How can I hide the footer on the home page using Taste Theme?

How can I hide the footer on the home page using Taste Theme?

milo1832
Tourist
10 0 3

hello! i want to show the footer in all the web, except in the home page, how can i do it? I am using Taste Theme. thanks a lot.

Replies 2 (2)

ZestardTech
Shopify Partner
6096 1091 1465

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find layout >theme.liquid and paste this at the bottom of the file:

{% if template.name == 'index' %}
<style>
.footer {
display: none;
}
</style>
{% endif %}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

magecomp
Shopify Partner
461 31 47

To show the footer on all Shopify website pages except the homepage when using the Taste theme, you can follow these steps:

  1. Open your Shopify admin and go to "Online store" > "Themes".
  2. Find the "Actions" dropdown for the Taste theme and select "Edit code".
  3. In the left sidebar, click on the "Sections" folder and then open the "footer.liquid" file.
  4. Add the following code at the top of the file:

 

 

{% unless template contains 'index' %}

 

5. Add the following code at the bottom of the file:

 

{% endunless %}

6. Save the file.

 

This code will check if the current page is the homepage (using the template variable), and if it's not, it will display the footer. If it is on the homepage, the footer will not be displayed.

Note that this code will work for all pages except the homepage. If you want to hide the footer on specific pages other than the homepage, you can add their templates to the unless statement separated by the or operator. For example:

 

 

{% unless template contains 'index' or template contains 'page.contact' %}

 

 

This code will hide the footer on both the homepage and the contact page.

 
Helping voluntarily. Please like and accept the solution if it helps. Thanks!
Our Bestseller Shopify Apps    |      Mobile App Builder by MageComp    |      Shoplock Hide Pages/Collections

Need a developer?  Just visit MageComp website