Attribute image replaces main product image on select [Support Thread]

[mc12345678]

Just uploaded version 1.5.6 of this plugin.

Writeup was:


It should be available from the location identified in post 1 of this thread which is here when it has been reviewed and approved by one of the ZC volunteers. (ie. please be patient while the code undergoes the necessary review cycle prior to being made available here.)

Version 1.5.6 of this plugin is available here.

[mc12345678]

Submitted version 1.5.7 based on questions asked above and some concepts applied/discussed below:
- Added "Removal" of most of the javascript code if the admin option to not display attribute images is set to true. This
is expected to have a positive impact on load speed for such conditions.
- Modified the approach to the image swap, but left behind the previous code with it commented out. The reason is that
now instead of returning a newly formatted image (which requires more device communication), the original image is
"restored" if there is no attribute image assigned.
- Added some console logging of debug information if the attempt to execute the initialization code fails.


Upon review, acceptance, and posting should be downloadable from here.

[mc12345678]

Submitted version 1.5.7 based on questions asked above and some concepts applied/discussed below:
- Added "Removal" of most of the javascript code if the admin option to not display attribute images is set to true. This
is expected to have a positive impact on load speed for such conditions.
- Modified the approach to the image swap, but left behind the previous code with it commented out. The reason is that
now instead of returning a newly formatted image (which requires more device communication), the original image is
"restored" if there is no attribute image assigned.
- Added some console logging of debug information if the attempt to execute the initialization code fails.


Upon review, acceptance, and posting should be downloadable from here.

Version 1.5.7 is now available from here.

[Nick1973]

Version 1.5.7 is now available from here.

I'm using Zen Cart 1.5.5e - does this module actually work? Can't make head or tail of the installation. Seems a bit messy and nothing happens after installation.

[mc12345678]

I'm using Zen Cart 1.5.5e - does this module actually work? Can't make head or tail of the installation. Seems a bit messy and nothing happens after installation.

It does work on ZC 1.5.5e responsive template or not. Looking over the instructions again, they certainly could be clearer and the few lines modified in the admin/options_name_manager.php file could possibly be commented considering how little was changed/added there. For the image swap, there is no SQL necessary. There was some "link" code that was incorporated at one point; however, its design and intent are/were not clear but the code/SQL remained available for anyone that had discovered the "secret" behind it.

What "happen" is expected? What has been done to assign/designate an image to an attribute that is to take the place of the main image? What other javascript is involved? What other image related plugins are installed? What conflicts have been identified?


Basically, other than the few lines of code to be added to the admin/options_name_manager.php, associated language file, and the template override of the attributes.php file to ensure the use/availability of necessary notifiers, for a ZC 1.5.5e system there should be no other override or file replacement. In fact if no other plugin has modified the admin/options_name_manager.php file as provided in ZC 1.5.5e, then the provided file could replace it, with the same said of the admin/includes/languages/english/options_name_manager.php file.

The ajax.php file provided in this plugin should not overwrite the ajax.php file provided in versions of ZC 1.5.5c or above (currently is the same as provided in ZC 1.5.5e), but was what was available at the time of distribution and provided improved operation over the previous ajax related file.

[Nick1973]

It does work on ZC 1.5.5e responsive template or not. Looking over the instructions again, they certainly could be clearer and the few lines modified in the admin/options_name_manager.php file could possibly be commented considering how little was changed/added there. For the image swap, there is no SQL necessary. There was some "link" code that was incorporated at one point; however, its design and intent are/were not clear but the code/SQL remained available for anyone that had discovered the "secret" behind it.

What "happen" is expected? What has been done to assign/designate an image to an attribute that is to take the place of the main image? What other javascript is involved? What other image related plugins are installed? What conflicts have been identified?


Basically, other than the few lines of code to be added to the admin/options_name_manager.php, associated language file, and the template override of the attributes.php file to ensure the use/availability of necessary notifiers, for a ZC 1.5.5e system there should be no other override or file replacement. In fact if no other plugin has modified the admin/options_name_manager.php file as provided in ZC 1.5.5e, then the provided file could replace it, with the same said of the admin/includes/languages/english/options_name_manager.php file.

The ajax.php file provided in this plugin should not overwrite the ajax.php file provided in versions of ZC 1.5.5c or above (currently is the same as provided in ZC 1.5.5e), but was what was available at the time of distribution and provided improved operation over the previous ajax related file.

I think the installation has been made into a banquet, not a meal. I just need an image swap facility on attributes. There are sunglasses, each one has different colours, so requires an image swatch of the actual glasses in that colour. That swatch would change the colour of the main product image on either mouseover, tickbox selection, or radio button selection.

Thats all I need :-)

[mc12345678]

I think the installation has been made into a banquet, not a meal. I just need an image swap facility on attributes. There are sunglasses, each one has different colours, so requires an image swatch of the actual glasses in that colour. That swatch would change the colour of the main product image on either mouseover, tickbox selection, or radio button selection.

Thats all I need :-)

This plugin will take the image that is loaded in the attributes controller and make it the main product image in the following conditions:
From options name manager, edit an option name
in: Attribute Style for Radio Buttons/Checkbox: set a value of 6
option name types supported are: checkbox, radio, and dropdown (select).
In the attributes controller for the product, whatever image is provided for a given attribute, that image will replace the main image when the attribute is selected.

Then if an attribute that is selected does not have an image assigned to it the main image is to return back to what it was upon "page load".

If wanted to adapt to an "onhover" or other related javascript action, then that could be incorporated into includes\classes\observers\auto.attrib_image_swap.php file primarily within the function updateNotifyAttributesModuleStartOptionsLoop to use some other event for which to listen. Of course that would also primarily make the on_load file nearly needless if the action requires user to directly interact rather than for a selection to "exist". (Ie. if a product is added to the cart, the cart visited and then the product selected from the cart to return to the product info page, upon return to the product info page, one might expect the image to "match" what was selected without further selecting an option.)

[Nick1973]

Yes but it didn't work for me.

[mc12345678]

Yes but it didn't work for me.

While at the moment I have limited resources to test against the site, perhaps could identify the path to a product where the functionality is expected, including which attribute(s) are to change the look and can get back to you with what is identified.

Basically the review would be to step through the javascript as it was executing (can be done by pressing f12 on a PC keyboard and navigating to the debug related section of the browser) and see what, if any error is being caused, and/or data being transferred to/from the server. As said there may be some other image related plugin that is having a conflict or some other javascript code that is negating the operation of the plugin. It otherwise is a relatively simple bit of code that is involved.

[Nick1973]

While at the moment I have limited resources to test against the site, perhaps could identify the path to a product where the functionality is expected, including which attribute(s) are to change the look and can get back to you with what is identified.

Basically the review would be to step through the javascript as it was executing (can be done by pressing f12 on a PC keyboard and navigating to the debug related section of the browser) and see what, if any error is being caused, and/or data being transferred to/from the server. As said there may be some other image related plugin that is having a conflict or some other javascript code that is negating the operation of the plugin. It otherwise is a relatively simple bit of code that is involved.

Unless you want to have a go at installing it yourself? I'm happy to give you FTP access etc through a PM. I may have installed it incorrectly for all I know.