Fancybox Button

[Shad86]

Hallo,

 

ich komme irgendwie nicht weiter.

 

Ich versuche einen Button auf jede Produktseite zu packen mit dem in einer Fancybox ein Kontaktformular zur Preisanfrage geöffnet wird.

Geht um unseren 1.7 Shop, und damit wollen wir die Zeit überbrücken bis eines Tages ein Update den Ruf des 1.7 rettet...

 

In den Head habe ich folgendes eingefügt:

<script type="text/javascript">
	$('a.iframe').fancybox({
		'type' : 'iframe',
		'width':600,
		'height':600
	});
</script>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/jquery.fancybox.pack.js"></script>

Das obere habe ich aus dem englischen Forum, der untere Teil kommt direkt von Fancybox.

 

Nun füge ich folgendermaßen einen Button ein:

<a class="btn btn-primary add-to-cart fancybox" type="submit" href="http://website.com/content/4-uber-uns?content_only=1" rel="nofollow">
<i class="material-icons shopping-cart"></i>
Produkt anfragen
</a>

Ob ich daraus jetzt fancybox oder iframe mache, beide Scripts scheinen nicht zu laufen. Die verlinkte Seite wird mir immer wieder im Browser angezeigt und nicht in einem Popup. Die Scriptdateien liegen auch da wo sie angegeben sind...

Habe ich einen Denkfehler?

[Shad86]

Habe nochmal neu gestartet. Vielleicht kann ich es klarer halten damit mir doch jemand helfen kann.

Ich habe die neueste Fancybox Version geladen und wie in der Readme beschrieben folgende Zeilen in die angegebenen Dateien eingefügt:

 

In /themes/meintheme/templates/_partials/stylesheets.tpl

<link rel="stylesheet" href="/js/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />

In /themes/meintheme/templates/_partials/javascript.tpl

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="/js/fancybox/lib/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="/js/fancybox/lib/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="/js/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="/js/fancybox/source/jquery.fancybox.js"></script>
<script type="text/javascript" src="/js/fancybox/source/jquery.fancybox.pack.js"></script>

Diese sind jetzt auch im Head zu sehen. Nun versuche ich einen Button mit dem ebenfalls aus der Readme angegebenen Struktur an zu sprechen und dazu zu bewegen den Link in einem Popup zu öffnen.

<a class="btn btn-primary add-to-cart fancybox" type="submit" href="http://website.com/kontaktieren-sie-uns" rel="nofollow">
	<i class="material-icons shopping-cart"></i>
	Produkt anfragen
</a>

Aber der Button öffnet den Link einfach im selben Browserfenster. Quasi als wär das Script nicht da. Sieht irgendjemand den Fehler den ich mache???

[meyer2005]

Hallo Shad86,

 

hast du evt. eine Lösung gefunden!? - Ich habe das gleiche Problem und kämpfe seit 4 Tagen damit.

 

wäre echt hilfreich, wenn du mir die Lösung verraten würdest.

 

Gruß

Schmid

[Shad86]

Hi, sorry für die späte Antwort. Ich war Krankheitsbedingt verhindert...

 

Also ich habe es jetzt so gelöst das das Kontaktformular direkt auf der Produktseite angezeigt wird und der Button den style setzt. So hat das Formular voher display:none; und der Button macht daraus display:block;

 

Ansonsten habe ich aber auch ein Modul bekommen mit dem sich eigene Fancyboxes erstellen lassen:

 

https://mypresta.eu/modules/front-office-features/prestashop-popup-pro.html