berthz Posted August 28, 2009 Share Posted August 28, 2009 Support forum for: AJAX Image Attributes This contribution is based on the options as images contribution: (http://addons.oscommerce.com/info/1467) This contribution uses an AJAX script to load images linked with attibutes of a product. This way the drop-down list keeps functioning and the script loads the corresponding image onto the website. A working example can be found on: http://www.suitingyou.nl/nieuw/product_inf...p?products_id=8 Example pictures are included in the package. Reason for making this a brand new contrib rather then a new version of options as images is because the catalog side has completely changed and is not using any of the initial code anymore. Functions are basically the same: - Link images to attributes - Allow for an enlarged picture - Define width and height of pictures - Switch contrib on/off - AJAX loaded pictures on the product_info.php Quote Link to comment Share on other sites More sharing options...
tvtotal Posted August 29, 2009 Share Posted August 29, 2009 (edited) Hello, it seems, that this is the first step to get it like www.buli.tv http://forums.oscommerce.de/index.php?showtopic=70962 Thank you. Best Regards tvtotal Edited September 7, 2009 by Jan Zonjee Quote Link to comment Share on other sites More sharing options...
Guest Posted September 5, 2009 Share Posted September 5, 2009 (edited) Hi, Is there a way to have the attribute images when you select the attribute in the drop down to stay on the page while you click on another attribute and have it's image added? Also, how would you remove the text that says "image not found" when you choose an attribute that has not been enabled in the admin/catalog/options as images section? Edited September 5, 2009 by Melinda Odom Quote Link to comment Share on other sites More sharing options...
berthz Posted September 8, 2009 Author Share Posted September 8, 2009 Hi, Is there a way to have the attribute images when you select the attribute in the drop down to stay on the page while you click on another attribute and have it's image added? Also, how would you remove the text that says "image not found" when you choose an attribute that has not been enabled in the admin/catalog/options as images section? Melinda, Currently all the drop downs use the same name: "zoek". This could be an idea for the future to have all dropdown lists of the attributes use a different name for the options. That is the only way you can have multiple images of different attributes shown at the same times. I have added a new version of the AJAX image attributes which only shows images of attributes that are selected as options as images. Quote Link to comment Share on other sites More sharing options...
Nicht_Schlau Posted September 16, 2009 Share Posted September 16, 2009 Hi bertht, at first: thanks for this small but very fine ajax script! It almost solves my Problems, but i dont get it, to combine it with QTPRO :( (i think, thats another problem with option_as_image :) ) BUT, now, i tested your 1.1v but it didn´t work! Version 1.0 worked fine but now, there are no more pictures if i do a drop-down-selection with the new Version! I don´t know, if i´m too stupid, but 1.0 worked :P (yes, i marked the box for the attributes :) ) Thanks again for this nice script and go on to update it in newer versions :) *thumbs up* B) Quote Link to comment Share on other sites More sharing options...
berthz Posted October 13, 2009 Author Share Posted October 13, 2009 Hi bertht, at first: thanks for this small but very fine ajax script! It almost solves my Problems, but i dont get it, to combine it with QTPRO :( (i think, thats another problem with option_as_image :) ) BUT, now, i tested your 1.1v but it didn´t work! Version 1.0 worked fine but now, there are no more pictures if i do a drop-down-selection with the new Version! I don´t know, if i´m too stupid, but 1.0 worked :P (yes, i marked the box for the attributes :) ) Thanks again for this nice script and go on to update it in newer versions :) *thumbs up* B) It took me a while to fix it, but I have added a new file which fixes the problem you described. To have this working with QtPro is a good idea for further future development of this contrib. Quote Link to comment Share on other sites More sharing options...
MAloha Posted October 16, 2009 Share Posted October 16, 2009 Hi Berthz: Thanks for such nice contrib, it work like a charm. But I have a problem combine it with option price update contrib on product_info.php On your attrib, it read like this... <?php echo tep_draw_pull_attribute_down_menu('id[' . $products_options_name['products_options_id'] . ']', $products_options_array, $selected_attribute, 'onChange="sendRequestSearch(this.value);"'); ?> But with option price update, it read like this... <?php echo tep_draw_pull_attribute_down_menu('id[' . $products_options_name['products_options_id'] . ']', $products_options_array, $selected_attribute, 'onChange='showPrice(this.form);"'); ?> Look forward to hearing from you! Best wishes to all of you! Quote Link to comment Share on other sites More sharing options...
DANYEYI Posted October 18, 2009 Share Posted October 18, 2009 (edited) Hi there, I am looking for a contribution for my tshirt store so that a customer can change the product image to a different colour using a colour dropdown attribute. Could I edit this someway to make that happen? Similar to this site when you select a different colour: http://www.chargrilled.co.uk/t-shirts/Kanye%2DIs%2DA%2DJackass-t-shirt.m Thanks in advance. Dan Edited October 18, 2009 by DANYEYI Quote Link to comment Share on other sites More sharing options...
berthz Posted November 28, 2009 Author Share Posted November 28, 2009 Hi there, I am looking for a contribution for my tshirt store so that a customer can change the product image to a different colour using a colour dropdown attribute. Could I edit this someway to make that happen? Similar to this site when you select a different colour: http://www.chargrilled.co.uk/t-shirts/Kanye%2DIs%2DA%2DJackass-t-shirt.m Thanks in advance. Dan Danyeyi, It is possible to do something like that yes. You will have to modify the contribution to make the images larger and place them in some kind of div. Basically the contrib already does what you want it to do but you might have to tweak and modify the code slightly. Cant help you any further for now because the code already does what you want it to do. You might have to change the layout style slightly. Quote Link to comment Share on other sites More sharing options...
berthz Posted November 28, 2009 Author Share Posted November 28, 2009 Hi Berthz: Thanks for such nice contrib, it work like a charm. But I have a problem combine it with option price update contrib on product_info.php On your attrib, it read like this... <?php echo tep_draw_pull_attribute_down_menu('id[' . $products_options_name['products_options_id'] . ']', $products_options_array, $selected_attribute, 'onChange="sendRequestSearch(this.value);"'); ?> But with option price update, it read like this... <?php echo tep_draw_pull_attribute_down_menu('id[' . $products_options_name['products_options_id'] . ']', $products_options_array, $selected_attribute, 'onChange='showPrice(this.form);"'); ?> Look forward to hearing from you! Best wishes to all of you! Mahloha, You might be able to comebine sendRequestSearch and showPrice to have both function working. Otherwise try to make one of them an onfocus or onselect function. I dont know whether it works but its worth trying. GL. Quote Link to comment Share on other sites More sharing options...
DavidPotter Posted November 29, 2009 Share Posted November 29, 2009 (edited) I had trouble executing sql script. It was trying to set the configuration_id for multiple entries to 0. The solution is to specify all the column names and to not specify anything for the configuration_id column. Here is the updated script that solves the problem: ALTER TABLE `products_options_values` ADD `products_options_values_thumbnail` VARCHAR(60) NOT NULL ; INSERT INTO configuration_group VALUES (735, 'Options as Images', 'Configuration for the Options as Images Function', 20, 1); INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, last_modified, date_added, use_function, set_function) VALUES ('Use Images for Product Options?', 'OPTIONS_AS_IMAGES_ENABLED', 'true', 'Do you wish to enable images for options?', 735, 1, '2003-08-18 22:19:45', '0000-00-00 00:00:00', NULL, 'tep_cfg_select_option(array(\'true\', \'false\'),'); INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, last_modified, date_added, use_function, set_function) VALUES ('Options as Images - Image Width', 'OPTIONS_IMAGES_WIDTH', '80', 'Set width of option value images', 735, 2, '2003-08-20 12:55:16', '0000-00-00 00:00:00', NULL, NULL); INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, last_modified, date_added, use_function, set_function) VALUES ('Options as Images - Image Height', 'OPTIONS_IMAGES_HEIGHT', '100', 'Options Images Height', 735, 3, '2003-08-20 12:55:22', '0000-00-00 00:00:00', NULL, NULL); INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, last_modified, date_added, use_function, set_function) VALUES ('Click to Enlarge Function', 'OPTIONS_IMAGES_CLICK_ENLARGE', 'true', 'Do you wish to enable the Click to Enlarge Function?', 735, 4, '2003-08-21 12:59:58', '0000-00-00 00:00:00', NULL, 'tep_cfg_select_option(array(\'true\', \'false\'),'); ALTER TABLE `products_options` ADD `products_options_images_enabled` VARCHAR(5) DEFAULT 'false' NOT NULL ; Hopefully this will help someone else as well. Edited November 29, 2009 by DavidPotter Quote Link to comment Share on other sites More sharing options...
DavidPotter Posted December 3, 2009 Share Posted December 3, 2009 How do I get the option image to be displayed when I enter the page? I'm only able to get an option image when I change the selection? Thanks, David Quote Link to comment Share on other sites More sharing options...
DavidPotter Posted December 3, 2009 Share Posted December 3, 2009 Hi there, I am looking for a contribution for my tshirt store so that a customer can change the product image to a different colour using a colour dropdown attribute. Could I edit this someway to make that happen? Similar to this site when you select a different colour: http://www.chargrilled.co.uk/t-shirts/Kanye%2DIs%2DA%2DJackass-t-shirt.m Thanks in advance. Dan I was able to get this to work with a few simple changes. You need to change ajaximage.php and product_info.php. If you're using WP.osC, you'll change ajaximage.php, head14.php, and module14.php. ajaximage.php Add the products_options_values_thumbnail field to the options query by changing this: $options_query = tep_db_query("select pov.products_options_values_id, pov.products_options_values_thumbnail from " . TABLE_PRODUCTS_OPTIONS_VALUES . " pov where pov.products_options_values_id = '" .$id . "'"); to this: $options_query = tep_db_query("select pov.products_options_values_id, pov.products_options_values_thumbnail, pov.products_options_values_name from " . TABLE_PRODUCTS_OPTIONS_VALUES . " pov where pov.products_options_values_id = '" .$id . "'"); Next, copy the code from product_info.php (or module14.php if you're using WP.osC) that displays the image to ajaximage.php and modify it to display the option image instead. Here is what works for me. Replace this: echo "<a href='" . tep_href_link(FILENAME_OPTIONS_IMAGES_POPUP, "oID=" . $id) ."' target='blank'><img src=./images/options/".$options['products_options_values_thumbnail']." height=".OPTIONS_IMAGES_HEIGHT." width=".OPTIONS_IMAGES_WIDTH."></a>"; with this: $image_file = $options['products_options_values_thumbnail']; $image_title = $options['products_options_values_name']; echo '<div id="ngg-image-11111" class="ngg-gallery-thumbnail-box" ><div class="ngg-gallery-thumbnail" >'."\n"; echo '<a href="' . tep_href_link(DIR_WS_IMAGES . 'options/' . $image_file) . '" title="'.$image_title.'" rel="lightbox">' . tep_image(DIR_WS_IMAGES . 'options/' . $image_file, $image_title, '', 2*SMALL_IMAGE_HEIGHT, 'class="Thumb"').'</a>'; echo '</div></div>'. "\n"; product_info.php / head14.php Change the handleResponseSearch() function you added to the head section of product_info.php (or module14.php if you're using WP.osC) when you installed the add-on. Everywhere you see "zoek_resultaten" replace it with the id of the image div (ngg-image-1111 for me). I'm not sure what the div ID is for stock osCommerce, so you might have to root around a little bit. product_info.php / module14.php Remove the following code that you added as part of installing the add-on: if (OPTIONS_AS_IMAGES_ENABLED == 'true') { $page_content .= '<div id="zoek_resultaten"></div>'; } Issues with this solution There are (at least) two issues with this solution. It no longer uses the stored sizes for option images. This may not be that bad, though, since you're replacing the product image. The image transition is not very smooth. I'd love to fix this one. I'd be interested in hearing how others accomplish this to better results. Quote Link to comment Share on other sites More sharing options...
berthz Posted December 4, 2009 Author Share Posted December 4, 2009 How do I get the option image to be displayed when I enter the page? I'm only able to get an option image when I change the selection? Thanks, David One simple way of doing it is, in product_info.php change: <?php if (OPTIONS_AS_IMAGES_ENABLED == 'true'){ ?> <div id="zoek_resultaten"></div> <?php } else { } ?> to: <?php if (OPTIONS_AS_IMAGES_ENABLED == 'true'){ $options_query = tep_db_query("select pov.products_options_values_id, pov.products_options_values_thumbnail from " . TABLE_PRODUCTS_OPTIONS_VALUES . " pov order by pov.products_options_values_id"); $options = tep_db_fetch_array($options_query); ?> <div id="zoek_resultaten"><?php echo "<img src=./images/options/".$options['products_options_values_thumbnail']." height=".OPTIONS_IMAGES_HEIGHT." width=".OPTIONS_IMAGES_WIDTH.">"; ?></div> <?php } else { } ?> Quick fix, might need some work with initial selected image image corresponding with the initial selected option. However, it is tested and it works. Quote Link to comment Share on other sites More sharing options...
Guest Posted December 22, 2009 Share Posted December 22, 2009 Thanks for this contribution! Sorry for my bad English, is translated with google. Currently, this contribution allows you to have an image for each "products_options_values_id". I need to have an image for each "products_attributes_id". I modified the code to get a picture for each attribute but can not get the file ajaximage.php the value of "$id" is = "products_attributes_id". Now the value of "$id" is = "products_options_values_id". Another possibility that also allow me to do is get the file ajaximage.php you could take the product id "products_id", ie this works: $prod_id = (int) $HTTP_GET_VARS [ 'products_id']; Can you help with this problem? Thank you. Quote Link to comment Share on other sites More sharing options...
Alexian Posted June 22, 2010 Share Posted June 22, 2010 Thanks for this contribution! Sorry for my bad English, is translated with google. Currently, this contribution allows you to have an image for each "products_options_values_id". I need to have an image for each "products_attributes_id". I modified the code to get a picture for each attribute but can not get the file ajaximage.php the value of "$id" is = "products_attributes_id". Now the value of "$id" is = "products_options_values_id". Another possibility that also allow me to do is get the file ajaximage.php you could take the product id "products_id", ie this works: $prod_id = (int) $HTTP_GET_VARS [ 'products_id']; Can you help with this problem? Thank you. is there been found a solution for this? i have now 1 image at a time. i have multiple attributes and i want to display all multiple pictures at once. So has someone worked this out yet? Quote Link to comment Share on other sites More sharing options...
Guest Posted July 18, 2010 Share Posted July 18, 2010 Hi I've installed this contribution and used DavidPotter's suggestions so the product_info page loads the initial selected attributes image. I have then applied a javascript script called fancybox to zoom up the attribute image without a popup or loading another page. The javascript works perfectly on the initial loaded image but when I change the drop down and the image changes the javascript no longer works... Does anyone know why? CHeers Nick Quote Link to comment Share on other sites More sharing options...
Yak39 Posted August 13, 2010 Share Posted August 13, 2010 (edited) Hi Berthx first of all thanks for your contrib. I have a question, I'm trying to integrate it on my OSC which of course runs STS: Unfortunately, when the ajax call happens in product_info.php the result given is not the pictures I'm supposed to retrive but the HTML code of the STS template. I suppose the two contributions have issues because of this code: <script language="javascript"> function createRequestObject() { var req; if(window.XMLHttpRequest){ req = new XMLHttpRequest(); } else if(window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } else { req = NULL; alert('Probleem met het aanmaken van hetXMLHttpRequest object'); } return req; } var http = createRequestObject(); function sendRequestSearch(iets) { http.open('get', 'ajaximage.php?zoek='+iets); http.onreadystatechange = handleResponseSearch; http.send(null); } function handleResponseSearch() { if(http.readyState == 4 && http.status == 200){ if(http.responseText) { document.getElementById("zoek_resultaten").innerHTML = http.responseText; } else { document.getElementById("zoek_resultaten").innerHTML = " "; } } else { document.getElementById("zoek_resultaten").innerHTML = " "; } } </script> Any work around suggested? Edited August 13, 2010 by Yak39 Quote Link to comment Share on other sites More sharing options...
Yak39 Posted August 16, 2010 Share Posted August 16, 2010 Hi Berthx first of all thanks for your contrib. I have a question, I'm trying to integrate it on my OSC which of course runs STS: Unfortunately, when the ajax call happens in product_info.php the result given is not the pictures I'm supposed to retrive but the HTML code of the STS template. I suppose the two contributions have issues because of this code: <script language="javascript"> function createRequestObject() { var req; if(window.XMLHttpRequest){ req = new XMLHttpRequest(); } else if(window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } else { req = NULL; alert('Probleem met het aanmaken van hetXMLHttpRequest object'); } return req; } var http = createRequestObject(); function sendRequestSearch(iets) { http.open('get', 'ajaximage.php?zoek='+iets); http.onreadystatechange = handleResponseSearch; http.send(null); } function handleResponseSearch() { if(http.readyState == 4 && http.status == 200){ if(http.responseText) { document.getElementById("zoek_resultaten").innerHTML = http.responseText; } else { document.getElementById("zoek_resultaten").innerHTML = " "; } } else { document.getElementById("zoek_resultaten").innerHTML = " "; } } </script> Any work around suggested? workaround posted on contrib's page. Also a better way to handle the httpResponse could be this: function createRequestObject() { var req; if(window.XMLHttpRequest){ req = new XMLHttpRequest(); } else if(window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } else { req = NULL; alert('Probleem met het aanmaken van hetXMLHttpRequest object'); } return req; } var http = createRequestObject(); function sendRequestSearch(iets) { http.open('get', 'ajaximage.php?zoek='+iets); http.onreadystatechange = handleResponseSearch; http.send(null); } function handleResponseSearch() { if(http.readyState == 4 && http.status == 200){ if(http.responseText) { document.getElementById("zoek_resultaten").innerHTML = http.responseText; } else { document.getElementById("zoek_resultaten").innerHTML = " "; } } else { document.getElementById("zoek_resultaten").innerHTML = " "; } } Quote Link to comment Share on other sites More sharing options...
berthz Posted November 11, 2010 Author Share Posted November 11, 2010 For some reason I dont get messages when there is a new post in this thread. Anyways today I had to update the contrib for one of my clients so that each attribute gets its own individual div and images of different attributes all show at the same time. To create a div for each individual attribute simply follow these steps (all in /catalog/product_info.php): find: <script language="javascript"> function createRequestObject() { var req; if(window.XMLHttpRequest){ req = new XMLHttpRequest(); } else if(window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } else { req = NULL; alert('Probleem met het aanmaken van hetXMLHttpRequest object'); } return req; } var http = createRequestObject(); function sendRequestSearch(iets) { http.open('get', 'ajaximage.php?zoek='+iets); http.onreadystatechange = handleResponseSearch; http.send(null); } function handleResponseSearch() { if(http.readyState == 4 && http.status == 200){ if(http.responseText) { document.getElementById("zoek_resultaten").innerHTML = http.responseText; } else { document.getElementById("zoek_resultaten").innerHTML = " "; } } else { document.getElementById("zoek_resultaten").innerHTML = " "; } } </script> replace that by: <script language="javascript"> function createRequestObject() { var req; if(window.XMLHttpRequest){ req = new XMLHttpRequest(); } else if(window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } else { req = NULL; alert('Probleem met het aanmaken van hetXMLHttpRequest object'); } return req; } <?php $opties = tep_db_query("select distinct products_options_id from " . TABLE_PRODUCTS_OPTIONS . ""); while ($optiesaantal = tep_db_fetch_array($opties)) { ?> var http<?php echo $optiesaantal['products_options_id']; ?> = createRequestObject(); function sendRequestSearch<?php echo $optiesaantal['products_options_id']; ?>(iets) { http<?php echo $optiesaantal['products_options_id']; ?>.open('get', 'ajaximage.php?zoek='+iets); http<?php echo $optiesaantal['products_options_id']; ?>.onreadystatechange = handleResponseSearch<?php echo $optiesaantal['products_options_id']; ?>; http<?php echo $optiesaantal['products_options_id']; ?>.send(null); } function handleResponseSearch<?php echo $optiesaantal['products_options_id']; ?>() { if(http<?php echo $optiesaantal['products_options_id']; ?>.readyState == 4 && http<?php echo $optiesaantal['products_options_id']; ?>.status == 200){ if(http<?php echo $optiesaantal['products_options_id']; ?>.responseText) { document.getElementById("zoek_resultaten<?php echo $optiesaantal['products_options_id']; ?>").innerHTML = http<?php echo $optiesaantal['products_options_id']; ?>.responseText; } else { document.getElementById("zoek_resultaten<?php echo $optiesaantal['products_options_id']; ?>").innerHTML = " "; } } else { document.getElementById("zoek_resultaten<?php echo $optiesaantal['products_options_id']; ?>").innerHTML = " "; } } <?php } ?> </script> find: <?php if (OPTIONS_AS_IMAGES_ENABLED == 'true'){ ?> <div id="zoek_resultaten"></div> <?php } else { } ?> Replace that by: <?php if (OPTIONS_AS_IMAGES_ENABLED == 'true'){ ?> <div id="zoek_resultaten<?php echo $products_options_name['products_options_id'];?>"></div> <?php } else { } ?> find: <td class="main"><?php echo tep_draw_pull_attribute_down_menu('id[' . $products_options_name['products_options_id'] . ']', $products_options_array, $selected_attribute, 'onChange="sendRequestSearch(this.value);"'); ?></td> and replace that by: <td class="main"><?php echo tep_draw_pull_attribute_down_menu('id[' . $products_options_name['products_options_id'] . ']', $products_options_array, $selected_attribute, 'onChange="sendRequestSearch'.$products_options_name['products_options_id'].'(this.value);"'); ?></td> Quote Link to comment Share on other sites More sharing options...
berthz Posted November 11, 2010 Author Share Posted November 11, 2010 To use a lightbox: In ajaximage.php find: echo "<a href='" . tep_href_link(FILENAME_OPTIONS_IMAGES_POPUP, "oID=" . $id) ."' target='blank'><img src=./images/options/".$options['products_options_values_thumbnail']." height=".OPTIONS_IMAGES_HEIGHT." width=".OPTIONS_IMAGES_WIDTH."></a>"; and replace it by: echo "<a href='./images/options/".$options['products_options_values_thumbnail']." ' rel='lightbox'><img src=./images/options/".$options['products_options_values_thumbnail']." height=".OPTIONS_IMAGES_HEIGHT." width=".OPTIONS_IMAGES_WIDTH." border='0'></a>"; Obviously you must have the lightbox contrib installed. Quote Link to comment Share on other sites More sharing options...
kyser Posted January 22, 2011 Share Posted January 22, 2011 (edited) Hi I try this contribution with radio button function , it works , however I noticed that on IE at least when I click on the thumbnail , this thumbnail act like a radio button and select an other thumbnail..... , no prob with tep_draw_pull_down_menu() here the code I use function tep_draw_radio_menu($name, $values, $default = '', $parameters = '', $required = false) { $field ='<table border="0" cellspacing="0" cellpadding="0"><tr><td class="main">'; if (empty($default) && isset($GLOBALS[$name])) $default = stripslashes($GLOBALS[$name]); for ($i=0, $n=sizeof($values); $i<$n; $i++) { $value = tep_output_string($values[$i]['id']); $field .= '<input type="radio" name="' . $name . '" value="' . $value . '"'; if (tep_not_null($parameters)) $field .= ' ' . $parameters; if ($i == 0) $field .= ' checked'; $field .= '>' . tep_output_string($values[$i]['text'], array('"' => '"', '\'' => ''', '<' => '<', '>' => '>')) . '<br />'; } $field .= '</td></tr></table>'; if ($required == true) $field .= TEXT_FIELD_REQUIRED; return $field; } please check the code to see if you found something wrong thanks for help!! Edited January 22, 2011 by kyser Quote Link to comment Share on other sites More sharing options...
Oleg_url Posted April 20, 2011 Share Posted April 20, 2011 (edited) Hi there, I am looking for a contribution for my tshirt store so that a customer can change the product image to a different colour using a colour dropdown attribute. Could I edit this someway to make that happen? Similar to this site when you select a different colour: http://www.chargrill...ckass-t-shirt.m Thanks in advance. It is possible to do something like that yes. You will have to modify the contribution to make the images larger and place them in some kind of div. Basically the contrib already does what you want it to do but you might have to tweak and modify the code slightly. Please, tell me how to do this? Edited April 20, 2011 by Oleg_url Quote Link to comment Share on other sites More sharing options...
Oleg_url Posted April 23, 2011 Share Posted April 23, 2011 Hi there, I am looking for a contribution for my tshirt store so that a customer can change the product image to a different colour using a colour dropdown attribute. Could I edit this someway to make that happen? Similar to this site when you select a different colour: /url/ http://www.chargrilled.co.uk/t-shirts/Slippery-Floor-t-shirt.m /url/ Thanks in advance. It is possible to do something like that yes. You will have to modify the contribution to make the images larger and place them in some kind of div. Basically the contrib already does what you want it to do but you might have to tweak and modify the code slightly. Please, tell me how to do this? Quote Link to comment Share on other sites More sharing options...
geremyh Posted December 1, 2013 Share Posted December 1, 2013 (necro bump) I've been messing with this add on and have had some limited success with it bringing it up to code for Osc v2.3.3.4 and now I've hit a cross roads.I have a need for two different drop down menus, one for the outside color and one for the inside color of my hoodies. As stated in a previous post the drop down menus are all named 'zoek' so changing one loads the proper image, but when selecting from the other drop down menu the old image is replaced with the new selection image. I need both images to overlay and then also when the final product configuration is sent to cart i would like the cart to show the new configured product image. The item model is BYO001 and no matter what the customer picks regarding colors the item is the same price so I feel this is an excellent backbone for me to work with and remain with osCommerce. Does anyone feel like contributing or helping me modify this to suit the desired application? Monetary compensation is available commensurate with work performed via paypal. It would be sad to have purchased a template, paid for an additional module professionally coded only to leave osCommerce because of this bump in the road. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.