Dawn Theme: Showing full product detail on homepage

Hello,

How can I show the full product page on my homepage? I don’t want visitors to have to click the “view product details” link to go to another page, I just want everything in one page (pictures, star rating, etc…) Is there a quick code for this or do I have to pay for this service?

1 Like

Hi @Kisdarling ,

You can easily do this in Dawn by setting up a ‘Featured Product’, here is how:

  • Go to Online Store-> Theme-> Customize

  • In the left pane, look for ‘Add Section’

  • In the search for ‘Featured Product’

  • In the new section, click ‘Featured Product’

  • Select product desired

  • Fill in rest of details

And that’s it, you have a full fledged product on your home page without having to leave the page.

If this works out for you, please mark my post as a solution and leave a like.

Thanks

I’ve already done that. In order to see the full product details, I have to click “View Full Details —>”. I don’t want my visitors to have to do that. I want it all on one page.

Ahhh I see.

If its not so much work, you can try

'Add block in the Featured Product section.

That would be the easiest way to do it, otherwise you may need some custom solution.

Let me know if it works out for you. Also if this solves your issue, please mark it as a solution.

Thanks

@Kisdarling

If its not so much work, you can try

'Add block → Text in the Featured Product section.

hi @Kisdarling

You can share the code of main-product.liquid and index.liquid file so they can be updated.

Hi @Kisdarling ,

Do you want to hide the text “View Full Details”?

Go to Assets > base.css and paste this at the bottom of the file:

.featured-product .product__view-details {
  display: none !important;
}

Hope it helps!

any luck? literally the same problem here I’ve been looking everywhere for a solution.

2 Likes

oops wrong post