landing page help

[pals]

Hello, I am new shopify and hoping that someone can help me figure this out.

My goal is to have a blank landing page with only my shop's logo that is clickable and forwards to the /home page. No header/footer, just the logo. It would look like this and when you click it goes to the actual shop homepage. 

I have found a theme that I'm happy with for all other components of the site such as home and product pages, but I don't know how to separate this page (in style/formatting) and classify it as the landing page.

Thanks in advance for any help.

Jacob 

[KetanKumar]

@pals 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[pals]

Hi @KetanKumar thank you for replying. 

The website URL is palsskateshop.com however I don't think that will be very helpful. I have only been doing research and have not set up the shop with any products and have not installed the theme I intend on using. 

I am hoping that you can point me in the right direction in what I will need to do to accomplish this goal as I begin building it out.

Thank you 

[KetanKumar]

@pals 

thanks for store but sorry your store is password protect can you please share us 

[pals]

@KetanKumar thank you, the password is stawge

[fedsmf]

plz reply 2 him I have the same exact question

[pals]

@KetanKumar 

[KetanKumar]

@pals 

thanks for all update

yes its possible to customiztaion code

[made4Uo]

Hi,

This tutorial might help. It creates a landing page without a header and footer and with a button you can redirect the visitor to your store. The rest of the pages should have a header and a footer

 https://made4uo.com/blogs/journey-to-awesome-shopify-website/create-a-landing-page-without-and-app-o...

[fedsmf]

ngl this didn't work & ruined my site

[fedsmf]

This isn't what we asked for at all

[pals]

@made4Uo thank you for the suggestion! the video was helpful and gave me a better understanding of page navigation.

however, the /pages/alternate-home solution is a bit unprofessional and seems like a shortcut around what I am trying to accomplish.

what I'm hoping for:

• when navigating to "palsskateshop.com" landing page, you will see the only the logo, no header, footer, or any other elements on the page.

• when the logo is clicked, it will forward to "palsskateshop.com/home". this home page and all other components of the site are currently built out and can be viewed using the password "stawge". 

I hope my clarification is helpful and that this makes it easier to find a solution.

Thanks

[Anthony_David_]

Hello @pals 

It is not possible have a page > palsskateshop.com/home, you can only have palsskateshop.com/pages/home

Now coming to Hiding header and footer
on your theme.liquid > you will find  {% section 'header' %} and  {% section 'footer' %}

Wrap the div as per below code >

{% unless template == 'index' %}
     {% section 'header' %}
{% endunless %}

{% unless template == 'index' %}
     {% section 'footer' %}
{% endunless %}

Hope this helps

Thanks

[made4Uo]

For some reason, calling the index in unless code does not work. That is why my way around is to create a new layout for other pages.

[pals]

@made4Uo thank you for the continued help. i used your first tutorial and then did my own version of the clickable image using the custom html in customize theme:

<p>
<a href="https://www.palsskateshop.com/pages/home"><img src="https://i.ibb.co/RpqKnTn/favicon.jpg" alt="favicon" border="0" width="500" height="500"></a>
</p>

im very close to where i want it to be, however, i cannot add a new section on /pages/home now. id like to get it back to how it was with a featured collection but the code doesnt seem to be communicating with other bits. here are some images to describe what im talking about. notice the %%featured-collection%%, and it doesnt allow me to select the collection.

hope this is any easy fix. thanks again

[made4Uo]

Hi, 

I understand. You have to click SAVE, then click the Custom Section to go back. You should be able to see the featured collection and able to customize it.

[pals]

@made4Uo whenever I save it does not populate the new "featured collection" option in customize menu. I get this error code:

"Liquid error: Error in tag 'section' - 'collection' is not a valid section type"

[made4Uo]

Hi, 

The reason it was showing the html warning is because the shopify sees it as a broken code since they do not allow a section to have another section. It is called nested section. That is a way around to create a nested section in shopify.

The code merely replaces the current section. That is why when you click SAVE, the html warning should be gone

[pals]

@made4Uo still not working. i re did all of the steps on a new theme copy but i am still getting the same result. here is what happens:

[made4Uo]

I cannot re-create the error. You should be able to see the featured collection when you save and go back to custom-section. Just like the picture below

If you just want a the featured section in your home page.  You can paste this code to the alternate home page.liquid

<div class="page-width">
<div class="grid">
<div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">
<div class="rte">
{{ page.content }}
{% section 'collection' %}
</div>
</div>
</div>
</div>