Jump to content
berthz

[CONTRIBUTION] AJAX Image Attributes

Recommended Posts

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

Share this post


Link to post
Share on other sites

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 by Melinda Odom

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

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)

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

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 by DANYEYI

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 by DavidPotter

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

 

  1. It no longer uses the stored sizes for option images. This may not be that bad, though, since you're replacing the product image.
  2. 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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 by Yak39

Share this post


Link to post
Share on other sites

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 = "   ";
      }

   }

Share this post


Link to post
Share on other sites

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>

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 by kyser

Share this post


Link to post
Share on other sites

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 by Oleg_url

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

(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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×