landing page help

pals
Tourist
12 0 2

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. 

CHAR2.jpg

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 

Replies 19 (19)
KetanKumar
Shopify Partner
35886 3585 11605

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
pals
Tourist
12 0 2

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
Shopify Partner
35886 3585 11605

@pals 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
pals
Tourist
12 0 2

@KetanKumar thank you, the password is stawge

fedsmf
Tourist
27 0 3

plz reply 2 him I have the same exact question

pals
Tourist
12 0 2
made4Uo
Shopify Partner
2589 475 705

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...

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
fedsmf
Tourist
27 0 3

ngl this didn't work & ruined my site

fedsmf
Tourist
27 0 3

This isn't what we asked for at all

KetanKumar
Shopify Partner
35886 3585 11605

@pals 

thanks for all update

yes its possible to customiztaion code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
pals
Tourist
12 0 2

@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_
Shopify Partner
233 29 92

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

 

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
made4Uo
Shopify Partner
2589 475 705

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.

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
pals
Tourist
12 0 2

@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.

 

1.png2.png

 

hope this is any easy fix. thanks again

made4Uo
Shopify Partner
2589 475 705

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.

made4Uo_0-1627793700397.png

 

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
pals
Tourist
12 0 2

@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
Shopify Partner
2589 475 705

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

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.
pals
Tourist
12 0 2

@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
Shopify Partner
2589 475 705

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

made4Uo_0-1627869909463.png

 

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>

Just be reminded that we are volunteering to help.
✿✿✿-

Likes  

and

 Accept as Solution

  will be much appreciated.✌-✿✿✿
For more Shopify Solutions and custom codes, just visit

 Made4Uo's website

.
Keep your stuffs private. Refrain from giving unnecessary access to your store.