Preserve scroll position between product details and main shop page

Hi! I'm working on a site https://luckyjewel.squarespace.com/ and I want to preserve the scroll position on the shop page when a user clicks into a product and then back onto the main shop page. For example:

If the shop page is laid out like this -

PRODUCT 1

PRODUCT 2

PRODUCT 3

PRODUCT 4

PRODUCT 5

and the customer scrolls down to PRODUCT 5 and clicks on it then back to shop, instead of sending them back to the top of the shop page, I want them to land back on PRODUCT 5 on the main shop page. 

Here to provide anything else you might need and thank you in advance!