bakery product item in a seperate DIV or page

[The Brain]

<a href="#popup1">[TITLE]</a>
    <div id="popup1" class="overlay">
       <div class="popup">open popup<a class="close" href="#">x</a>
      <div src="[LINK]"><span class="mod_bakery_main_title_f">[TITLE]</span></div>
    </div>
</div>

How do I open the content of the [LINK] ? Where do I go wrong?

[Gast]

to open the item in a new window, change the code in your bakery page settings in field Overview (Product-Loop)
search for this line and add there the read market code

<a href="[LINK]" target="_blank"><span class="mod_bakery_main_title_f">[TITLE]</span></a>

to integrate the code for the css-popup, use the same field and add there the needed code, but be sure, that you use the placeholders like [LINK], [TITLE] etc.

[The Brain]

I'm building a website http://motortrailers.wiola.nl/motortrailers/ with more sections on a page. The overview of te shop is on the bottem of the page. The problem is you have to scroll down if you want to view a single product because the page automatically starts at the top by reload. Is it possible to open the product item in a new DIV with overlay (kind of popup) or in a separate page.

In html/css it is possible: http://www.sevensignature.com/blog/code/pure-css-popup-without-javascript/
I want the target of the [LINK] (bakeryshop) to be opend in a new DIV