Author Topic: bakery product item in a seperate DIV or page  (Read 1349 times)

Offline The Brain

  • Posts: 9
bakery product item in a seperate DIV or page
« on: February 22, 2016, 09:00:49 PM »
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

Offline Gast

  • Posts: 5920
Re: bakery product item in a seperate DIV or page
« Reply #1 on: February 22, 2016, 11:19:31 PM »
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
Quote
<a href="[LINK]" target="_blank"><span class="mod_bakery_main_tit le_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.

Offline The Brain

  • Posts: 9
Re: bakery product item in a seperate DIV or page
« Reply #2 on: February 23, 2016, 01:04:02 PM »
<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_tit le_f">[TITLE]</span></div>
    </div>
</div>

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