Jump to content
shacker

[MODULE] Slide captcha 4.1- PS 1.4/1.7 - Add a captcha to your forms - support iphone/ipad

Recommended Posts

This module shows a slide (like in iphone) that you need to scroll to unlock the form and send it.
Usefull to avoid unwanted bots in your forms.

The module can can hide the send button and send the form when you slide the captcha.
 
* Support Ipad, iphone and tablet devices.
 
Features:[/size]

  • Cross browser

browsers.png

  • Multilingual

multilingual.png

  • Multistore

multistore.png
http://www.catalogo-...hop-module.html

*updated to add the slide in any form
*Fixed problem with accents
*more secure for bots
v1.5 - works on ps 1.5
v1.8 - Addjs updated to improve, redesign and improve the translation to unlock the form
v2.0 - better translations, hide the send button
v2.2 - solved issues
v2.4 - Update to ps 1.6
v2.5- solved issue with  layered navigation
v3.0 - Bootstrap bo, Solved issue in PS 1.4 + new tutorial & readme

v4.0 - compatible PS 1.7

v4.1-Solve some issues in some PS versions

deslice-el-captcha.jpg
Visit our site for latest version of the module and more free modules

slidecaptcha.zip Version 1.0

slidecaptcha.zip Version 3.0

slidecaptcha.zip Version 3.0+NL lang

 

 

Video:

47443_2S1l7N7srb5bOn6qmToe_t

 

slidecaptcha.zip

slidecaptcha.zip

  • Like 8
  • Thanks 1

Share this post


Link to post
Share on other sites

nice mod but i can get it to show up on contact page. i added the code provided in the back end to contact-form.tpl.

any suggestions?

Share this post


Link to post
Share on other sites

what version is your prestashop and what is your site url?

Share this post


Link to post
Share on other sites

version 1.4.2.5 server is local for the moment.

this is what the config is saying i need to put in contact-form.tpl

placed it just above the submit button





its a empty div!! is this correct?

this is showing in the firebug code


Bericht
            <textarea id="message" name="message" rows="15" cols="20" style="width:340px;height:220px"></textarea>




           <input type="submit" name="submitMessage" id="submitMessage" value="Verzenden" class="button_large">

Share this post


Link to post
Share on other sites

in local i cant help with this installation. check if the code is putted on the footer and header , the module load javascript in both. check the tlp

Share this post


Link to post
Share on other sites

i cant see the code in your footer. check taht the module is installed in the footer in modules, positions

  • Like 1

Share this post


Link to post
Share on other sites

Hi shacker

There is error in slidecaptcha-header.tpl line 56

$.post("modules/solditems/php/Qaptcha.jquery.php"


It should be

$.post("modules/slidecaptcha/php/Qaptcha.jquery.php"



And one question - why don't you use addCSS and addJS functions ?

Share this post


Link to post
Share on other sites

You are right buddy. I uploaded the corrected version. For the add js or css, i dont use becouse i try to do a compatibility in PS1.3

Share this post


Link to post
Share on other sites
You are right buddy. I uploaded the corrected version. For the add js or css, i dont use becouse i try to do a compatibility in PS1.3


downloaded the new version 10 minutes ago. and still no luck in getting it to work.

and you have a typo in the new download

you did

$.post("modules/slidcaptcha/php/Qaptcha.jquery.php"

missing the e in slide

this is in the download.

Share this post


Link to post
Share on other sites

Hi Shacker - am trying to add this to a couple of forms I have in the CMS pages - However when I add


to these forms and save it does not save the code - any idea how I can get this to work on CMS forms?
Thanks - baz

Share this post


Link to post
Share on other sites

please check if a error happend in google chrone (javascript error in the console)

Share this post


Link to post
Share on other sites

How should I deal when one has disabled js? Then it allows to send forms without some kind of verification... so then is this captcha useless

  • Like 1

Share this post


Link to post
Share on other sites

Hello, in presta 1.3.6 is working, if do you know?

And other questions, if the contact page is modified it will work ?

 

Thank you for answers.

Share this post


Link to post
Share on other sites

Shacker great module!!, any idea on how to align the slide captcha just like the rest of the components in the contact form? i've tried a lot of things and none of them worked. Thanks!!

Share this post


Link to post
Share on other sites

Shacker great module!!, any idea on how to align the slide captcha just like the rest of the components in the contact form? i've tried a lot of things and none of them worked. Thanks!!

same problem.

Share this post


Link to post
Share on other sites

Perfect. Remember to check our other fre modules in our store.

regards

Share this post


Link to post
Share on other sites

I can't get this to work on 1.4.3 any ideas?

I also can't get it to work on 1.4.4 on local server.

I have some captcha code in header & footer & before submit button.

If I check the page source code in browser, I have the following :

In Header :

<script type="text/javascript" src="/prestashop1440/themes/prestashop/js/tools/treeManagement.js"></script>

<link rel="stylesheet" href="/prestashop1440/modules/slidecaptcha/jquery/QapTcha.jquery.css" type="text/css" />

<script type="text/javascript" src="/prestashop1440/modules/slidecaptcha/jquery/jquery-ui.js"></script>

<script type="text/javascript" src="/prestashop1440/modules/slidecaptcha/jquery/jquery.ui.touch.js"></script>

 

<script type="text/javascript">

jQuery.QapTcha = {

build : function(options)

...

{

 

}

}; jQuery.fn.QapTcha = jQuery.QapTcha.build;

</script>

 

In footer :

<script type="text/javascript">

$(document).ready(function(){

$('#QapTcha').QapTcha({disabledSubmit:true,autoRevert:true});

});

 

</script>

 

In Form :

<textarea id="message" name="message" rows="15" cols="20" style="width:340px;height:220px"></textarea>

</p><div id="QapTcha"></div>

<p class="submit">

<input type="submit" name="submitMessage" id="submitMessage" value="Envoyer" class="button_large" onclick="$(this).hide();" />

</p>

 

 

What can be wrong ?

Share this post


Link to post
Share on other sites

what is your site url?

 

It is currently on local server.

I'll try to put the captcha on production environment.

Share this post


Link to post
Share on other sites

Hi shacker,

thanks for your module! It is great.

But I have one problem. Module don't work in product comment form.

I've find out, that problem is in slidecaptcha-header.tpl.

In my case I must change ajax call address to this:

// set the SESSION iQaptcha in PHP file

// MODIFICATION - ADDED ABSOLUTE PATH

$.post("/store/modules/slidecaptcha/php/Qaptcha.jquery.php",{

 

Cheers,

Radek

Share this post


Link to post
Share on other sites

Thanks a lot, with this change works too in contact form?

Yes, why not? :) It is a Absolute path.

In next version of this module you could add to "slidecaptcha-header.tpl" template a Prestashop variable with absolute path to modules directory.

Share this post


Link to post
Share on other sites

 

Here is the url of my site :

http://www.horizonprovence.com/

Hi EEE,

problem isn't in slidecaptcha module. You have jquery error in searchblock. Specifically, is error in calling:

 
$("#search_query_block").autocomplete

This function is not defined. It causes that loading of next javascript functions is stopped (function for slidecpatcha isn't loaded).

Share this post


Link to post
Share on other sites
Hi EEE, problem isn't in slidecaptcha module. You have jquery error in searchblock. Specifically, is error in calling:
 $("#search_query_block").autocomplete 

This function is not defined. It causes that loading of next javascript functions is stopped (function for slidecpatcha isn't loaded).

 

Thanks !

I re-initialized the search module and I have now the captcha. Just need to correct to get the accents in French.

Thanks AGain.

Nice module !

Share this post


Link to post
Share on other sites

Hi shacker,

you have bug in slidecaptcha-header.tpl:

$.post("{/literal}{$module_dir}{literalphp/Qaptcha.jquery.php",{

must be:

$.post("{/literal}{$module_dir}{literal}php/Qaptcha.jquery.php",{

Share this post


Link to post
Share on other sites

hita, i am trying to install your slide captcha but i have an error in another js module, is this why its not showing at all in my website?

Share this post


Link to post
Share on other sites

check if force compile is activated in preferences, performance (have you puted the code into the contact form.tpl)

Share this post


Link to post
Share on other sites

YAY!! Once I activated force compile it worked. Thank you very much. What a great module!

 

*EDIT* PS. I made a small donation in thanks for the module and your support

Share this post


Link to post
Share on other sites

thanks for the donation. Im glad to help. You can also try our other free modules

Share this post


Link to post
Share on other sites

Hi Shacker,

 

I'm unable to install it on 1.4.5.1.

It seems the installation process has changed.

Was anybody successful in installing on 1.4.5.1 ?

Share this post


Link to post
Share on other sites

hi. you only need to put the code in the contact-form.tpl of your theme (the code is changed in the new version)

Share this post


Link to post
Share on other sites

hi. you only need to put the code in the contact-form.tpl of your theme (the code is changed in the new version)

Hi Shacker

 

Thanks that works now.

I put this code in the contact-form.tpl of the theme:

{* Slide Qaptcha : begin *}

<div style="position:relative; float:left; width:100%; ">

<div id="QapTcha"></div>

<p style="padding-top:5;padding-left:165px">{l s='Form locked. Slide to unlock' mod='slidecaptcha'}</p>

</div>

{* Slide Qaptcha : end *}

 

I tried hard to align the slider and the text with the send button; but not very successful.

I don't know where is the right place to customize that.

 

I'm also not able to get the text using the current language even if I define a specific string for the language in the traduction in BO.

But I'm making progress

Share this post


Link to post
Share on other sites

Shacker,

 

Thanks, I managed to put the slider & text where I wanted.

 

But I still can't get the text in the current language except english.

In BO in traductions, I have for Front Office an expression "Form locked. Slide to unlock' mod='slidecaptcha" in contact-form and, for Modules, I have an expression "Form locked. Slide to unlock" for module slidecaptcha.

I tried to put a value in both expression but no success in displaying something else than "Form locked. Slide to unlock".

Surely I missed something !

Share this post


Link to post
Share on other sites

you need to edit the tpl file of the module, becouse is the english translation

Share this post


Link to post
Share on other sites

Hi,

 

I have this great module instaled on my prestashop version 1.4.5.1 and it works fine, but I realize that on firefox 8.0.1 doesn't work, like the protect module as well.

 

Where do I make the chage ofr this module recognize other browsers?

 

Thanks

Share this post


Link to post
Share on other sites

Hi Shacker,

I tested again and on firefox it doesn't lock the form, but on IE9 it does. I didn't test on other browsers.

The slide is working, but the "send" button isn't locked.

 

my website is under construction and I have shop disabled

 

Thanks for this great module

Share this post


Link to post
Share on other sites

version 1.4 out. more secure for bots.

 

CPG2: have putted this code in contact form?

 

{include file="$tpl_dir./../../modules/slidecaptcha/slidecaptcha.tpl"}

Share this post


Link to post
Share on other sites

the code I used was:

 

{include file="$tpl_dir./../../modules/slidecaptcha/slidecaptcha.tpl"}

 

before the "send" code and it's working on IE but not on the firefox. Same as the protect module.

 

I will install the 1.4 version.

 

Thanks

Share this post


Link to post
Share on other sites

Hi Shacker

 

Please forgiveee meeee, Slide Captcha works on firefox, MY mistakeeee.

 

The thing was, the "send message" button on firefox is "normal", and on IE is disqualified. On firefox I press the button, so I thought that the message could be sent, but even after clicking it is not sent until you do the "slide".

 

Sorry, maybe you lost time trying to rectify what was right after all.

 

But on the other module "protect" in Firefox is not working, the right button of the mouse is disabled but we can select with the left one.

 

On .tpl code of the "protect" you have this:

//if NS6

if (window.sidebar)

{

//document.onmousedown=disableselect

// the above line creates issues in mozilla so keep it commented.

 

document.onclick=reEnable

 

Line 24 to 30.

 

Does this mean anything to Firefox???

 

thanks for your Help and patience

Share this post


Link to post
Share on other sites

yes, but these lines are for other code. let me check. you dont have put your site online?

Share this post


Link to post
Share on other sites

im busy now. please let me know if somebody test our modules on ps 1.5 to check ir works

Share this post


Link to post
Share on other sites

 

 

modulo di nuovo, sembra mancare alcuni file.

 

 

 

 

Share this post


Link to post
Share on other sites

**We eliminate waste code and add the latest version on our site

Share this post


Link to post
Share on other sites

dont work on PS 1.2/1.3 becouse uses jquery 1.4, and ps 1.2/1.3 uses jquery 3

Share this post


Link to post
Share on other sites

Como se le puede añadir, una especie de slide captcha o captcha solo, lo necesito ya que me envian numeros y nombres que no existen. Saludos urge!! gracias de antemano

Share this post


Link to post
Share on other sites

hello,

 

I have download your module

 

but i dont know where to put the {include file="$tpl_dir./../../modules/slidecaptcha/slidecaptcha.tpl"}

 

 

 

<label for="message">{l s='Message'}</label>

<textarea id="message" name="message" rows="15" cols="10">{if isset($message)}{$message|escape:'htmlall':'UTF-8'|stripslashes}{/if}</textarea>

</p>

<p class="submit">

<input type="submit" name="submitMessage" id="submitMessage" value="{l s='Send'}" class="button_large" onclick="$(this).hide();" />

</p>

</fieldset>

</form>

{/if}

 

can you mark where i must put the line

 

thanx

Share this post


Link to post
Share on other sites

up to the send button like this

 

{include file="$tpl_dir./../../modules/slidecaptcha/slidecaptcha.tpl"}

<input type="submit" name="submitMessage" id="submitMessage" value="{l s='Send'}" class="button_large" onclick="$(this).hide();" />

Share this post


Link to post
Share on other sites

up to the send button like this

 

{include file="$tpl_dir./../../modules/slidecaptcha/slidecaptcha.tpl"}

<input type="submit" name="submitMessage" id="submitMessage" value="{l s='Send'}" class="button_large" onclick="$(this).hide();" />

 

it worked thanx!!

Share this post


Link to post
Share on other sites

For me, the module installs, the slider and text are displayed but the submit button remains locked and the graphics dont change when you slide!

 

I guess it must be a conflicting jscript issue and have disabled a few modules but cant find a fault.

 

I'm running PS 1.5.2.0

Share this post


Link to post
Share on other sites

yes, seems like a conflict with other module, but really dont know what module (see livezilla and fb errors)

Share this post


Link to post
Share on other sites