Hi!
I am currently launching my store with only one product. I have used the collection block on my home page for the same. I would like to link product from the home page directly to the main product page bypassing the collection page. Is there a way to be able to do that? I am using theme DAWN.
Screenshot for the page I want to bypass attached
My website/ store is jonnyjonny.in
I’d appreciate any help!
Many Thanks,
Parul
Hi Jonny,
I think you are asking about the multicolumn block on home page with Buy now button which directs to shop now page. Is that so?
This would require changing the multicolumn liquid button code and add add to cart script over there.
Would love to see some pro shed some light on this how to achieve it.
Thank you
Currently I have used the Collection template on home page (Not multicolumn).
When I click on the product link - it first takes me to the Collection Page and then I have to again click on the product name to link to the product page.
I want my link from home page in the “Collection” template to directly link to the main product page
Thanks,
Parul
Okay I figured it out how you can do this.
Be aware you wont be able to use collection anywhere else after this, as this will affect your collections wherever used on the website.
Let me explain:-
The Collection within collage is rendering the collection.liquid template. So in order to make change you have to hard code a href in collection.liquid and redirect it to your product page.
The hint should be enough for you, if you know what you are doing.
Thank you.
Well this is my first website ever and I have no coding background. So I don’t get the hint unfortunately cause this is all quite new for me.
If you can share the code, that would be extremely helpful. However, will I be able to delete the code later once I add more products to my website and then I do need the second page?
Thanks!
Parul
If you are planning to add more products later then you should definitely “NOT” do this.
Make a copy of your current theme if you want to revert changes.
Click the three dots next to customize and go to edit code.
On the left side frame:- Go to sections => card-collection.liquid.
At about line 93, where is says
href=“{{ card_collection.url }}” change to href=“desired url”.
Again if you use collection anywhere else it will have same url redirect.
Thank you.
I tried following your instructions but still unsuccessful. There is no
card-collection.liquid.
I am using Dawn Theme - Version Dawn 7.0.1
Please see screenshot attached
If you can still guide me that would be great
Best,
Parul
