CSS Popup

[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

[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).

[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

[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" ...>

[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.