NikoBellic
Gut bekanntes Mitglied
Hi Leute,
wir benötigen mal eure Hilfe in Sachen Installation eines PlugIns von CodeCanyon.
Es handelt sich um ein Kontaktformular mittels Tabs, welche immer permanent am rechten Rand bei Bedarf ausfahren sollen. Ich hatte schon Kontakt zum Programmierer, aber dieser kennt sich absolut gar nicht mit JTL bzw. Webshops aus, sodass er mir nicht helfen konnte.
Folgendes steht in seiner Dokumentation
Ehrlich gesagt hab ich gar keine Ahnung wo ich ansetzen muss/soll.
Ich habe mal testweise diese zwei Zeilen in die header_custom.tpl gepackt
Es ist natürlich nichts passiert, da ich nichts von "Setting up the Plugin" gemacht hatte, weil ich absolut gar nicht weiss wohin damit.
Kann mir hier vielleicht jemand unter die Arme greifen bzw. helfen? Ich hoffe jedenfalls, dass die jQuery Version in JTL 3.18 (Build 1) ausreichend ist!?
Vielen Dank
Niko
P.S. Wenn noch irgendwelche Angaben fehlen, so lasst es mich bitte wissen. Ich habe versucht so gut wie möglich die Sache zu beschreiben und evtl. wichtige Dinge vergessen.
wir benötigen mal eure Hilfe in Sachen Installation eines PlugIns von CodeCanyon.
Es handelt sich um ein Kontaktformular mittels Tabs, welche immer permanent am rechten Rand bei Bedarf ausfahren sollen. Ich hatte schon Kontakt zum Programmierer, aber dieser kennt sich absolut gar nicht mit JTL bzw. Webshops aus, sodass er mir nicht helfen konnte.
Folgendes steht in seiner Dokumentation
Setting Up The Plugin
Plugin Files
The files that make up the plugin are:
js/jquery.contact.tabs.1.0.js - main jQuery plugin file
js/jquery.contact.tabs.1.0.min.js - minified version of plugin file
email.php & SMTPClass.php - PHP files for sending emails from submitted forms
css/dcjct.css - plugin css style sheet for creating the default styles as per demos
images - images folder contains images used by CSS
images/icons/ - the source for the icons used for the tab navigation
inc/ - contains all files required by the documentation & demo pages - not directly related to plugin files and not required in order to use the plugin
Installation
The plugin requires the jQuery javascript library. So first thing is to add the jquery library from your preferred source. There are no specific requirements for this plugin so you are free to use any of the latest versions(starting with version 1.5.1):
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
Note: If your web page already has jquery loaded you do not need to include the library a 2nd time.
Once you have loaded the jQuery library you need to include the contact tabs plugin file:
<script type="text/javascript" src="js/jquery.contact.tabs.1.0.js"></script>
If you want to use the default styles then either include the dcjct.css file or copy/paste the CSS code to your site's style sheet:
<link rel="stylesheet" type="text/css" href="css/dcjct.css" media="all" />
SENDING EMAIL
If you want to use the included email.php file for sending emails from the submitted forms you will also need to add the "email.php" & "SMTPClass.php" files to your server - these can be found in the plugin folder.
The plugin is now ready to use!
Quick Start
The easiest way to get started is to just initialize the plugin with the default settings. This will generate a single tab with a standard contact form containing name, email and comment fields.
IMPORTANT NOTES
You will need to set up your "email to" & "email from" fields in the email.php file.
1. Insert the following jQuery into the head of your document (before the closing "head" tag):
<script type="text/javascript">
$(document).ready(function($){
$('#contact-tabs').dcContactTabs();
});
</script>
2. Add the following HTML to your page, just before the closing "body" tag:
<div id="contact-tabs"></div>
That's all there is to it! The contact tab will be inserted into the "contact-tabs" div tag when the page loads.
Ehrlich gesagt hab ich gar keine Ahnung wo ich ansetzen muss/soll.
Ich habe mal testweise diese zwei Zeilen in die header_custom.tpl gepackt
Code:
<script type="text/javascript">
$(document).ready(function($){
$('#contact-tabs').dcContactTabs();
});
</script>
...
...
...
<div id="contact-tabs"></div>
Es ist natürlich nichts passiert, da ich nichts von "Setting up the Plugin" gemacht hatte, weil ich absolut gar nicht weiss wohin damit.
Kann mir hier vielleicht jemand unter die Arme greifen bzw. helfen? Ich hoffe jedenfalls, dass die jQuery Version in JTL 3.18 (Build 1) ausreichend ist!?
Vielen Dank
Niko
P.S. Wenn noch irgendwelche Angaben fehlen, so lasst es mich bitte wissen. Ich habe versucht so gut wie möglich die Sache zu beschreiben und evtl. wichtige Dinge vergessen.