Enhanced Contact Us for 2.3.1
#21
Posted 15 March 2012 - 12:32 PM
perhaps a 2.2 version of this fine mod?
every version in the add-ons I've been trying is broke or crappy...
Thank you!
#22
Posted 15 March 2012 - 12:40 PM
As for the site host, I am running the server on a dedicated computer at my house right now. Nothing else on the computer but the site.
#23
Posted 15 March 2012 - 01:19 PM
Try sending yourself an email via admin - tools - email this will determine if it is a general email problem or one just associated with contact us
@Roaddoctor
Pm me with your email address and I will email you the 2.2 files - I have this running great on 2.2Rc2a
If you want to see the mods I have installed, then see my profile.
#24
Posted 15 March 2012 - 01:28 PM
one other thought - the email you have set up as "send From" is a domain email? not a gmail / yahoo / hotmail etc?
If you want to see the mods I have installed, then see my profile.
#25
Posted 15 March 2012 - 01:37 PM
Also as you are on a local machine take a look at this thread http://forums.oscommerce.com/topic/383209-should-email-work-when-testing-on-my-local-pc/
If you want to see the mods I have installed, then see my profile.
#26
Posted 16 March 2012 - 12:15 AM
I have tried to send emails through the admin control panel, nothing is received. I've even had people here and friends try to send emails through the web site, and still nothing. The email we are using is not the domain email address, it is the one through our internet provider.
#27
Posted 18 March 2012 - 06:41 AM
Mort-lemur, on 13 March 2012 - 10:09 PM, said:
You need to modify the hex code in stylesheet css to add the hex code of the colours you require. the colour is controlled by this line:
.infoBox {
background: #ffffff;
}
Sorry for the late response. I changed the background color of all info related sections to the ones I'm using for my website. But certain areas are still blue, the same as in the screen shot.
#28
Posted 18 March 2012 - 09:31 AM
Try this - not tested so backup stylesheet.css first
Find:
TD.main, P.main {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
}
Change to:
TD.main, P.main {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
background: #000000;
}
Where #000000 is the hex code of the colour you want.
If you want to see the mods I have installed, then see my profile.
#29
Posted 18 March 2012 - 12:27 PM
EDIT Thinking a bit more, I remembered that for some reason it takes a whole day for stylesheet changes to be visible. So while I'm not holding my breath, I think it's possible the changes might show itself later.
Edited by oxwivi, 18 March 2012 - 12:35 PM.
#30
Posted 18 March 2012 - 01:28 PM
Roaddoctor, on 15 March 2012 - 12:32 PM, said:
perhaps a 2.2 version of this fine mod?
every version in the add-ons I've been trying is broke or crappy...
Thank you!
Search the add ons there is one for 2.2
I am not a coder, so dont bother sending PMs asking for help as you wont get any.
OSC has a steep learning curve, but in general the program does work. If it doesnt work, the chances are it is something you have done.
#31
Posted 19 March 2012 - 07:05 AM
Thank you for the addon and much-appreciated support!
#32
Posted 19 March 2012 - 12:19 PM
Find:
TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #9a9a9a;
}
Change to:
TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #9a9a9a;
background: #FFFFFF;
}
again where #FFFFFF is the hex code of the background colour you want.
If you want to see the mods I have installed, then see my profile.
#33
Posted 19 March 2012 - 12:22 PM
oxwivi, on 18 March 2012 - 12:27 PM, said:
EDIT Thinking a bit more, I remembered that for some reason it takes a whole day for stylesheet changes to be visible. So while I'm not holding my breath, I think it's possible the changes might show itself later.
That is strange - changes should be visible straight away.
Have you tried refreshing your page using ctrl + F5 to force a server refresh? it may be your computer cache that is preventing the changes being seen.
Edited by Mort-lemur, 19 March 2012 - 12:23 PM.
If you want to see the mods I have installed, then see my profile.
#34
Posted 19 March 2012 - 12:25 PM
#35
Posted 19 March 2012 - 12:41 PM
ECU.png 29.59K
12 downloadsThe last thing I changed in osC code was moving the breadcrumb from header.php to template_top.php as described here. I did not change the contact_us.php as provided, and replacing it (from ECU package) again was no help either.
I did face similar issues with an information page. That was because of an extra </div> tag, but there's nothing similar in contact_us language file. And it did work properly before.
Does contact_us.php has defined it's div.padding thing or something? That's the only thing I can think of, in relation to my breadcrumb modification.
#36
Posted 19 March 2012 - 06:13 PM
The following be the entire source code as copied from Firefox after it loaded the page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mysite.com</title>
<base href="http://www.mysite.com/" />
<link rel="stylesheet" type="text/css" href="ext/jquery/ui/swanky-purse/jquery-ui-1.8.17.css" />
<script type="text/javascript" src="ext/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="ext/jquery/ui/jquery-ui-1.8.17.min.js"></script>
<script type="text/javascript" src="ext/jquery/bxGallery/jquery.bxGallery.1.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="ext/jquery/fancybox/jquery.fancybox-1.3.4.css" />
<script type="text/javascript" src="ext/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="ext/960gs/960_24_col.css" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<style>
div.padded {
padding-top: 5px
}
</style>
</head>
<body>
<div id="bodyWrapper" class="container_24">
<div id="header" class="grid_24">
<div id="storeLogo"><a href="http://www.mysite.com/index.php"><img src="images/store_logo.png" alt="Mysite.com" title=" Mysite.com " width="300" height="60" /></a></div>
<div id="headerShortcuts">
<span class="tdbLink"><a id="tdb1" href="http://www.mysite.com/shopping_cart.php">Cart Contents</a></span><script type="text/javascript">$("#tdb1").button({icons:{primary:"ui-icon-cart"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script><span class="tdbLink"><a id="tdb2" href="http://www.mysite.com/checkout_shipping.php">Checkout</a></span><script type="text/javascript">$("#tdb2").button({icons:{primary:"ui-icon-triangle-1-e"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script><span class="tdbLink"><a id="tdb3" href="http://www.mysite.com/account.php">My Account</a></span><script type="text/javascript">$("#tdb3").button({icons:{primary:"ui-icon-person"}}).addClass("ui-priority-secondary").parent().removeClass("tdbLink");</script> </div>
<script type="text/javascript">
$("#headerShortcuts").buttonset();
</script>
</div>
<div id="bodyContent" class="grid_16 push_4">
<div class="grid_16 alpha ui-widget infoBoxContainer padded">
<div class="ui-widget-header infoBoxHeading"> <a href="http://www.mysite.com" class="headerNavigation">Home</a> » <a href="http://www.mysite.com/contact_us.php" class="headerNavigation">Contact Us</a></div>
</div>
<form name="contact_us" action="http://www.mysite.com/contact_us.php?action=send" method="post"> <table border="0" summary="" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><table border="0" summary="" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="pageHeading">Contact Us</td>
</td>
</tr>
</table></td>
</tr>
<input type="hidden" name="phone" /> <tr>
<td><table border="0" summary="" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
<tr class="infoBoxContents">
<td valign="top" width="40%">
<table>
<tr>
<td class="main" >
<b>myshop<br />
mylocation<br />
mycountry<br />
myphone</b><br><br>
<b>Office Hours:</b><br><table class="main">
<tr><td class="main">Monday to Thursday</td><td class="main">: 8h30 to 17h00</td></tr>
<tr><td class="main">Friday</td><td class="main">: 8h30 to 16h00</td></tr>
<tr><td class="main">Saturday</td><td class="main">: 8h30 to 16h00</td></tr>
<tr><td class="main" colspan="2"><br />
Please use the form on the right to contact us with any comments or concerns.<br /><br />
Please ensure that you have checked our <a href=faq.php>FAQ section</a> first, as you may find the answers to your queries there.<br /><br />
We will reply as soon as we are able and will endeavor to reply within one day.
</td></tr></table>
</td>
</tr>
</table>
</td><td valign="top" width="60%"><table border="0" summary="" width="100%" cellspacing="0" cellpadding="2">
<tr>
<td class="main">Full Name:</td>
</tr>
<tr>
<td class="main"><input type="text" name="name" size="28" /></td>
</tr>
<tr>
<td class="main">E-Mail Address:</td>
</tr>
<tr>
<td class="main"><input type="text" name="email" size="28" /></td>
</tr>
<tr>
<td class="main">Subject:</td>
</tr>
<tr>
<td class="main"><input type="text" name="subject" size="28" /></td>
</tr>
<tr>
<td class="main">Enquiry:</td>
</tr>
<tr>
<td><textarea name="enquiry" cols="50" rows="15"></textarea></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><table border="0" summary="" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
<tr class="infoBoxContents">
<td><table border="0" summary="" width="100%" cellspacing="0" cellpadding="2">
<tr>
<div class="buttonSet">
<span class="buttonAction"><span class="tdbLink"><button id="tdb4" type="submit">Continue</button></span><script type="text/javascript">$("#tdb4").button({icons:{primary:"ui-icon-triangle-1-e"}}).addClass("ui-priority-primary").parent().removeClass("tdbLink");</script></span>
</div>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></form></td>
</div> <!-- bodyContent //-->
<div id="columnLeft" class="grid_4 pull_16">
<div id="categoriesMenu">
<h3 onclick="location.href='http://www.mysite.com/index.php?cPath=1';"><a href="#">Abaya</a></h3>
<div>
<script type="text/javascript">
$(function() {
$( "#categoriesMenu" ).accordion({
autoHeight: false,
icons: {
'header': 'ui-icon-plus',
'headerSelected': 'ui-icon-minus'
},
collapsible: true,
active: false
});
});
</script>
</div>
</div>
<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading">Quick Find</div> <div class="ui-widget-content infoBoxContents" style="text-align: center;"> <form name="quick_find" action="http://www.mysite.com/advanced_search_result.php" method="get"> <input type="text" name="keywords" size="10" maxlength="30" style="width: 75%" /> <input type="hidden" name="search_in_description" value="1" /><input type="image" src="includes/languages/english/images/buttons/button_quick_find.gif" alt="Quick Find" title=" Quick Find " /><br />Use keywords to find the product you are looking for.<br /><a href="http://www.mysite.com/advanced_search.php"><strong>Advanced Search</strong></a> </form> </div></div>
<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading"><a href="http://www.mysite.com/products_new.php">What's New?</a></div> <div class="ui-widget-content infoBoxContents" style="text-align: center;"><a href="http://www.mysite.com/product_info.php?products_id=333"><img src="images/products/Abaya/EN/EN-20sm.JPG" alt="EN-20" title=" EN-20 " width="100" height="80" /></a><br /><a href="http://www.mysite.com/product_info.php?products_id=333">EN-20</a><br />$45.00</div></div>
<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading">Information</div> <div class="ui-widget-content infoBoxContents"> <a href="http://www.mysite.com/shipping.php">Shipping & Returns</a><br /> <a href="http://www.mysite.com/conditions.php">Terms and Conditions</a><br /> <a href="http://www.mysite.com/contact_us.php">Contact Us</a><br /> <a href="http://www.mysite.com/faq.php">FAQ</a><br /> </div></div></div>
<div id="columnRight" class="grid_4">
<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading"><a href="http://www.mysite.com/shopping_cart.php">Shopping Cart</a></div> <div class="ui-widget-content infoBoxContents">0 items</div></div>
<div class="ui-widget infoBoxContainer"> <div class="ui-widget-header infoBoxHeading"><a href="http://www.mysite.com/reviews.php">Reviews</a></div> <div class="ui-widget-content infoBoxContents">There are currently no product reviews</div></div></div>
<div class="grid_24 footer">
<p align="center">Copyright © 2012 <a href="http://www.mysite.com/index.php">Mysite.com</a><br />Powered by <a href="http://www.oscommerce.com" target="_blank">osCommerce</a></p>
</div>
<script type="text/javascript">
$('.productListTable tr:nth-child(even)').addClass('alt');
</script>
</div> <!-- bodyWrapper //-->
</body>
</html>
Edited by oxwivi, 19 March 2012 - 06:24 PM.
#37
Posted 19 March 2012 - 08:03 PM
<table border="0" summary="" width="100%" cellspacing="0" cellpadding="0"> <tr> <td><table border="0" summary="" width="100%" cellspacing="0" cellpadding="0"> <tr> <td class="pageHeading"><?php echo HEADING_TITLE; ?></td> </td> </tr> </table></td> </tr>
As the contribution is table driven rather than by the usual grid system of 2.3.1
Play around with the above lines, maybe first remove them and see the impact on how the page displays, then maybe remove the first few lines etc.
If you want to see the mods I have installed, then see my profile.
#38
Posted 19 March 2012 - 08:55 PM
<h1><?php echo HEADING_TITLE; ?></h1>
That did the trick. The whole experience with the Enhanced Contact Us has me wishing for someone kindred soul to upgrade it to 960 grids formathingy. I wish I knew enough to contribute...
#39
Posted 20 March 2012 - 08:10 AM
the page is
<?php
/*
$Id: contact_us.php,v 1.5 2010/02/02 Spooks Exp $
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2010 osCommerce
Released under the GNU General Public License
*/
require('includes/application_top.php');
require(DIR_WS_LANGUAGES . $language . '/' . FILENAME_CONTACT_US);
// start modification for reCaptcha
require_once('includes/classes/recaptchalib.php');
require_once('includes/recaptchakeys.php');
// end modification for reCaptcha
$error = false;
if (isset($_GET['action']) && ($_GET['action'] == 'send')) {
$name = tep_db_prepare_input($_POST['name']);
$email = tep_db_prepare_input($_POST['email']);
$enquiry = tep_db_prepare_input($_POST['enquiry']);
$subject = tep_db_prepare_input($_POST['subject']);
$phone = tep_db_prepare_input($_POST['phone']);
$date = 'Date Sent: ' . date("d M Y H:i:s");
$orders_id = tep_not_null($_POST['orders_id']) ? $_POST['orders_id'] : false;
$xipaddress = $_SERVER["REMOTE_ADDR"];
$subject = $subject ? $subject : EMAIL_SUBJECT;
// start modification for reCaptcha
// the response from reCAPTCHA
$resp = null;
// was there a reCAPTCHA response?
$resp = recaptcha_check_answer ($privatekey,
$_SERVER["REMOTE_ADDR"],
$_POST["recaptcha_challenge_field"],
$_POST["recaptcha_response_field"]);
if (tep_validate_email($email) && ($resp->is_valid)) {
$enquiry = MESSAGE_FROM . $name . "\n" . $date . "\n" . ($phone ? ENTRY_TELEPHONE_NUMBER . $phone . "\n" : '' ) . ($customer_id ? MAIL_CLIENT_ID . $customer_id . "\n" : '') . ($orders_id ? MAIL_ORDER_ID . $orders_id . "\n" : '') . "\n" . MAIL_IP . $xipaddress . '.' . "\n\n" . ENTRY_ENQUIRY . "\n" . $enquiry;
tep_mail(STORE_OWNER, STORE_OWNER_EMAIL_ADDRESS, $subject, $enquiry, $name, $email);
tep_redirect(tep_href_link(FILENAME_CONTACT_US, 'action=success'));
}
else {
if (!$resp->is_valid) {
$error = true;
$messageStack->add('contact', ENTRY_SECURITY_CHECK_ERROR . " (reCAPTCHA output: " . $resp->error . ")");
}
if (!tep_validate_email($email)) {
$error = true;
$messageStack->add('contact', ENTRY_EMAIL_ADDRESS_CHECK_ERROR);
}
}
// }
// end modification for reCaptcha
//$enquiry = preg_replace('/\r/','\', \'',$enquiry);
//$enquiry = preg_replace('/\(|\)/','\'',$enquiry);
//$_POST['enquiry'] = $result;
if (strlen($name) < ENTRY_LAST_NAME_MIN_LENGTH) {
$error = true;
$messageStack->add('contact', ENTRY_LAST_NAME_ERROR);
}
if (!$error) {
$enquiry = MESSAGE_FROM . $name . "\n" . $date . "\n" . ($phone ? ENTRY_TELEPHONE_NUMBER . $phone . "\n" : '' ) . ($customer_id ? MAIL_CLIENT_ID . $customer_id . "\n" : '') . ($orders_id ? MAIL_ORDER_ID . $orders_id . "\n" : '') . "\n" . MAIL_IP . $xipaddress . '.' . "\n\n" . ENTRY_ENQUIRY . "\n" . $enquiry;
tep_mail(STORE_OWNER, STORE_OWNER_EMAIL_ADDRESS, $subject, $enquiry, $name, $email);
tep_redirect(tep_href_link(FILENAME_CONTACT_US, 'action=success'));
}
}
$breadcrumb->add(NAVBAR_TITLE, tep_href_link(FILENAME_CONTACT_US));
require(DIR_WS_INCLUDES . 'template_top.php');
?>
<h1><?php echo HEADING_TITLE; ?></h1>
<?php
if ($messageStack->size('contact') > 0) {
echo $messageStack->output('contact');
}
if (isset($HTTP_GET_VARS['action']) && ($HTTP_GET_VARS['action'] == 'success')) {
?>
<div class="contentContainer">
<div class="contentText">
<?php echo TEXT_SUCCESS; ?>
</div>
<div style="float: right;">
<?php echo tep_draw_button(IMAGE_BUTTON_CONTINUE, 'triangle-1-e', tep_href_link(FILENAME_DEFAULT)); ?>
</div>
</div>
<?php
} else {
?>
<?php echo tep_draw_form('contact_us', tep_href_link(FILENAME_CONTACT_US, 'action=send'), 'post', '', true); ?>
<div class="contentContainer">
<div class="contentText">
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr>
<td width="40%"><?php echo nl2br(STORE_NAME_ADDRESS); ?><br><br>
<?php echo (OPENING_HOURS); ?></td>
<td width="60%"><?php echo TEXT_INFO; ?></td>
</tr>
<tr>
<td class="fieldKey"><?php echo ENTRY_NAME; ?></td>
<td class="fieldValue"><?php echo tep_draw_input_field('name'); ?></td>
</tr>
<tr>
<td class="fieldKey"><?php echo ENTRY_EMAIL; ?></td>
<td class="fieldValue"><?php echo tep_draw_input_field('email'); ?></td>
</tr>
<tr>
<td class="fieldKey" valign="top"><?php echo ENTRY_ENQUIRY; ?></td>
<td class="fieldValue"><?php echo tep_draw_textarea_field('enquiry', 'soft', 50, 15); ?></td>
</tr>
<?php
// BOF: SLiCK reCaptcha
if (RECAPTCHA_CONTACTUS == 'true') {
?>
<tr>
<td class="fieldKey" valign="top"><?php echo ENTRY_SECURITY_CHECK; ?></td>
<td class="fieldValue">
<?php
$languages_query = tep_db_query("select code from " . TABLE_LANGUAGES . " where directory = '" . (int)$language . "'");
$language_id = tep_db_fetch_array($languages_query);
?>
<script type="text/javascript">
var RecaptchaOptions = {
theme : '<?php echo RECAPTCHA_THEME ?>',
tabindex : 3,
lang : '<?php if (in_array($language_id['code'], array('en', 'es', 'de'))) { echo $language_id['code']; } else { echo 'en'; } ?>'
};
</script>
<?php
// get the type of request (secure or not)
$request_type = (getenv('HTTPS') == 'on') ? 'SSL' : 'NONSSL';
if ($request_type == 'SSL') {
echo recaptcha_get_html(RECAPTCHA_PUBLIC_KEY, null, ($request_type == 'SSL'));
} else {
echo recaptcha_get_html(RECAPTCHA_PUBLIC_KEY);
}
?>
</td></tr>
<?php
}
// EOF: SLiCK reCaptcha
?>
</table>
</div>
<div class="buttonSet">
<span class="buttonAction"><?php echo tep_draw_button(IMAGE_BUTTON_CONTINUE, 'triangle-1-e', null, 'primary'); ?></span>
</div>
</div>
</form>
<?php
}
require(DIR_WS_INCLUDES . 'template_bottom.php');
require(DIR_WS_INCLUDES . 'application_bottom.php');
?>
I then added to the contact us language file
define('TEXT_INFO', ' YOUR MESSAGE HERE ');
define('OPENING_HOURS', '
<p><u><b>Opening hours</b></u></p>
<table border="0" width="214">
<tr>
<td width="76"><font size="1">Monday</font></td>
<td><font size="1" color="#029CFE">09-00am - 05-30pm</font></td>
</tr>
<tr>
<td width="76"><font size="1">Tuesday</font></td>
<td><font size="1" color="#029CFE">09-00am - 07-30pm</font></td>
</tr>
<tr>
<td width="76"><font size="1">Wednesday</font></td>
<td><font size="1" color="#029CFE">09-00am - 05-30pm</font></td>
</tr>
<tr>
<td width="76"><font size="1">Thursday</font></td>
<td><font size="1" color="#029CFE">09-00am - 05-30pm</font></td>
</tr>
<tr>
<td width="76"><font size="1">Friday</font></td>
<td><font size="1" color="#029CFE">09-00am - 07-30pm</font></td>
</tr>
<tr>
<td width="76"><font size="1">Saturday</font></td>
<td><font size="1" color="#029CFE">09-00am - 01-00pm</font></td>
</tr>
<tr>
<td width="76"><font size="1">Sunday</font></td>
<td><font size="1" color="#029CFE">CLOSED</font></td>
</tr>
</table>
Everything seems to work as it should.
I am not a coder, so dont bother sending PMs asking for help as you wont get any.
OSC has a steep learning curve, but in general the program does work. If it doesnt work, the chances are it is something you have done.
#40
Posted 25 April 2012 - 05:01 AM









