Book a call

Fill out the form and we will call you back as soon as possible

Emergency situation

In case of emergencies or breakdowns, you can send an SMS to our emergency hotline

On-call phone (SMS only)

+45 29 70 15 95

Send an SMS with the following information:

  • Your name and webshop
  • Description of the problem
  • Your callback phone number

Notes: This service is only for critical situations where your webshop is down or has serious problems. For regular support, please use our normal support channels.

Custom design on captcha

Guide to customize the captcha design in your Shoporama theme with your own HTML and styling.

Reading time: approx. {eight} minutes
Developer

Shoporama automatically displays a captcha when a user submits an email address without being logged in (e.g. contact form or stock notification). You can customize the appearance of the captcha by creating your own template file.

When does the captcha appear?

The captcha is automatically triggered when:

  • A user submits a form with email without being logged in
  • The user has an empty cart or no cart
  • The request is missing an HTTP referer (suspicious sending)
  • Out-of-stock signup (out-of-stock signup)

How to create your own captcha

Create the captcha.html file in your theme:

  • Smarty 4 themes - templates/captcha.html
  • Smarty 2 themes - captcha.html in the theme root

Available variables

Variable Variable Description
<{$imgstr}>Base64 encoded PNG image with captcha code (310×100 px)
<{$form}>Hidden form fields with the original POST data
<{$error}>Set to true if the user entered incorrect code

Example (Smarty 4)

<{$form}> <{if $error}>

Wrong code - try again.

<{/if}> Captcha

Important.

The input field must have name="c" - this is the field Shoporama validates against. The code is 3 characters and is validated case-insensitively.

Auto-submit after 3 characters

Most themes auto-submit the form after the user has entered 3 characters. You can implement this with the following JavaScript:

document.querySelector('input[name="c"]') .addEventListener('input', function() { if (this.value.length === 3) { this.closest('form').submit(); } });

You can style the captcha page freely with CSS as long as the three required elements are included: <{$form}>, the image from <{$imgstr}>, and the input field with name="c".

Do you need help? Contact us at support@shoporama.dk.