Adding a "Recently Viewed" section to pages in Dawn 2.0 theme using code (no apps)

Topic summary

Adding a code-only “Recently Viewed” products section to Shopify’s Dawn 2.0 theme, matching the default “You may also like” (Product Recommendations) styling.

Key issues raised:

  • Code from a referenced YouTube/GitHub guide was implemented, but styling doesn’t match: product images are too large, fonts/text sizes differ, and items stack vertically in a column instead of a row.
  • Uncertainty about where to place the “include recently viewed” snippet in the theme files.
  • Desire to match Product Recommendations styling (title, price, currency, font/size, image size) exactly.

Actions taken:

  • Store preview URL was shared for review.
  • One contributor offered to customize and add the section.
  • Another provided guidance via screenshots showing where to add the code (images are central for placement context).

Current status:

  • Section added but not styled correctly; placement guidance provided.
  • No code-level styling fix shared yet and no confirmation of resolution.
  • Request remains for Dawn 2.0-specific styling guidance to ensure layout and typography match Product Recommendations.
Summarized with AI on February 8. AI used: gpt-5.

I would like to add this section in the same styling as the default “You may also like” product recommendations section.

@LitCommerce

thank you in advance for considering this.

Hi @thisMD ,

Can you share your website URL so that I can check and provide you with a solution.

Hi @thisMD ,

You can refer https://www.youtube.com/watch?v=gk7KzAFPP5E

Hope it helps!

Hello SmallTask,

thank you for your reply,

https://hb2evg7mpfjx38vv-53929738409.shopifypreview.com

Hello Lit Commerce,

Thank you for your reply. I did try the code from this video but the img sizes are larger than the image sizes in the Product Recommendation section, the text siz and font is different to the text and font that is in the Product Recommendation section and the products load in a column rather than a row. I am not experienced enough to edit the styling myself.

Hi @thisMD

We can customize the code & add the recently viewed section on your site

Ok great

Hello LitCommerce, Would you have solution to copy the same styling as the Product Recommendations section, product title, price , currency, font / font size, image size etc?

https://hb2evg7mpfjx38vv-53929738409.shopifypreview.com

Thanks

Hi @thisMD ,

Did you add the section successfully?

Hi LitCommerce,

Not yet.
Using the Github code in the video i added the section to products page but it does not appear with the same styling and each recently viewed product appears beneath the other. I am not sure where exactly to put the “include recently viewed” code either. I think styling for the Dawn 2.0 theme would help a lot of the community.

Hi @thisMD ,

Please add code here:

Hope it helps!