Need website open to the "Shop" page right away BUT still land on a separate HOME page when clicked

GCStudio
Visitor
2 0 0

This is for "GlossyClayStudio.com" website. I want the ability for someone to land right on my "Shop" page when they click my site BUT when they click "Home", that will be the "Home" page. Not the initial "Shop" page that they landed on when they first clicked in. 

 

Does that make sense? I want my sections to stay the same (right now it's Home, Shop, About, Shipping&Handling, Contact). 

 

So if someone is interested in viewing the "Home" page, they can but when they initially go into my site, they will be first directed to my "Shop" page. 

 

I'm trying to eliminate that extra click they need to do in order to shop. I like my home page but it is an extra click away that I want to change. 

 

 

Replies 3 (3)
Dan-From-Ryviu
Shopify Partner
5572 1022 1054

Hi @GCStudio 

It cannot be but you can add your product to homepage (add featured product section) and then customize your homepage same a product page so they can buy your product directly on your homepage. 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

ZenoPageBuilder
Shopify Partner
830 148 167

Hello @GCStudio 👋

In short, it is not possible. You can only redesign your homepage to be the shop page, and create a subpage named "Home". That is a workaround.

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
makkaomakka
Shopify Partner
875 170 182

This solution is not recommend as this might have negative impact on SEO. However if you still want to implement this, try adding below codes to your theme file.

<sctipt>
document.querySelectorAll('a').forEach(function(e){
   e.addEventListener("click", function() {
      localStorage.setItem("linkClicked", "true");
    }); 
});
if(localStorage.getItem("linkClicked")){
        console.log('visited by clicking link');
        localStorage.removeItem("linkClicked");
           
}else{
    if(window.location.pathname == "/"){
        console.log('Home Page visited first time so redirecting');
        localStorage.removeItem("linkClicked");
        window.location.replace("/collections/all");
    }
}
</script>

 

Steps to add this code:

Step 1: Go to Online Store > Themes > Active theme > Edit

makkaomakka_0-1695702963512.png

 

 

Step 2: Search for "theme.liquid"

makkaomakka_1-1695702963518.png

 

 

Step 3: Add the CSS above "</body>"

makkaomakka_2-1695703023592.png

 

❤️❤️

Buy me a coffee


For quick response - Message Me


Increase Xmas sales with BOGO+ Easy Free Gift Upsell. Get 30% OFF for 3 months with code "BFWIZZ30".