Shopify themes, liquid, logos, and UX
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
Could I make my product page my home page with the orgin theme?
Solved! Go to the solution
This is an accepted solution.
I'm finding that this accepted solution does not in fact work. I would suggest this code instead:
{% if template == 'index' %}
<script>
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.
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:
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 %}
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.
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
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?
This is an accepted solution.
I'm finding that this accepted solution does not in fact work. I would suggest this code instead:
{% if template == 'index' %}
<script>
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.
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
how can i do that on my store?