Add a upload module on contact us page

I know Zen Chart got a upload module for product.

But if I want to Add a upload module on contact us page.
that will allow the customer upload some file with a message and their email address.

If someone know how ,please give me some tips, thanks

BUMP

I am currently attempting to do just that, having some problems though, if i get it, I'll let you know.

and if any else has this, PLEASE pass it along.

Got it!!!!

upload images on contact page + it will email you the name(s) of the files uploaded.

With

Popup (animated.gif) progress bar

gimme a while to put it together for ya.....

anyone interested?

NooNe:

Got it!!!!

upload images on contact page + it will email you the name(s) of the files uploaded.

With

Popup (animated.gif) progress bar

gimme a while to put it together for ya.....

anyone interested?
Sounds good..please share..
:smile:

NooNe:

Got it!!!!

upload images on contact page + it will email you the name(s) of the files uploaded.

With

Popup (animated.gif) progress bar

gimme a while to put it together for ya.....

anyone interested?

Hi NooNe, please tell me how, thanks

Hiya, alsBB – Misty,

Okie, I am writing this mod in 2 sections – Section 1) upload mod, and section 2) “dummy” progress bar mod.

Section 1) Upload Mod

1. In includes/templates/YOUR_TEMPLATE/templates/tpl_contact_us_default.php
   Find:

<label class="inputLabel" for="email-address"><?php echo ENTRY_EMAIL; ?></label>
<?php echo zen_draw_input_field('email', ($error ? $_POST['email'] : $email), ' size="40" id="email-address"') . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?>
<br class="clearBoth" />
<label for="enquiry"><?php echo ENTRY_ENQUIRY . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?></label>
<?php echo zen_draw_textarea_field('enquiry', '30', '7', '', 'id="enquiry"'); ?>

Change to:

<label class="inputLabel" for="email-address"><?php echo ENTRY_EMAIL; ?></label>
<?php echo zen_draw_input_field('email', ($error ? $_POST['email'] : $email), ' size="40" id="email-address"') . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?>
<br class="clearBoth" />
<label for="enquiry"><?php echo ENTRY_ENQUIRY . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?></label>
<?php echo zen_draw_textarea_field('enquiry', '30', '7', '', 'id="enquiry"'); ?></fieldset><fieldset>
<? if ($_SESSION['customer_id'] != ''){ ?>
<label class="inputLabel" for="image1"><?php echo 'Front image' ?></label>
<?php echo zen_draw_file_field('ufile[]'); ?>
<br class="clearBoth" />
<label class="inputLabel" for="image2"><?php echo 'Back image' ?></label>
<?php echo zen_draw_file_field('ufile[]'); ?>
<br class="clearBoth" />

Then in includes/modules/pages/contact_us/header_php.php

Find:

<?
if (isset($_GET['action']) && ($_GET['action'] == 'send')) { ?>
<?

change to::

<?
if (isset($_GET['action']) && ($_GET['action'] == 'send')) { ?>
<?
 $path1= "images/ YOUR_UPLOAD_FILE ".$HTTP_POST_FILES['ufile']['name'][0];
$path2= "images/YOUR_UPLOAD_FILE ".$HTTP_POST_FILES['ufile']['name'][1];

//copy file to where you want to store file
copy($HTTP_POST_FILES['ufile']['tmp_name'][0], $path1);
copy($HTTP_POST_FILES['ufile']['tmp_name'][1], $path2);

then find:

OFFICE_FROM . "\t" . $name . "\n\n" .
OFFICE_EMAIL . "\t" . $email_address . "\n\n" .
'------------------------------------------------------' . "\n\n" .

and change to:

OFFICE_FROM . "\t" . $name . "\n\n" .
OFFICE_EMAIL . "\t" . $email_address . "\n\n" .
 'Front image; '.$HTTP_POST_FILES['ufile']['name'][0] .  "\n\n" .
'Back image; '.$HTTP_POST_FILES['ufile']['name'][1] .  "\n\n" .
'------------------------------------------------------' . "\n\n" .

When we added <?php echo zen_draw_file_field('ufile[]'); ?> the name ufile[] is loading & POSTing your image into an array, using this method you can add 100+ of the zen_draw_file_fields without having to rename them.

When the customer hits the “send now” button, the cart goes to the “send” portion of the cart and this is where we catch your newly POSTed files.

$HTTP_POST_FILES['ufile']['name'][0]; is the first ufile[] that you placed on the first page (Zero is the first number…lol) and then is goes to HTTP_POST_FILES['ufile']['name'][1]; and then[2], then [3] and so on, up too 100+..

You will need to change images/YOUR_UPLOAD_FILE into images/uploaded or into images/contact and make sure that you have the same name on your file folder in your “images/”

MOD dummy progress bar:
In this section you will also need to ceate a file “popup.html”
Section 2-A) in popup.html add:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

</head><center><img src="/images/popup_image.png" /><br/><? // my header/logo image
<img src="/images/progress_bar_animated.gif" width="500" height="30" /><br/> <? // my animated.gif progress bar found on the internet
(Depending on your file size, this page may take up to 10 minutes to refresh).</center> <? // me asking the customer no to touch anything more
</body>
</html>

then upload it in your ROOT docs (next to your main index page).

Section 2-B) In includes/templates/YOUR_TEMPLATE/templates/tpl_contact_us_default.php

Find:

</fieldset>

<div class="buttonRow forward"><?php echo zen_image_submit(BUTTON_IMAGE_SEND, BUTTON_SEND_ALT); ?></div>
<div class="buttonRow back"><?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_BACK, BUTTON_BACK_ALT) . '</a>'; ?></div>

and change to:

</fieldset>
<script type="text/javascript"><!--
document.write("<div style='display:none' id='moreinfo'>");
//-->
</script><? include ('popup.html'); ?><script type="text/javascript"><!--
document.write("</div>");
//--></script>
</fieldset>
<div class="buttonRow forward"><? echo zen_image_submit(BUTTON_IMAGE_SEND, BUTTON_SEND_ALT,'','onclick="document.getElementById(\'moreinfo\').style.display = \'block\';"') ;?> </div>
<div class="buttonRow back"><?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_BACK, BUTTON_BACK_ALT) . '</a>'; ?></div>

What this script does is includes and “hides” popup.html and then when the customer presses the “send now” button, it “shows” popup.html.

This is a very basic progress bar setup, my customers upload 30m – 350m files and it takes a while, and this stops them from thinking it’s a “Dead page” and isn’t doing anything, and re-clicking the send now button again.

I hope this helps…….

Just a note:

if you are attempting to have customers upload images during the purchase process, i highly recommend learning about and using attributes, as the cart uses them extensively, and what can be done with them is simply amazing.

https://www.zen-cart.com/tutorials/index.php?article=57

it is much easier for you and your customer in the long run, than the code that i have written.

Yes I'm very interested in knowing how to do what you've done.

Its there ^^^^^^^^^^^ Looky up

cool!!!
Thanks very much for shareing!
I will try your way
I thing hundred of people in here would like to improve the upload module.
you are the hero

My Pleasure.

NooNe:

My Pleasure.
Not tested yet, but thanks for sharing.
:clap:

A Note on the progress bar (bug discovered):

Depending on your version, this may work

<div class="buttonRow forward"><? echo zen_image_submit(BUTTON_IMAGE_SEND, BUTTON_SEND_ALT,'','onclick="document.getElementById(\'moreinfo\').style.display = \'block\';"') ;?> </div>

Or you may have to remove the

,''

To look like this
<div class="buttonRow forward"><? echo zen_image_submit(BUTTON_IMAGE_SEND, BUTTON_SEND_ALT,'onclick="document.getElementById(\'moreinfo\').style.display = \'block\';"') ;?> </div>

NooNe:

Hiya, alsBB – Misty,

Okie, I am writing this mod in 2 sections – Section 1) upload mod, and section 2) “dummy” progress bar mod.

Section 1) Upload Mod

1. In includes/templates/YOUR_TEMPLATE/templates/tpl_contact_us_default.php
   Find:

<label class="inputLabel" for="email-address"><?php echo ENTRY_EMAIL; ?></label>

<?php echo zen_draw_input_field('email', ($error ? $_POST['email'] : $email), ' size="40" id="email-address"') . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?> <br class="clearBoth" /> <label for="enquiry"><?php echo ENTRY_ENQUIRY . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?></label> <?php echo zen_draw_textarea_field('enquiry', '30', '7', '', 'id="enquiry"'); ?> ``` > > Change to: > ```php <label class="inputLabel" for="email-address"><?php echo ENTRY_EMAIL; ?></label> <?php echo zen_draw_input_field('email', ($error ? $_POST['email'] : $email), ' size="40" id="email-address"') . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?> <br class="clearBoth" /> <label for="enquiry"><?php echo ENTRY_ENQUIRY . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?></label> <?php echo zen_draw_textarea_field('enquiry', '30', '7', '', 'id="enquiry"'); ?></fieldset><fieldset> <? if ($_SESSION['customer_id'] != ''){ ?> <label class="inputLabel" for="image1"><?php echo 'Front image' ?></label> <?php echo zen_draw_file_field('ufile[]'); ?> <br class="clearBoth" /> <label class="inputLabel" for="image2"><?php echo 'Back image' ?></label> <?php echo zen_draw_file_field('ufile[]'); ?> <br class="clearBoth" /> ``` > > Then in includes/modules/pages/contact_us/header_php.php > > Find: > ```php <? if (isset($_GET['action']) && ($_GET['action'] == 'send')) { ?> <? ``` > > change to:: > ```php <? if (isset($_GET['action']) && ($_GET['action'] == 'send')) { ?> <? $path1= "images/ YOUR_UPLOAD_FILE ".$HTTP_POST_FILES['ufile']['name'][0]; $path2= "images/YOUR_UPLOAD_FILE ".$HTTP_POST_FILES['ufile']['name'][1];

//copy file to where you want to store file
copy($HTTP_POST_FILES['ufile']['tmp_name'][0], $path1);
copy($HTTP_POST_FILES['ufile']['tmp_name'][1], $path2);

> 
> then find:
> ```php
OFFICE_FROM . "\t" . $name . "\n\n" .
OFFICE_EMAIL . "\t" . $email_address . "\n\n" .
'------------------------------------------------------' . "\n\n" .

and change to:

OFFICE_FROM . "\t" . $name . "\n\n" .
OFFICE_EMAIL . "\t" . $email_address . "\n\n" .
'Front image; '.$HTTP_POST_FILES['ufile']['name'][0] . "\n\n" .
'Back image; '.$HTTP_POST_FILES['ufile']['name'][1] . "\n\n" .
'------------------------------------------------------' . "\n\n" .

> 
> 
> When we added <?php echo zen_draw_file_field('ufile[]'); ?> the name ufile[] is loading & POSTing your image into an array, using this method  you can add 100+ of the zen_draw_file_fields without having to rename them. 
> 
> When the customer hits the “send now” button, the cart goes to the “send” portion of the cart and this is where we catch your newly POSTed files.
> 
> $HTTP_POST_FILES['ufile']['name'][0]; is the first ufile[] that you placed on the first page (Zero is the first number…lol) and then is goes to HTTP_POST_FILES['ufile']['name'][1]; and then[2], then [3] and so on, up too 100+..
> 
> You will need to change images/YOUR_UPLOAD_FILE into images/uploaded or into images/contact and make sure that you have the same name on your file folder in your “images/”
> 
> 
> 
> MOD dummy progress bar: 
> In this section you will also need to ceate a file “popup.html”
> Section 2-A) in popup.html add:
> ```php
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

</head><center><img src="/images/popup_image.png" /><br/><? // my header/logo image
<img src="/images/progress_bar_animated.gif" width="500" height="30" /><br/> <? // my animated.gif progress bar found on the internet
(Depending on your file size, this page may take up to 10 minutes to refresh).</center> <? // me asking the customer no to touch anything more
</body>
</html>

then upload it in your ROOT docs (next to your main index page).

Section 2-B) In includes/templates/YOUR_TEMPLATE/templates/tpl_contact_us_default.php

Find:

</fieldset> <div class="buttonRow forward"><?php echo zen_image_submit(BUTTON_IMAGE_SEND, BUTTON_SEND_ALT); ?></div> <div class="buttonRow back"><?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_BACK, BUTTON_BACK_ALT) . '</a>'; ?></div> ``` > > and change to: > ```php </fieldset> <script type="text/javascript"><!-- document.write("<div style='display:none' id='moreinfo'>"); //--> </script><? include ('popup.html'); ?><script type="text/javascript"><!-- document.write("</div>"); //--></script> </fieldset> <div class="buttonRow forward"><? echo zen_image_submit(BUTTON_IMAGE_SEND, BUTTON_SEND_ALT,'','onclick="document.getElementById(\'moreinfo\').style.display = \'block\';"') ;?> </div> <div class="buttonRow back"><?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_BACK, BUTTON_BACK_ALT) . '</a>'; ?></div> ``` > > > What this script does is includes and “hides” popup.html and then when the customer presses the “send now” button, it “shows” popup.html. > > This is a very basic progress bar setup, my customers upload 30m – 350m files and it takes a while, and this stops them from thinking it’s a “Dead page” and isn’t doing anything, and re-clicking the send now button again. > > I hope this helps…….

I am trying to install this mod, but it's just not working. The image is not being uploaded, and the name of the image does not show up in the e-mail. The header_php.php is slightly different though, it looks like this now (version 1.3.9d):

if (isset($_GET['action']) && ($_GET['action'] == 'send')) {
$name = zen_db_prepare_input($_POST['contactname']);
$email_address = zen_db_prepare_input($_POST['email']);
$enquiry = zen_db_prepare_input(strip_tags($_POST['enquiry']));

I tried implementing the changes in the mod so the file looks like this:

if (isset($_GET['action']) && ($_GET['action'] == 'send')) {
$name = zen_db_prepare_input($_POST['contactname']);
$email_address = zen_db_prepare_input($_POST['email']);
$path1= "artwork_uploads/".$HTTP_POST_FILES['ufile']['name'][0];
$enquiry = zen_db_prepare_input(strip_tags($_POST['enquiry']));

//copy file to where you want to store file
copy($HTTP_POST_FILES['ufile']['tmp_name'][0], $path1);

But it is just not working. Did I modify the file incorrectly?

Thanks!

Hello,

if anyone tried this http://www.zen-cart.com/showthread.php?100081-Add-a-upload-module-on-contact-us-page/page2 in latest version of PHP it will fail (learned the hard way).

Require to perform two updates:

1. tpl_contact_us_defualt.php will require this change:

before:

<?php echo zen_draw_form('contact_us', zen_href_link(FILENAME_CONTACT_US, 'action=send') ); ?>

after:

<?php echo zen_draw_form('request', zen_href_link(FILENAME_REQUEST, 'action=send'), 'post', ' enctype="multipart/form-data"' ); ?>

2. You need to add another hidden element:
   <input type="hidden" name="MAX_FILE_SIZE" value="100000" />

where value = max file size in bytes.

Then upload will work.

pubs

Shouldn't that be ... ?> <?php echo zen_draw_form('request', zen_href_link(FILENAME_CONTACT_US, 'action=send'), 'post', ' enctype="multipart/form-data"' ); ?>

Also your max file size setting should be no greater than the equivalent value set in your php.ini file, otherwise the latter will override your value.

It may also be helpful to note that Zen Cart has a built-in class named "upload" for handling file uploads.