Help with Image Sizing PLEASE!

July 16, 2005

:o I am in need of some help please! Our product images are in a variety of sizes ? some really tall, some really wide, some square. I am having trouble getting a uniformed sizing without distorting the product image. I have tried leaving the width or height settings blank, but either way has some products large. If I specify both a height & width ? several products look disfigured. Is there a way to specify setting as a percent of the original? (I tried entering a percentage in but the graphics disappeared completely!) Or something else?

Suggestions Please! Pretty Please!

Thanks!

E~

P.S. ? don?t know if it matters, but I?m running osCommerce 2.2-MS2 hosted by siteground.com: http://nwdefense.org/catalog/index.php

Wendy James · July 16, 2005

Could try keep image proportions

http://www.oscommerce.com/community/contributions,1137

characterdriven · July 16, 2005

I solved this by setting height only, no width parameter and the width will just set accordingly regardless of whether the image is horizontal, vertical or square. :thumbsup:

July 16, 2005

I solved this by setting height only, no width parameter and the width will just set accordingly regardless of whether the image is horizontal, vertical or square. :thumbsup:

<{POST_SNAPBACK}>

That's what I currently have it set at . . . but it makes several of the products really tall compared to everything else and the wide graphics look really tiny :'(

July 16, 2005

Could try keep image proportions
http://www.oscommerce.com/community/contributions,1137

<{POST_SNAPBACK}>

Thanks - will give that a try :) I am new at PHP & SQL so . . . we'll see if I can figure this out on my own. :blush:

July 16, 2005

Thanks - will give that a try :) I am new at PHP & SQL so . . . we'll see if I can figure this out on my own. :blush:

<{POST_SNAPBACK}>

OK - I've really messed things up! Help! I had selected "database backup" before I started but apperently that doesn't backup the html_output.php file! It wont restore to the origional version of it . . . and I'm getting an error message now that I edited the file. AHHHHHHHHH! I'm in over my head

Any idea how I get the origional file back? Can I download it somewhere?

And once I find it - how do I go about correctly editing it? I don't understand step 1. :'( :'(

Schmoe · July 16, 2005

Okay, here's my good deed of the day ;)

Here's a copy of the original:

Original html_output

And here's a copy of html_output with the "Keep Image Proportions" mod already added:

Html_Output with "Keep Image Size"

**NOTE** Before using this version of the file, you will HAVE to do step 1 (Run the Mysql query on the database. Otherwise your site will break again.

You should have a link to PHPMyadmin in your hosting control panel. You will need to use that to run the query in the instructions(Step 1).

July 20, 2005

Okay, here's my good deed of the day ;)

Here's a copy of the original:

Original html_output

And here's a copy of html_output with the "Keep Image Proportions" mod already added:

Html_Output with "Keep Image Size"

**NOTE** Before using this version of the file, you will HAVE to do step 1 (Run the Mysql query on the database. Otherwise your site will break again.

You should have a link to PHPMyadmin in your hosting control panel. You will need to use that to run the query in the instructions(Step 1).

<{POST_SNAPBACK}>

:'( :'( I can't seem to download :blink: either file :huh: and I still don't understand the run query instructions . . .I can find the PHPMyadmin control panel and I can bring up the query window and I know which database . . . but what do I type in the box? All the instruction say is --

SQL Insert string for admin image config:

INSERT INTO configuration (

configuration_title,

configuration_key,

configuration_value,

configuration_description,

configuration_group_id,

sort_order,

date_added,

set_function)

VALUES (

'Constrain Proportions',

'IMAGE_CONSTRAIN_PROPORTIONS',

'true',

'Maintain image proportions when setting sizes',

4,

9,

now(),

'tep_cfg_select_option(array(\'true\', \'false\'),');

Is it all or part of this? Or something totally different? I so don't understand mysql at all! Please, please help me!!!! :'( :'(

Schmoe · July 20, 2005

First off BACKUP YOUR DATABASE AND FILES BEFORE CHANGING ANYTHING. In case something goes wrong, you need to be able to restore.

Next, in that query window in Phpmyadmin, make sure that you are running the query on the correct database(your OScommerce database) if you have more than one.

This is what goes in the MySQL Box:

INSERT INTO configuration (
configuration_title, 
configuration_key, 
configuration_value, 
configuration_description, 
configuration_group_id, 
sort_order, 
date_added,
set_function) 

VALUES (
'Constrain Proportions', 
'IMAGE_CONSTRAIN_PROPORTIONS', 
'true', 
'Maintain image proportions when setting sizes', 
4, 
9, 
now(), 
'tep_cfg_select_option(array(\'true\', \'false\'),');

And here is a copy of html_output already patched with the modification. Copy everything in this box, paste it into a plain text file with notepad. And then save the file with the name html_output.php

<?php
/*
 $Id: html_output.php,v 1.56 2003/07/09 01:15:48 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
*/

////
// The HTML href link wrapper function
 function tep_href_link($page = '', $parameters = '', $connection = 'NONSSL', $add_session_id = true, $search_engine_safe = true) {
   global $request_type, $session_started, $SID;

   if (!tep_not_null($page)) {
     die('</td></tr></table></td></tr></table><br><br><font color="#ff0000"><b>Error!</b></font><br><br><b>Unable to determine the page link!<br><br>');
   }

   if ($connection == 'NONSSL') {
     $link = HTTP_SERVER . DIR_WS_HTTP_CATALOG;
   } elseif ($connection == 'SSL') {
     if (ENABLE_SSL == true) {
       $link = HTTPS_SERVER . DIR_WS_HTTPS_CATALOG;
     } else {
       $link = HTTP_SERVER . DIR_WS_HTTP_CATALOG;
     }
   } else {
     die('</td></tr></table></td></tr></table><br><br><font color="#ff0000"><b>Error!</b></font><br><br><b>Unable to determine connection method on a link!<br><br>Known methods: NONSSL SSL</b><br><br>');
   }

   if (tep_not_null($parameters)) {
     $link .= $page . '?' . tep_output_string($parameters);
     $separator = '&';
   } else {
     $link .= $page;
     $separator = '?';
   }

   while ( (substr($link, -1) == '&') || (substr($link, -1) == '?') ) $link = substr($link, 0, -1);

// Add the session ID when moving from different HTTP and HTTPS servers, or when SID is defined
   if ( ($add_session_id == true) && ($session_started == true) && (SESSION_FORCE_COOKIE_USE == 'False') ) {
     if (tep_not_null($SID)) {
       $_sid = $SID;
     } elseif ( ( ($request_type == 'NONSSL') && ($connection == 'SSL') && (ENABLE_SSL == true) ) || ( ($request_type == 'SSL') && ($connection == 'NONSSL') ) ) {
       if (HTTP_COOKIE_DOMAIN != HTTPS_COOKIE_DOMAIN) {
         $_sid = tep_session_name() . '=' . tep_session_id();
       }
     }
   }

   if ( (SEARCH_ENGINE_FRIENDLY_URLS == 'true') && ($search_engine_safe == true) ) {
     while (strstr($link, '&&')) $link = str_replace('&&', '&', $link);

     $link = str_replace('?', '/', $link);
     $link = str_replace('&', '/', $link);
     $link = str_replace('=', '/', $link);

     $separator = '?';
   }

   if (isset($_sid)) {
     $link .= $separator . $_sid;
   }

   return $link;
 }

////
// The HTML image wrapper function
 function tep_image($src, $alt = '', $width = '', $height = '', $parameters = '') {
   if ( (empty($src) || ($src == DIR_WS_IMAGES)) && (IMAGE_REQUIRED == 'false') ) {
     return false;
   }

// alt is added to the img tag even if it is null to prevent browsers from outputting
// the image filename as default
   $image = '<img src="' . tep_output_string($src) . '" border="0" alt="' . tep_output_string($alt) . '"';

   if (tep_not_null($alt)) {
     $image .= ' title=" ' . tep_output_string($alt) . ' "';
   }

   if ( (CONFIG_CALCULATE_IMAGE_SIZE == 'true') && (empty($width) || empty($height)) ) {
     if ($image_size = @getimagesize($src)) {
       if (empty($width) && tep_not_null($height)) {
         $ratio = $height / $image_size[1];
         $width = $image_size[0] * $ratio;
       } elseif (tep_not_null($width) && empty($height)) {
         $ratio = $width / $image_size[0];
         $height = $image_size[1] * $ratio;
       } elseif (empty($width) && empty($height)) {
         $width = $image_size[0];
         $height = $image_size[1];
       }
     } elseif (IMAGE_REQUIRED == 'false') {
       return false;
     }
   }

   // BEGIN Code Keep Image Proportions
   if (tep_not_null($width) && tep_not_null($height)) 
{ 
     if (IMAGE_CONSTRAIN_PROPORTIONS == 'true') 
{  
       $image_size = @getimagesize($src);
       if ($image_size[0] > 1) 
  {  
         $ratio = $width / $image_size[0];
         if ($image_size[1]*$ratio > $height) 
    { 
           $ratio = $height / $image_size[1];
           $width = $image_size[0] * $ratio;
         } 
         else 
    { 
           $height = $image_size[1] * $ratio;
         } 
       }
 
             }
   $image .= ' width="' . tep_output_string($width) . '" height="' .tep_output_string($height). '"';
   } 
   // END Code Keep Image Proportions

   if (tep_not_null($parameters)) $image .= ' ' . $parameters;

   $image .= '>';

   return $image;
 }

////
// The HTML form submit button wrapper function
// Outputs a button in the selected language
 function tep_image_submit($image, $alt = '', $parameters = '') {
   global $language;

   $image_submit = '<input type="image" src="' . tep_output_string(DIR_WS_LANGUAGES . $language . '/images/buttons/' . $image) . '" border="0" alt="' . tep_output_string($alt) . '"';

   if (tep_not_null($alt)) $image_submit .= ' title=" ' . tep_output_string($alt) . ' "';

   if (tep_not_null($parameters)) $image_submit .= ' ' . $parameters;

   $image_submit .= '>';

   return $image_submit;
 }

////
// Output a function button in the selected language
 function tep_image_button($image, $alt = '', $parameters = '') {
   global $language;

   return tep_image(DIR_WS_LANGUAGES . $language . '/images/buttons/' . $image, $alt, '', '', $parameters);
 }

////
// Output a separator either through whitespace, or with an image
 function tep_draw_separator($image = 'pixel_black.gif', $width = '100%', $height = '1') {
   return tep_image(DIR_WS_IMAGES . $image, '', $width, $height);
 }

////
// Output a form
 function tep_draw_form($name, $action, $method = 'post', $parameters = '') {
   $form = '<form name="' . tep_output_string($name) . '" action="' . tep_output_string($action) . '" method="' . tep_output_string($method) . '"';

   if (tep_not_null($parameters)) $form .= ' ' . $parameters;

   $form .= '>';

   return $form;
 }

////
// Output a form input field
 function tep_draw_input_field($name, $value = '', $parameters = '', $type = 'text', $reinsert_value = true) {
   $field = '<input type="' . tep_output_string($type) . '" name="' . tep_output_string($name) . '"';

   if ( (isset($GLOBALS[$name])) && ($reinsert_value == true) ) {
     $field .= ' value="' . tep_output_string(stripslashes($GLOBALS[$name])) . '"';
   } elseif (tep_not_null($value)) {
     $field .= ' value="' . tep_output_string($value) . '"';
   }

   if (tep_not_null($parameters)) $field .= ' ' . $parameters;

   $field .= '>';

   return $field;
 }

////
// Output a form password field
 function tep_draw_password_field($name, $value = '', $parameters = 'maxlength="40"') {
   return tep_draw_input_field($name, $value, $parameters, 'password', false);
 }

////
// Output a selection field - alias function for tep_draw_checkbox_field() and tep_draw_radio_field()
 function tep_draw_selection_field($name, $type, $value = '', $checked = false, $parameters = '') {
   $selection = '<input type="' . tep_output_string($type) . '" name="' . tep_output_string($name) . '"';

   if (tep_not_null($value)) $selection .= ' value="' . tep_output_string($value) . '"';

   if ( ($checked == true) || ( isset($GLOBALS[$name]) && is_string($GLOBALS[$name]) && ( ($GLOBALS[$name] == 'on') || (isset($value) && (stripslashes($GLOBALS[$name]) == $value)) ) ) ) {
     $selection .= ' CHECKED';
   }

   if (tep_not_null($parameters)) $selection .= ' ' . $parameters;

   $selection .= '>';

   return $selection;
 }

////
// Output a form checkbox field
 function tep_draw_checkbox_field($name, $value = '', $checked = false, $parameters = '') {
   return tep_draw_selection_field($name, 'checkbox', $value, $checked, $parameters);
 }

////
// Output a form radio field
 function tep_draw_radio_field($name, $value = '', $checked = false, $parameters = '') {
   return tep_draw_selection_field($name, 'radio', $value, $checked, $parameters);
 }

////
// Output a form textarea field
 function tep_draw_textarea_field($name, $wrap, $width, $height, $text = '', $parameters = '', $reinsert_value = true) {
   $field = '<textarea name="' . tep_output_string($name) . '" wrap="' . tep_output_string($wrap) . '" cols="' . tep_output_string($width) . '" rows="' . tep_output_string($height) . '"';

   if (tep_not_null($parameters)) $field .= ' ' . $parameters;

   $field .= '>';

   if ( (isset($GLOBALS[$name])) && ($reinsert_value == true) ) {
     $field .= stripslashes($GLOBALS[$name]);
   } elseif (tep_not_null($text)) {
     $field .= $text;
   }

   $field .= '</textarea>';

   return $field;
 }

////
// Output a form hidden field
 function tep_draw_hidden_field($name, $value = '', $parameters = '') {
   $field = '<input type="hidden" name="' . tep_output_string($name) . '"';

   if (tep_not_null($value)) {
     $field .= ' value="' . tep_output_string($value) . '"';
   } elseif (isset($GLOBALS[$name])) {
     $field .= ' value="' . tep_output_string(stripslashes($GLOBALS[$name])) . '"';
   }

   if (tep_not_null($parameters)) $field .= ' ' . $parameters;

   $field .= '>';

   return $field;
 }

////
// Hide form elements
 function tep_hide_session_id() {
   global $session_started, $SID;

   if (($session_started == true) && tep_not_null($SID)) {
     return tep_draw_hidden_field(tep_session_name(), tep_session_id());
   }
 }

////
// Output a form pull down menu
 function tep_draw_pull_down_menu($name, $values, $default = '', $parameters = '', $required = false) {
   $field = '<select name="' . tep_output_string($name) . '"';

   if (tep_not_null($parameters)) $field .= ' ' . $parameters;

   $field .= '>';

   if (empty($default) && isset($GLOBALS[$name])) $default = stripslashes($GLOBALS[$name]);

   for ($i=0, $n=sizeof($values); $i<$n; $i++) {
     $field .= '<option value="' . tep_output_string($values[$i]['id']) . '"';
     if ($default == $values[$i]['id']) {
       $field .= ' SELECTED';
     }

     $field .= '>' . tep_output_string($values[$i]['text'], array('"' => '"', '\'' => ''', '<' => '<', '>' => '>')) . '</option>';
   }
   $field .= '</select>';

   if ($required == true) $field .= TEXT_FIELD_REQUIRED;

   return $field;
 }

////
// Creates a pull-down list of countries
 function tep_get_country_list($name, $selected = '', $parameters = '') {
   $countries_array = array(array('id' => '', 'text' => PULL_DOWN_DEFAULT));
   $countries = tep_get_countries();

   for ($i=0, $n=sizeof($countries); $i<$n; $i++) {
     $countries_array[] = array('id' => $countries[$i]['countries_id'], 'text' => $countries[$i]['countries_name']);
   }

   return tep_draw_pull_down_menu($name, $countries_array, $selected, $parameters);
 }
?>

July 21, 2005

First off BACKUP YOUR DATABASE AND FILES BEFORE CHANGING ANYTHING. In case something goes wrong, you need to be able to restore.

Next, in that query window in Phpmyadmin, make sure that you are running the query on the correct database(your OScommerce database) if you have more than one.

This is what goes in the MySQL Box:

INSERT INTO configuration (
configuration_title, 
configuration_key, 
configuration_value, 
configuration_description, 
configuration_group_id, 
sort_order, 
date_added,
set_function) 

VALUES (
'Constrain Proportions', 
'IMAGE_CONSTRAIN_PROPORTIONS', 
'true', 
'Maintain image proportions when setting sizes', 
4, 
9, 
now(), 
'tep_cfg_select_option(array(\'true\', \'false\'),');

And here is a copy of html_output already patched with the modification. Copy everything in this box, paste it into a plain text file with notepad. And then save the file with the name html_output.php

<?php
/*
?$Id: html_output.php,v 1.56 2003/07/09 01:15:48 hpdl Exp $

?osCommerce, Open Source E-Commerce Solutions
?http://www.oscommerce.com

?Copyright (c) 2003 osCommerce

?Released under the GNU General Public License
*/

////
// The HTML href link wrapper function
?function tep_href_link($page = '', $parameters = '', $connection = 'NONSSL', $add_session_id = true, $search_engine_safe = true) {
? ?global $request_type, $session_started, $SID;

? ?if (!tep_not_null($page)) {
? ? ?die('</td></tr></table></td></tr></table><br><br><font color="#ff0000"><b>Error!</b></font><br><br><b>Unable to determine the page link!<br><br>');
? ?}

? ?if ($connection == 'NONSSL') {
? ? ?$link = HTTP_SERVER . DIR_WS_HTTP_CATALOG;
? ?} elseif ($connection == 'SSL') {
? ? ?if (ENABLE_SSL == true) {
? ? ? ?$link = HTTPS_SERVER . DIR_WS_HTTPS_CATALOG;
? ? ?} else {
? ? ? ?$link = HTTP_SERVER . DIR_WS_HTTP_CATALOG;
? ? ?}
? ?} else {
? ? ?die('</td></tr></table></td></tr></table><br><br><font color="#ff0000"><b>Error!</b></font><br><br><b>Unable to determine connection method on a link!<br><br>Known methods: NONSSL SSL</b><br><br>');
? ?}

? ?if (tep_not_null($parameters)) {
? ? ?$link .= $page . '?' . tep_output_string($parameters);
? ? ?$separator = '&';
? ?} else {
? ? ?$link .= $page;
? ? ?$separator = '?';
? ?}

? ?while ( (substr($link, -1) == '&') || (substr($link, -1) == '?') ) $link = substr($link, 0, -1);

// Add the session ID when moving from different HTTP and HTTPS servers, or when SID is defined
? ?if ( ($add_session_id == true) && ($session_started == true) && (SESSION_FORCE_COOKIE_USE == 'False') ) {
? ? ?if (tep_not_null($SID)) {
? ? ? ?$_sid = $SID;
? ? ?} elseif ( ( ($request_type == 'NONSSL') && ($connection == 'SSL') && (ENABLE_SSL == true) ) || ( ($request_type == 'SSL') && ($connection == 'NONSSL') ) ) {
? ? ? ?if (HTTP_COOKIE_DOMAIN != HTTPS_COOKIE_DOMAIN) {
? ? ? ? ?$_sid = tep_session_name() . '=' . tep_session_id();
? ? ? ?}
? ? ?}
? ?}

? ?if ( (SEARCH_ENGINE_FRIENDLY_URLS == 'true') && ($search_engine_safe == true) ) {
? ? ?while (strstr($link, '&&')) $link = str_replace('&&', '&', $link);

? ? ?$link = str_replace('?', '/', $link);
? ? ?$link = str_replace('&', '/', $link);
? ? ?$link = str_replace('=', '/', $link);

? ? ?$separator = '?';
? ?}

? ?if (isset($_sid)) {
? ? ?$link .= $separator . $_sid;
? ?}

? ?return $link;
?}

////
// The HTML image wrapper function
?function tep_image($src, $alt = '', $width = '', $height = '', $parameters = '') {
? ?if ( (empty($src) || ($src == DIR_WS_IMAGES)) && (IMAGE_REQUIRED == 'false') ) {
? ? ?return false;
? ?}

// alt is added to the img tag even if it is null to prevent browsers from outputting
// the image filename as default
? ?$image = '<img src="' . tep_output_string($src) . '" border="0" alt="' . tep_output_string($alt) . '"';

? ?if (tep_not_null($alt)) {
? ? ?$image .= ' title=" ' . tep_output_string($alt) . ' "';
? ?}

? ?if ( (CONFIG_CALCULATE_IMAGE_SIZE == 'true') && (empty($width) || empty($height)) ) {
? ? ?if ($image_size = @getimagesize($src)) {
? ? ? ?if (empty($width) && tep_not_null($height)) {
? ? ? ? ?$ratio = $height / $image_size[1];
? ? ? ? ?$width = $image_size[0] * $ratio;
? ? ? ?} elseif (tep_not_null($width) && empty($height)) {
? ? ? ? ?$ratio = $width / $image_size[0];
? ? ? ? ?$height = $image_size[1] * $ratio;
? ? ? ?} elseif (empty($width) && empty($height)) {
? ? ? ? ?$width = $image_size[0];
? ? ? ? ?$height = $image_size[1];
? ? ? ?}
? ? ?} elseif (IMAGE_REQUIRED == 'false') {
? ? ? ?return false;
? ? ?}
? ?}

? ?// BEGIN Code Keep Image Proportions
? ?if (tep_not_null($width) && tep_not_null($height)) 
{ 
? ? ?if (IMAGE_CONSTRAIN_PROPORTIONS == 'true') 
{ ?
? ? ? ?$image_size = @getimagesize($src);
? ? ? ?if ($image_size[0] > 1) 
? { ?
? ? ? ? ?$ratio = $width / $image_size[0];
? ? ? ? ?if ($image_size[1]*$ratio > $height) 
? ? { 
? ? ? ? ? ?$ratio = $height / $image_size[1];
? ? ? ? ? ?$width = $image_size[0] * $ratio;
? ? ? ? ?} 
? ? ? ? ?else 
? ? { 
? ? ? ? ? ?$height = $image_size[1] * $ratio;
? ? ? ? ?} 
? ? ? ?}
?
? ? ? ? ? ? ?}
? ?$image .= ' width="' . tep_output_string($width) . '" height="' .tep_output_string($height). '"';
? ?} 
? ?// END Code Keep Image Proportions

? ?if (tep_not_null($parameters)) $image .= ' ' . $parameters;

? ?$image .= '>';

? ?return $image;
?}

////
// The HTML form submit button wrapper function
// Outputs a button in the selected language
?function tep_image_submit($image, $alt = '', $parameters = '') {
? ?global $language;

? ?$image_submit = '<input type="image" src="' . tep_output_string(DIR_WS_LANGUAGES . $language . '/images/buttons/' . $image) . '" border="0" alt="' . tep_output_string($alt) . '"';

? ?if (tep_not_null($alt)) $image_submit .= ' title=" ' . tep_output_string($alt) . ' "';

? ?if (tep_not_null($parameters)) $image_submit .= ' ' . $parameters;

? ?$image_submit .= '>';

? ?return $image_submit;
?}

////
// Output a function button in the selected language
?function tep_image_button($image, $alt = '', $parameters = '') {
? ?global $language;

? ?return tep_image(DIR_WS_LANGUAGES . $language . '/images/buttons/' . $image, $alt, '', '', $parameters);
?}

////
// Output a separator either through whitespace, or with an image
?function tep_draw_separator($image = 'pixel_black.gif', $width = '100%', $height = '1') {
? ?return tep_image(DIR_WS_IMAGES . $image, '', $width, $height);
?}

////
// Output a form
?function tep_draw_form($name, $action, $method = 'post', $parameters = '') {
? ?$form = '<form name="' . tep_output_string($name) . '" action="' . tep_output_string($action) . '" method="' . tep_output_string($method) . '"';

? ?if (tep_not_null($parameters)) $form .= ' ' . $parameters;

? ?$form .= '>';

? ?return $form;
?}

////
// Output a form input field
?function tep_draw_input_field($name, $value = '', $parameters = '', $type = 'text', $reinsert_value = true) {
? ?$field = '<input type="' . tep_output_string($type) . '" name="' . tep_output_string($name) . '"';

? ?if ( (isset($GLOBALS[$name])) && ($reinsert_value == true) ) {
? ? ?$field .= ' value="' . tep_output_string(stripslashes($GLOBALS[$name])) . '"';
? ?} elseif (tep_not_null($value)) {
? ? ?$field .= ' value="' . tep_output_string($value) . '"';
? ?}

? ?if (tep_not_null($parameters)) $field .= ' ' . $parameters;

? ?$field .= '>';

? ?return $field;
?}

////
// Output a form password field
?function tep_draw_password_field($name, $value = '', $parameters = 'maxlength="40"') {
? ?return tep_draw_input_field($name, $value, $parameters, 'password', false);
?}

////
// Output a selection field - alias function for tep_draw_checkbox_field() and tep_draw_radio_field()
?function tep_draw_selection_field($name, $type, $value = '', $checked = false, $parameters = '') {
? ?$selection = '<input type="' . tep_output_string($type) . '" name="' . tep_output_string($name) . '"';

? ?if (tep_not_null($value)) $selection .= ' value="' . tep_output_string($value) . '"';

? ?if ( ($checked == true) || ( isset($GLOBALS[$name]) && is_string($GLOBALS[$name]) && ( ($GLOBALS[$name] == 'on') || (isset($value) && (stripslashes($GLOBALS[$name]) == $value)) ) ) ) {
? ? ?$selection .= ' CHECKED';
? ?}

? ?if (tep_not_null($parameters)) $selection .= ' ' . $parameters;

? ?$selection .= '>';

? ?return $selection;
?}

////
// Output a form checkbox field
?function tep_draw_checkbox_field($name, $value = '', $checked = false, $parameters = '') {
? ?return tep_draw_selection_field($name, 'checkbox', $value, $checked, $parameters);
?}

////
// Output a form radio field
?function tep_draw_radio_field($name, $value = '', $checked = false, $parameters = '') {
? ?return tep_draw_selection_field($name, 'radio', $value, $checked, $parameters);
?}

////
// Output a form textarea field
?function tep_draw_textarea_field($name, $wrap, $width, $height, $text = '', $parameters = '', $reinsert_value = true) {
? ?$field = '<textarea name="' . tep_output_string($name) . '" wrap="' . tep_output_string($wrap) . '" cols="' . tep_output_string($width) . '" rows="' . tep_output_string($height) . '"';

? ?if (tep_not_null($parameters)) $field .= ' ' . $parameters;

? ?$field .= '>';

? ?if ( (isset($GLOBALS[$name])) && ($reinsert_value == true) ) {
? ? ?$field .= stripslashes($GLOBALS[$name]);
? ?} elseif (tep_not_null($text)) {
? ? ?$field .= $text;
? ?}

? ?$field .= '</textarea>';

? ?return $field;
?}

////
// Output a form hidden field
?function tep_draw_hidden_field($name, $value = '', $parameters = '') {
? ?$field = '<input type="hidden" name="' . tep_output_string($name) . '"';

? ?if (tep_not_null($value)) {
? ? ?$field .= ' value="' . tep_output_string($value) . '"';
? ?} elseif (isset($GLOBALS[$name])) {
? ? ?$field .= ' value="' . tep_output_string(stripslashes($GLOBALS[$name])) . '"';
? ?}

? ?if (tep_not_null($parameters)) $field .= ' ' . $parameters;

? ?$field .= '>';

? ?return $field;
?}

////
// Hide form elements
?function tep_hide_session_id() {
? ?global $session_started, $SID;

? ?if (($session_started == true) && tep_not_null($SID)) {
? ? ?return tep_draw_hidden_field(tep_session_name(), tep_session_id());
? ?}
?}

////
// Output a form pull down menu
?function tep_draw_pull_down_menu($name, $values, $default = '', $parameters = '', $required = false) {
? ?$field = '<select name="' . tep_output_string($name) . '"';

? ?if (tep_not_null($parameters)) $field .= ' ' . $parameters;

? ?$field .= '>';

? ?if (empty($default) && isset($GLOBALS[$name])) $default = stripslashes($GLOBALS[$name]);

? ?for ($i=0, $n=sizeof($values); $i<$n; $i++) {
? ? ?$field .= '<option value="' . tep_output_string($values[$i]['id']) . '"';
? ? ?if ($default == $values[$i]['id']) {
? ? ? ?$field .= ' SELECTED';
? ? ?}

? ? ?$field .= '>' . tep_output_string($values[$i]['text'], array('"' => '"', '\'' => ''', '<' => '<', '>' => '>')) . '</option>';
? ?}
? ?$field .= '</select>';

? ?if ($required == true) $field .= TEXT_FIELD_REQUIRED;

? ?return $field;
?}

////
// Creates a pull-down list of countries
?function tep_get_country_list($name, $selected = '', $parameters = '') {
? ?$countries_array = array(array('id' => '', 'text' => PULL_DOWN_DEFAULT));
? ?$countries = tep_get_countries();

? ?for ($i=0, $n=sizeof($countries); $i<$n; $i++) {
? ? ?$countries_array[] = array('id' => $countries[$i]['countries_id'], 'text' => $countries[$i]['countries_name']);
? ?}

? ?return tep_draw_pull_down_menu($name, $countries_array, $selected, $parameters);
?}
?>

<{POST_SNAPBACK}>

Thanks! No more error messages! . . . although my product images as still too wide :'( Oh well . . . guess its back to the drawing board. :-"

Thanks again for being patient with me & for all your help!

LCC UK · July 22, 2005

Thanks! No more error messages! . . . although my product images as still too wide :'( Oh well . . . guess its back to the drawing board. :-"

Thanks again for being patient with me & for all your help!

<{POST_SNAPBACK}>

Hi

not sure if this is going to be as clear to you as I thought but if you go into your admin panel and click on "configuration" and then your "images" listing you will see what I have copied at the bottom of this page, which looks a little cramped compared to what you will see on screen. You will see that I have only dictated width (100 or 120) and this leaves the image to stay in proportional height. You can do it the other way and set the height and leave the width blank but I believe that controlling the width is better looking on a finished web page.

You can experiment with the width sizes to get what is right for you. I have saved my images at 500 pixels wide and when I put them on to the page they arrear as 120 pixels wide until you "click to enlarge" and they then pop-up at 500 pixels.

See the results at this page, which shows you the uniformity of keeping the width controlled and click on any product to see the effect of the pop up image:

http://www.lowcost-computers.co.uk/index.php/cPath/60_94

Title Value

Small Image Width 100

Small Image Height

Heading Image Width

Heading Image Height

Subcategory Image Width

Subcategory Image Height

Calculate Image Size true

Image Required true

Display Image Width 120

Display Image Height

Popup Image Width

Popup Image Height

Regards

Kerry

Help with Image Sizing PLEASE!

Recommended Posts

Guest

Link to comment

Share on other sites

Wendy James

Link to comment

Share on other sites

characterdriven

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

Schmoe

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

Schmoe

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

LCC UK

Link to comment

Share on other sites

Archived

Browse

Activity