Guest Posted October 9, 2005 Posted October 9, 2005 In case anyone is as confused by all of this as I was, and is reading through it all over and over again (like I did) - here's an extremely simple way to do this from all the above: In catalog/product_info.php find: <script language="javascript"><!--document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>');//--></script><noscript><?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], /*SMALL_IMAGE_WIDTH*/200, /*SMALL_IMAGE_HEIGHT*/, 'hspace="5" vspace="5"') . '<br></a>'; ?></noscript>[code] and replace with :[code]<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], '250', '250', 'hspace="5" vspace="5"'); ?>[code] No need to install anything or change anything else. The '250', '250' is the width and height definition of the larger image. If you want your image standardised by either height or width (so that it scales properly), leave the other definition out. A set width of 250 where the image automatically scales to the correct height would then be coded '250', '', and vice versa. The above fix will give you a large image on the products page, with no "click to enlarge" and works like a charm. Thanks to everyone who contributed to figuring this out!
Chorlton Posted April 17, 2006 Posted April 17, 2006 Thanks Vivienne for clearing up the confusion, your code worked a treat :thumbsup: . if you would like to see the result of this code please look here: http://www.mugtastic.co.uk/shop
jennymac Posted May 13, 2006 Posted May 13, 2006 Vivienne and Chorlton, this is exactly what I was looking for, however my product_info.php piece of code looks like this: <script language="javascript"><!-- function popupWindow(url) { window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,res izable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,le ft=150') } //--></script> Obviously, nothing like Vivienne's. And I am totally clueless (as usual) as to how to make Vivenne's simple idea work. Any ideas? Thanks so much!
jennymac Posted May 13, 2006 Posted May 13, 2006 Chorlton, would you mind posting your code? This sounds so easy and I'd like to try it. Many thanks!
stab Posted May 13, 2006 Posted May 13, 2006 If you want (and the Images are fine @ 100% you could just change: tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5") . ' to this. tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), IMAGE_WIDTH, IMAGE_HEIGHT, 'hspace="5" vspace="5"') . ' Works for me.
jennymac Posted May 13, 2006 Posted May 13, 2006 Thanks so much - I'll give it a try. I want to check the images first as to the 100%. Take care, Jennifer
lbjerke Posted May 23, 2006 Posted May 23, 2006 this worked awesome, but i have another question how can i change the size of the images on the catagory list? -leif
Guest Posted May 24, 2006 Posted May 24, 2006 Oooh! Beautiful store! Yeah, that's what we want! I hadn't had a chance to repost until now but I used the code in this thread and just put in the width measurement and then '' (two single quotes) for the height measurement and it worked for me. What worked for you? hi there, in which page and which line you have chnaged this code? thanks
lbjerke Posted May 24, 2006 Posted May 24, 2006 it is catalog/product_info.php the section is around line 105 i think make sure you replace the whole section <script language="javascript"><!-- document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>'); //--></script> <noscript> <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], /*SMALL_IMAGE_WIDTH*/200, /*SMALL_IMAGE_HEIGHT*/, 'hspace="5" vspace="5"') . '<br></a>'; ?> </noscript> with this chunck of code <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], '250', '250', 'hspace="5" vspace="5"'); ?> (the '250','250' is your 'width','height' you can change those to whatever you wish) so now all you should have is the table tags and then the new code and the closed table tags i hope this helps pm me if it doesnt :) GL! -leif
matrix2223 Posted August 13, 2006 Posted August 13, 2006 This works great but how do you keep the images on the new products module on main page from bein all funny lookin? Should I use the auto thumbnailer with gd as well? Thanks Eric
matrix2223 Posted August 15, 2006 Posted August 15, 2006 Thanks but I re read this thread and used the "Keep image Proprotaions" contrib and changed my product info.php as said in http://www.oscommerce.com/forums/index.php?sho...amp;st=20 With this everything works and looks great, couldnt ask for anything better. Thanks, Eric
Guest Posted September 14, 2006 Posted September 14, 2006 If you want (and the Images are fine @ 100% you could just change: tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5") . ' to this. tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), IMAGE_WIDTH, IMAGE_HEIGHT, 'hspace="5" vspace="5"') . ' Works for me. this method seemed to work for me as well, i use FireFox for my browser, however the images did not show up at all in Internet Explorer, just so ya know, and you may want to check - jason
tptnyc Posted September 28, 2006 Posted September 28, 2006 The window gets enlarged but not the image. Where is the problem here? And how to fix it and make the image look large too? FILE NAME is Pop_image.php <head> <meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>"> <title><?php echo $products['products_name']; ?></title> <base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER : HTTP_SERVER) . DIR_WS_CATALOG; ?>"> <script language="javascript"><!-- var i=0; function resize() { if (navigator.appName == 'Netscape') i=40; if (document.images[0]) window.resizeTo(document.images[0].width +180, document.images[0].height+150-i); self.focus(); } //--></script> </head>
rwduc Posted October 4, 2006 Posted October 4, 2006 Yes . All right. But: I want to display 1 new image (diffrents with image in products_image field. This is not problem, but the problem is what is my job to change file : admin/categories.php to add, edit image in new image field. ? Help me ! Thank.
kapearl Posted November 4, 2006 Posted November 4, 2006 Okay - so I figured out how to do the larger picture - I installed big image, and it's working great. Now, I am very interested in the sub pictures and how that was done. I am starting to look through the contributions that deal with images/multiple images/etc. does anyone have any recommendations? For those of us that are having the same problem... could you be a little more specific about "I installed big image!"
matrix2223 Posted November 18, 2006 Posted November 18, 2006 Yes . All right. But: I want to display 1 new image (diffrents with image in products_image field. This is not problem, but the problem is what is my job to change file : admin/categories.php to add, edit image in new image field.? Help me ! Thank. If you only have one more image and only like this for a few products you could add the html in the products discription through the admin when you add the product here is an example <br><tr><td align="center" valign="center" width="50" height="50"> <img src="/images/image.JPG" border="0" width="50" height="50"></td></tr>
matrix2223 Posted November 18, 2006 Posted November 18, 2006 For those of us that are having the same problem... could you be a little more specific about "I installed big image!" What kinds of things are you trying to get. You can have all: the perportioned image on the main page, big images on the product_info and more images. You would simply have to modify the code I could help if you would like, if you still need this done. Eric
windsabre Posted November 20, 2006 Posted November 20, 2006 I have seen people talking about plugins that let you upload separate images for the thumnail and product info page, and another plugin that sets a fixed width, but adjustable height to maintain the aspect ratio... my question is can you use both of these at the same time? Also, I saw the suggestion about adding in the HTML in the description to add more photos, I was wondering if someone could code this into the admin page so you could do it automatically when you add new products to the catalog.
matrix2223 Posted November 20, 2006 Posted November 20, 2006 I have seen people talking about plugins that let you upload separate images for the thumnail and product info page, and another plugin that sets a fixed width, but adjustable height to maintain the aspect ratio... my question is can you use both of these at the same time? Also, I saw the suggestion about adding in the HTML in the description to add more photos, I was wondering if someone could code this into the admin page so you could do it automatically when you add new products to the catalog. What I did was use the code for the big images in discriptions ( a few posts back), and used the keep image perportions. To add another image in the admin is easy I keep a txt file on hand that alread had the code for me so I only need to change the image file name. Here is a sample of code you can use. Use this in the admin when adding your product. <br><img src="/images/your_image.jpg" align="right valign="center" border="0" title="Your title that will show on mouse over"><br> you can also have it to open like a popup such as <br><a href=""/images/your_image.jpg" target="_blank"><img src="/images/your_image.jpg" align="right valign="center" border="0" title="Your title that will show on mouse over"></a><br> Hope this helps, Eric
qualitycue Posted December 3, 2006 Posted December 3, 2006 http://www.soundspaces.com/catalog I think you guys want something like this right? -Chris Very nice. I'm completely new to ALL of this, not just osCommerce. I've been trying to customize my site, but not having much success. I'm looking to do a similar format, simple yet functional and attractive. Unfortunately my site so far looks pretty..........bad. I was wondering if you could take a quick look and steer me in the right direction? Also, what did you use to create your logo? My site is www.qualitycuesticks.com. I'm also having a problem with distorted images. I think it has to do with size, but I'm not sure how to correct it. Any insight would be appreciated.
windsabre Posted December 3, 2006 Posted December 3, 2006 Quick question, which version of OScommerce are you guys using and would it be easier to use the keep proportions and big image mods with the newer one? I've customized my site so much that I'm leary of upgrading to the new one, because I know I'll have to re-do much of it, but if the newer one is easier to work with than I'll do it.
leesa0406 Posted April 25, 2007 Posted April 25, 2007 Ended up scrapping most of what I'd done and went for the easy option. 1) Downloaded the Keep Image Proportions Contribution Get It Here , Install that to stop your images from getting stretched out of shape when you use various size images. 2) Edited my Products_info.php file to the following, you will notice I've also taken out the 'Product added on' line and put 'Price:' next to the product price and I have my large image appearing in the centre with the description underneath. Oh and there's no click to enlarge option. Hope this helps. Just copy the code over your current products_info.php found in your catalogue folder. <?php /* $Id: product_info.php,v 1.97 2003/07/01 14:34:54 hpdl Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ require('includes/application_top.php'); require(DIR_WS_LANGUAGES . $language . '/' . FILENAME_PRODUCT_INFO); $product_check_query = tep_db_query("select count(*) as total from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd where p.products_status = '1' and p.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "'"); $product_check = tep_db_fetch_array($product_check_query); ?> <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html <?php echo HTML_PARAMS; ?>> <head> <meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>"> <title><?php echo TITLE; ?></title> <base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER : HTTP_SERVER) . DIR_WS_CATALOG; ?>"> <link rel="stylesheet" type="text/css" href="stylesheet.css"> <script language="javascript"><!-- function popupWindow(url) { window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,res izable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,le ft=150') } //--></script> </head> <body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"> <!-- header //--> <?php require(DIR_WS_INCLUDES . 'header.php'); ?> <!-- header_eof //--> <!-- body //--> <table border="0" width="100%" cellspacing="3" cellpadding="3"> <tr> <td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2"> <!-- left_navigation //--> <?php require(DIR_WS_INCLUDES . 'column_left.php'); ?> <!-- left_navigation_eof //--> </table></td> <!-- body_text //--> <td width="100%" valign="top"><?php echo tep_draw_form('cart_quantity', tep_href_link(FILENAME_PRODUCT_INFO, tep_get_all_get_params(array('action')) . 'action=add_product')); ?> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <?php if ($product_check['total'] < 1) { ?> <tr> <td> <?php new infoBox(array(array('text' => TEXT_PRODUCT_NOT_FOUND))); ?> </td> </tr> <tr> <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td> </tr> <tr> <td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox"> <tr class="infoBoxContents"> <td><table border="0" width="100%" cellspacing="0" cellpadding="2"> <tr> <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td> <td align="right"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image_button('button_continue.gif', IMAGE_BUTTON_CONTINUE) . '</a>'; ?></td> <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td> </tr> </table></td> </tr> </table></td> </tr> <?php } else { $product_info_query = tep_db_query("select p.products_id, pd.products_name, pd.products_description, p.products_model, p.products_quantity, p.products_image, pd.products_url, p.products_price, p.products_tax_class_id, p.products_date_added, p.products_date_available, p.manufacturers_id from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd where p.products_status = '1' and p.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "'"); $product_info = tep_db_fetch_array($product_info_query); tep_db_query("update " . TABLE_PRODUCTS_DESCRIPTION . " set products_viewed = products_viewed+1 where products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and language_id = '" . (int)$languages_id . "'"); if ($new_price = tep_get_products_special_price($product_info['products_id'])) { $products_price = '<s>' . $currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id'])) . '</s> <span class="productSpecialPrice">' . $currencies->display_price($new_price, tep_get_tax_rate($product_info['products_tax_class_id'])) . '</span>'; } else { $products_price = $currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id'])); } if (tep_not_null($product_info['products_model'])) { $products_name = $product_info['products_name'] . '<br><span class="smallText">[' . $product_info['products_model'] . ']</span>'; } else { $products_name = $product_info['products_name']; } ?> <tr> <td><table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td class="pageHeading" valign="top"><?php echo $products_name; ?></td> <td class="pageHeading" align="right" valign="top">Price: <?php echo $products_price; ?></td> </tr> </table></td> </tr> <tr> <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td> </tr> <tr> <td class="main"> <?php if (tep_not_null($product_info['products_image'])) { ?> <table border="0" cellspacing="0" cellpadding="2" align="center"> <tr> <td align="center" class="smallText"> <?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], '300', '300', 'hspace="5" vspace="5"'); ?></td> </tr> </table> <?php } ?> <p><?php echo stripslashes($product_info['products_description']); ?></p> <?php $products_attributes_query = tep_db_query("select count(*) as total from " . TABLE_PRODUCTS_OPTIONS . " popt, " . TABLE_PRODUCTS_ATTRIBUTES . " patrib where patrib.products_id='" . (int)$HTTP_GET_VARS['products_id'] . "' and patrib.options_id = popt.products_options_id and popt.language_id = '" . (int)$languages_id . "'"); $products_attributes = tep_db_fetch_array($products_attributes_query); if ($products_attributes['total'] > 0) { ?> <table border="0" cellspacing="0" cellpadding="2"> <tr> <td class="main" colspan="2"><?php echo TEXT_PRODUCT_OPTIONS; ?></td> </tr> <?php $products_options_name_query = tep_db_query("select distinct popt.products_options_id, popt.products_options_name from " . TABLE_PRODUCTS_OPTIONS . " popt, " . TABLE_PRODUCTS_ATTRIBUTES . " patrib where patrib.products_id='" . (int)$HTTP_GET_VARS['products_id'] . "' and patrib.options_id = popt.products_options_id and popt.language_id = '" . (int)$languages_id . "' order by popt.products_options_name"); while ($products_options_name = tep_db_fetch_array($products_options_name_query)) { $products_options_array = array(); $products_options_query = tep_db_query("select pov.products_options_values_id, pov.products_options_values_name, pa.options_values_price, pa.price_prefix from " . TABLE_PRODUCTS_ATTRIBUTES . " pa, " . TABLE_PRODUCTS_OPTIONS_VALUES . " pov where pa.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pa.options_id = '" . (int)$products_options_name['products_options_id'] . "' and pa.options_values_id = pov.products_options_values_id and pov.language_id = '" . (int)$languages_id . "'"); while ($products_options = tep_db_fetch_array($products_options_query)) { $products_options_array[] = array('id' => $products_options['products_options_values_id'], 'text' => $products_options['products_options_values_name']); if ($products_options['options_values_price'] != '0') { $products_options_array[sizeof($products_options_array)-1]['text'] .= ' (' . $products_options['price_prefix'] . $currencies->display_price($products_options['options_values_price'], tep_get_tax_rate($product_info['products_tax_class_id'])) .') '; } } if (isset($cart->contents[$HTTP_GET_VARS['products_id']]['attributes'][$products_options_name['products_options_id']])) { $selected_attribute = $cart->contents[$HTTP_GET_VARS['products_id']]['attributes'][$products_options_name['products_options_id']]; } else { $selected_attribute = false; } ?> <tr> <td class="main"><?php echo $products_options_name['products_options_name'] . ':'; ?></td> <td class="main"><?php echo tep_draw_pull_down_menu('id[' . $products_options_name['products_options_id'] . ']', $products_options_array, $selected_attribute); ?></td> </tr> <?php } ?> </table> <?php } ?> </td> </tr> <tr> <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td> </tr> <?php $reviews_query = tep_db_query("select count(*) as count from " . TABLE_REVIEWS . " where products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "'"); $reviews = tep_db_fetch_array($reviews_query); if ($reviews['count'] > 0) { ?> <tr> <td class="main"><?php echo TEXT_CURRENT_REVIEWS . ' ' . $reviews['count']; ?></td> </tr> <tr> <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td> </tr> <?php } if (tep_not_null($product_info['products_url'])) { ?> <tr> <td class="main"><?php echo sprintf(TEXT_MORE_INFORMATION, tep_href_link(FILENAME_REDIRECT, 'action=url&goto=' . urlencode($product_info['products_url']), 'NONSSL', true, false)); ?></td> </tr> <tr> <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td> </tr> <?php } if ($product_info['products_date_available'] > date('Y-m-d H:i:s')) { ?> <tr> <td align="center" class="smallText"></td> </tr> <?php } else { ?> <?php } ?> <tr> <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td> </tr> <tr> <td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox"> <tr class="infoBoxContents"> <td><table border="0" width="100%" cellspacing="0" cellpadding="2"> <tr> <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td> <td class="main"><?php echo '<a href="' . tep_href_link(FILENAME_PRODUCT_REVIEWS, tep_get_all_get_params()) . '">' . tep_image_button('button_reviews.gif', IMAGE_BUTTON_REVIEWS) . '</a>'; ?></td> <td class="main" align="right"><?php echo tep_draw_hidden_field('products_id', $product_info['products_id']) . tep_image_submit('button_in_cart.gif', IMAGE_BUTTON_IN_CART); ?></td> <td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td> </tr> <tr> <td> <?php if ((USE_CACHE == 'true') && empty($SID)) { echo tep_cache_also_purchased(3600); } else { include(DIR_WS_MODULES . FILENAME_ALSO_PURCHASED_PRODUCTS); } } ?> </td> </tr> </table> </form></td> <!-- body_text_eof //--> <td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2"> <!-- right_navigation //--> <?php require(DIR_WS_INCLUDES . 'column_right.php'); ?> <!-- right_navigation_eof //--> </table></td> </tr> </table> <!-- body_eof //--> <!-- footer //--> <?php require(DIR_WS_INCLUDES . 'footer.php'); ?> <!-- footer_eof //--> <br> </body> </html> <?php require(DIR_WS_INCLUDES . 'application_bottom.php'); ?> I went to look at the constrain proportions link and it seems to indicate it may not be needed for current versions of OsCommerce???? I copied this code into my product_info.php file and it works GREAT...however, when you first load a product page the image is very fuzzy. after you force a refresh of the browser the image is clear. I have sent a private message to Fred but was wondering if anyone else has experienced this and how to fix it??
ahoka Posted July 2, 2007 Posted July 2, 2007 Oops I made a mistake above - I accidentally kept the image still clickable. For the last "replace with" above use this: <?php echo tep_image(DIR_WS_IMAGES . $product_info_values['products_bimage'], $product_info_values['products_name'], /*SMALL_IMAGE_WIDTH*/220, /*SMALL_IMAGE_HEIGHT*/220, 'hspace="5" vspace="5"'); ?> Jen HI jen , how are you? I'm trying to replace my images while keeping my big image on the product info page. How exactly do you do that? I saw that you done it , but can't find the codes to replace on my file. thanks for your help. cassia
Recommended Posts
Archived
This topic is now archived and is closed to further replies.