Is it possible to set a product page as the home page using the Origin theme?

Jadon1 · ‎02-25-2023

Could I make my product page my home page with the orgin theme?

RonPeakHerbal · ‎01-09-2025

I'm finding that this accepted solution does not in fact work. I would suggest this code instead:

{% if template == 'index' %}

window.location.href = "{full URL path of YOUR product}";

</script>

{% endif %}

It HAS to be the full URL path, and it has to be contained in quotation marks, not silly hyphens.

View solution in original post

diego10_01 · ‎02-25-2023

Depends on the theme, but if you're looking for a solution that works for any theme, then you may include this code in the theme.liquid file right before the <head> tag:

{%- if template contains 'index' -%}

window.location.href = '/products/url-of-your-product';

</script>

What you'd be doing with that is redirecting all traffic that gets to your index page, so that it gets sent to your product page.

Not very optimal, but that's the first thing that comes to mind now.

skanpaul · ‎06-16-2024

Thanks for you info. I followed your instruction it and it works.

Just you forgot to add {% endif %} at the end of your code chunk.

{%- if template contains 'index' -%}
<script>
window.location.href = '/products/pour-sportif';
</script>
{% endif %}

EcomGraduates · ‎02-25-2023

Hello there

Yes, you can make your product page your home page with the Origin theme.

From your Shopify admin panel, go to "Online Store" and then "Themes". Find the Origin theme and click on "Customize" to launch the theme editor.
In the theme editor, navigate to the "Sections" tab and select the "Homepage" section.
In the "Homepage" section, click on the "Add section" button and select "Product" from the list of available sections.
In the "Product" section settings, select the product that you want to use as your home page.
Once you've selected your product, you can customize the product section to your liking. For example, you can choose to display the product's price, description, and images.
Once you've finished customizing the product section, click "Save" to save your changes.
Finally, navigate to the "Navigation" tab in the theme editor, and set the "Home" link to the product page that you've just created. To do this, simply click on the "Home" link and select "Products" from the drop-down list. Then, select the product that you want to use as your home page.

Once you've completed these steps, your product page will now be your home page.

 If this fixed your issue, likes and accepting as a solution are highly appreciated
|  Build an online presence with our custom-built Shopify Theme: EcomifyTheme
|  Check out our reviews: Trustpilot Reviews
|  We are Shopify Partners: EcomGraduates Shopify Partner

GemPages · ‎02-25-2023

Hello @Jadon1

You can try to add code to redirect home page to a product page.

1. Go to Online Store -> Theme -> Edit code https://prnt.sc/fJOF9RnL7Rp5
2. Open your theme.liquid theme file

3. Paste the below code before </head>

{% if template == 'index' %}
<script>
window.location.href = '/products/...';
</script>
{% endif %}

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

brynwatts5 · ‎04-10-2024

hi! when I tried this code and previewed my page it say 404 page not found and only works after hitting the button that says keep shopping how could I fix this?

RonPeakHerbal · ‎01-09-2025

I'm finding that this accepted solution does not in fact work. I would suggest this code instead:

{% if template == 'index' %}

window.location.href = "{full URL path of YOUR product}";

</script>

{% endif %}

It HAS to be the full URL path, and it has to be contained in quotation marks, not silly hyphens.

PageFly-Victor · ‎02-27-2023

Hi @Jadon1

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag </body>

{% if template == 'index' %}
<script>
window.location.href = '/products/...';
</script>
{% endif %}

Please refer to this screenshot:

Hope you find my answer helpful!

Best regards,

Victor | PageFly

jakstore_ · ‎10-24-2023

how can i do that on my store?

Is it possible to set a product page as the home page using the Origin theme?

Is it possible to set a product page as the home page using the Origin theme?

GemPages - Build any high-converting store pages for any business

Community Blog Articles