All things Shopify and commerce
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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.
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 & Accept solution!
- 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.
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.
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
Step 2: Search for "theme.liquid"
Step 3: Add the CSS above "</body>"