Re: How do hide a page that has a forwarded domain from the main domain

How do hide a page that has a forwarded domain from the main domain

ckoconnor
Visitor
2 0 0

I had two unique websites, cassidykoconnor.com and blackhollowtown.com. My shopify store is connected to the cassidy domain. I want to redirect/forward the blackhollow domain to a specific page on my store and I don't want that page visible on the main cassidy domain. Said another way, when they go to blackhollow domain they will see a specific page of my shopify store and won't see anything else. When they go to the Cassidy domain they see everything except that blackhollow page.

I created a page for blackhollowtown but I can't figure out where to put it in navigation. I tried creating it as a top level menu item and that isn't working. Someone confirmed for me what I want to do is possible and the redirecting isn't the problem, it's the setup on the shopify side I'm stuck on. Here's the blog post by the person who said this can be done. 

https://authorssellingdirect.com/blogs/blog/how-to-redirect-a-url-to-a-specific-shopify-page?fbclid=...

Replies 2 (2)

AcidPi
Shopify Partner
61 14 16

Hi,
Without really knowing how you have setup the redirects and what you plan on doing on the redirect page accessed via blackhollow domain.

You can try this...

When they go to blackhollow domain they will see a specific page of my shopify store and won't see anything else.

Create a new page template, create a new page and assign new template to page, modify page templates blocks via theme editor

In your Theme Editor

  1. Select Pages
    ( under top - middle - right - drop-down )
  2. Select Create Template
    Name = redirect-page
    Based on = Default Page
  3. Click Create Template

In your Admin Panel > Sales Channels > Online Store > Pages

  1. Click Add Page
  2. Title = <your chosen title>
    ( Title becomes the URL of page unless you update via Search engine listing preview > Edit website SEO, also lists the URL to use for the redirect )
    Content = <your chosen content>
  3. Theme template = redirect-page
    ( the template created in first steps )
  4. Click Save

In your Theme Editor

  1. Select Pages
  2. you should now see
    redirect-page
    Assigned to 1 page
    Click into page
  3. In the left hand column edit page theme blocks
    Hide Header and Footer etc that references cassidykoconnor.com
    Leave Template Page if you plan on using pages Title and Content
    Add new Sections in the Template area based on your requirements

Please Note:
That a user could remove /pages/redirect-page and go to the home page of cassidykoconnor.com, unless you are able to do a masked URL forward "URL cloaking" via your domain registrar so when a user visits blackhollowtown.com and is redirected to cassidykoconnor.com/pages/redirect-page they continue to see blackhollowtown.com. Unsure if this is allowed or against Shopify's T&C's...


The end result is a page accessed via cassidykoconnor.com/pages/redirect-page with no references to cassidykoconnor.com content apart from the URL.

 

end result Capture.PNG


When they go to the Cassidy domain they see everything except that blackhollow page.
Don't set up a top navigation on Cassidy Domain for the redirect page or users will be able to access.
Please Note:
cassidykoconnor.com/pages/redirect-page could show up in site-maps or be indexed and show up in 3rd party search results.

Regards

AcidPi
Shopify Partner
61 14 16

Hi,
Apologies this wont work as expected as the header and footer will be removed from all pages not just on the redirect page.
A quick solution is to create a custom liquid block on the redirect page and add some CSS to hide announcement bar, header and footer etc.

Adding Custom Liquid Block
Capture fix2a.PNG


Liquid Code

 

<style>
.announcement-bar {
  display:none;
}
.header {
  display: none;
}
.footer {
  display: none;
}
</style>