Manual Installation (osC(MS2 and RC2)):

IT IS STRONGLY SUGGESTED TO MAKE A BACK-UP OF THESE FILES FIRST Use Contributions at your own risk.

Before beginning the manual install you need to:

Upload two new files, They are (and located in):

1. catalog/js/jquery.js
2. catalog/js/main.js



3. Add new css locate in catalog/stylesheet.css


/* Mouse Over Images CSS Start */

#screenshot{
position:absolute;
border:-2px solid #ccc;
background:#333333;
padding:5px;
display:none;
color:#ffffff;
}

/* */
/* Mouse Over Images CSS End */

4. Edit catalog/index.php and catalog/advance_search_result.php

Find

Add this after







4. catalog/includes/modules/new_products.php


Find this:

while ($new_products = tep_db_fetch_array($new_products_query)) {


Add after:

$image_pathe = HTTP_SERVER.DIR_WS_HTTP_CATALOG.DIR_WS_IMAGES . $new_products['products_image'];


Find again:

' . tep_image(DIR_WS_IMAGES .

$new_products['products_image'], $new_products['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '
' . $new_products['products_name'] .

'
' . $currencies->display_price($new_products['products_price'], tep_get_tax_rate($new_products['products_tax_class_id'])));


Replace with:

' . tep_image(DIR_WS_IMAGES . $new_products['products_image'], '', SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) .

'
' . $new_products

['products_name'] . '
' . $currencies->display_price($new_products['products_price'], tep_get_tax_rate($new_products

['products_tax_class_id'])));


5. catalog/imcludes/modules/product_listing.php

Find:

case 'PRODUCT_LIST_IMAGE':
if (isset($HTTP_GET_VARS['manufacturers_id'])) {
$lc_text = '' . tep_image(DIR_WS_IMAGES . $listing['products_image'], $listing

['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '';
} else {
$lc_text = ' ' . tep_image(DIR_WS_IMAGES . $listing['products_image'], $listing['products_name'],

SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . ' ';
}
break;



Replace with:

case 'PRODUCT_LIST_IMAGE':
if (isset($HTTP_GET_VARS['manufacturers_id'])) {
$lc_text = '' . tep_image(DIR_WS_IMAGES . $listing['products_image'], $listing

['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '';
} else {


// Mouse over image Start


$image_pathe = HTTP_SERVER.DIR_WS_HTTP_CATALOG.DIR_WS_IMAGES . $listing['products_image'];
$lc_text = ' ' . tep_image(DIR_WS_IMAGES . $listing['products_image'], '', SMALL_IMAGE_WIDTH,

SMALL_IMAGE_HEIGHT) . ' ';

// Mouse over image End


//////////////////////////////////////


Manual Installation (osCommerce 2.3.1 Version):


Before beginning the manual install you need to:

Upload two new files, They are (and located in):

1. catalog/js/jquery.js
2. catalog/js/main.js



3. Add new css locate in catalog/stylesheet.css


/* Mouse Over Images CSS Start */

#screenshot{
position:absolute;
border:-2px solid #ccc;
background:#333333;
padding:5px;
display:none;
color:#ffffff;
}

/* */
/* Mouse Over Images CSS End */

4. Edit catalog/includes/template_top.php

Find

Add this after







4. catalog/includes/modules/new_products.php


Find this:

while ($new_products = tep_db_fetch_array($new_products_query)) {


Add after:

$image_pathe = HTTP_SERVER.DIR_WS_HTTP_CATALOG.DIR_WS_IMAGES . $new_products['products_image'];


Find again:

$new_prods_content .= '' . tep_image(DIR_WS_IMAGES . $new_products['products_image'], $new_products['products_name'],

SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '
' . $new_products['products_name'] . '
' . $currencies->display_price($new_products['products_price'],

tep_get_tax_rate($new_products['products_tax_class_id'])) . '';


Replace with:


$new_prods_content .= '' . tep_image(DIR_WS_IMAGES . $new_products

['products_image'], $new_products['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '
' . $new_products['products_name'] . '
' .

$currencies->display_price($new_products['products_price'], tep_get_tax_rate($new_products['products_tax_class_id'])) . '';


5. catalog/imcludes/modules/product_listing.php

Find:

case 'PRODUCT_LIST_IMAGE':
if (isset($HTTP_GET_VARS['manufacturers_id'])) {
$lc_text = '' . tep_image(DIR_WS_IMAGES . $listing['products_image'], $listing

['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '';
} else {
$lc_text = ' ' . tep_image(DIR_WS_IMAGES . $listing['products_image'], $listing['products_name'],

SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . ' ';
}
break;



Replace with:

case 'PRODUCT_LIST_IMAGE':
if (isset($HTTP_GET_VARS['manufacturers_id'])) {
$lc_text = '' . tep_image(DIR_WS_IMAGES . $listing['products_image'], $listing

['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '';
} else {


// Mouse over image Start


$image_pathe = HTTP_SERVER.DIR_WS_HTTP_CATALOG.DIR_WS_IMAGES . $listing['products_image'];
$lc_text = ' ' . tep_image(DIR_WS_IMAGES . $listing['products_image'], '', SMALL_IMAGE_WIDTH,

SMALL_IMAGE_HEIGHT) . ' ';

// Mouse over image End


//////////////////////////////////////

You are done.
Thank you.
More Details: http://www.arnlweb.com/mouse-over-pr...or-oscommerce/

More...