Re: remove announcement bar, header, footer on single page template envy theme

Abby_CLS · ‎06-16-2024

I think I've tried all the solutions to remove the header and footer from a page template, but none of them have worked! I'm using Envy theme 2.0. I have tried the following in the theme.liquid:

(above /head)

{% if template contains ‘email-signup' %}

<style>

announcement-bar, header, footer {display: none !important;}

</style>

{% endif %}

or (above /head)

{% if page.handle contains 'signup' %}

<style>

.header {

display: none !important;

}

.announcement-bar {

display: none !important;

}

.footer {

display: none !important;

}

</style>

{% endif %}

or (in the body)

{% unless template contains 'page.email-signup' %}
{% section 'announcement-bar' %}
{% section 'header' %}
{% endunless %}

and variations of

– page.title contains 'email list sign-up'

– template.name == 'email-signup'

the page template I want to remove it on is 'email-signup', the URL is /pages/signup, the page title is 'email list sign-up'

Please help!

Dan-From-Ryviu · ‎06-17-2024

Hi @Abby_CLS

Go to store admin > Online Store > Themes > Edit code > open theme.liquid file, add this code after <head>

{% if page.id == 93645635650 %}
<style>
#shopify-section-announcement-bar,
#shopify-section-header, 
#shopify-section-footer {
display: none !important;
}
</style>
{% endif %}

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

comercioservice · ‎06-16-2024

@Abby_CLS ,

in go to email single page template with customizer after that you will found custom CSS field, use display: done;
I think that's work for you

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

Abby_CLS · ‎06-17-2024

unfortunately, that isn't the solution. I get a message saying the section selectors are not supported, I don't think CSS is the solution.

comercioservice · ‎06-17-2024

@Abby_CLS you can also try this way https://www.loom.com/share/c991a3421fb14b3c934fdedaf6f31cfb

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

Abby_CLS · ‎06-17-2024

Unfortunately, that didn't work either. I wonder if it is something to do with the way the theme – Envy – is structured. The solutions I've tried, and the ones you have offered, make sense, but they just don't work.

comercioservice · ‎06-17-2024

@Abby_CLS , is it possible to check your code or something to have access to your store account as like staff account?

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

niraj_patel · ‎06-17-2024

Hello @Abby_CLS

Try this

Insert the following code at the top of your theme.liquid file, just before the closing </head> tag:
{% if template contains 'page.signup' %}
<style>
.announcement-bar, .header, .footer {
display: none !important;
}
</style>
{% endif %}

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

Abby_CLS · ‎06-17-2024

Unfortunately, no joy. I tried changing the 'page.signup' to all the other variations it could possibly be just in case. I have contacted the theme developer for some support, because these valid suggestions don't seem to be working.

I've triple checked that my syntax is correct!

ZestardTech · ‎06-17-2024

Hi @Abby_CLS

Please share your store URL and password.
So that I will check and let you know the exact solution here.

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

niraj_patel · ‎06-17-2024

Can you share page URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

Dan-From-Ryviu · ‎06-17-2024

Hi @Abby_CLS

Do you have the URL of the page where you would like to remove those sections?

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Abby_CLS · ‎06-17-2024

I'm happy to provide the URL, but as it's a client store, I'm not comfortable granting access without permission. I understand this makes it more difficult. I was unable to get any help from Eight Themes as per Shopify rules.

https://kuddlykids.com.au/pages/signup

Basically, we want this page to just be the email signup form and nothing else, like a landing page.

Dan-From-Ryviu · ‎06-17-2024

Hi @Abby_CLS

Go to store admin > Online Store > Themes > Edit code > open theme.liquid file, add this code after <head>

{% if page.id == 93645635650 %}
<style>
#shopify-section-announcement-bar,
#shopify-section-header, 
#shopify-section-footer {
display: none !important;
}
</style>
{% endif %}

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Abby_CLS · ‎06-17-2024

Amazing! It worked – thank you!

Dan-From-Ryviu · ‎06-17-2024

You are very welcome.

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Re: remove announcement bar, header, footer on single page template envy theme

remove announcement bar, header, footer on single page template envy theme

Community Blog Articles