Page 1 of 1

CSS Popup

Posted: Wed Mar 30, 2016 6:30 am
by 3dwebb
Hallo,

Ik wil graag een simpele css popup gebruiken in de product module voor een website zoals beschreven op;

http://codepen.io/imprakash/pen/GgNMXO.

Lijkt simpel echter de url <a class="button" href="#popup1">Let me Pop up</a>
werkt niet goed (verwijst weer naar de beginpagina).

Ik gebruik wel pretty url's in de config.

$config['url_rewriting'] = 'mod_rewrite';
$config['page_extension'] = '/';

Iemand een idee hoe ik dit werkend kan krijgen.

Mvg,

Timo

Re: CSS Popup

Posted: Wed Mar 30, 2016 11:08 am
by velden
waarschijnlijk komt dit door de <base ...> tag die standaard mee komt met de {metadata} tag (kun je uitschakelen, maar veroorzaakt vaak weer andere problemen met relatieve urls).

Re: CSS Popup

Posted: Wed Mar 30, 2016 2:32 pm
by 3dwebb
Hallo Velden,

Dank voor de info. Dit is inderdaad de oorzaak. Echter door het weghalen van de {metadata} zijn er er een aantal links naar afbeeldingen die niet meer goed werken.

Denk je dat hier nog een andere oplossing voor is.

Mvg,

Timo

Re: CSS Popup

Posted: Wed Mar 30, 2016 2:36 pm
by velden
MISSCHIEN werkt het wel als je in de href de absolute url opneemt incl. de anchor link.

Code: Select all

<a href="http://www.example.com/pagina#popup1" ...>

(Opgelost ) CSS Popup

Posted: Wed Mar 30, 2016 3:26 pm
by 3dwebb
Top is gelukt

Heb de link in de product detail template aangepast naar onderstaand

Code: Select all

<a class="button" href="{$entry->detail_url}/#popup1">Reserveren</a>
Bedankt maar weer.