Attribute Rollovers - By Nineve

[dee_d_lady]

I need this mod too. After installation on 1.3.9h nothing changes.
I have two attributes colour and size. I want to hover over the colour images then get a large image. Did somebody get this to work or can help me with this?.

It works on 1.3.9.h You have to install this mode and then create totaly new attribute. It doesn't work on previously created attributes. Or could someone fix this so it work on the attributes that are already uploaded?

[dee_d_lady]

I found out that this mod works only if you set Attribute Style for Radio Buttons/Checkbox to 0

Here is how to make it work if you're using radio buttons with style 3:

find line 237, it starts with case '3' (this means the rollover effect will work when using style 3)

there you find:
if ($products_options->fields['attributes_image'] != '') {
$tmp_attributes_image .= '<div class="attribImg">' . zen_draw_radio_field('id[' . $products_options_names->fields['products_options_id'] . ']', $products_options_value_id, $selected_attribute, 'id="' . 'attrib-' . $products_options_names->fields['products_options_id'] . '-' . $products_options_value_id . '"') . '<label class="attribsRadioButton three" for="' . 'attrib-' . $products_options_names->fields['products_options_id'] . '-' . $products_options_value_id . '">' . zen_image(DIR_WS_IMAGES . $products_options->fields['attributes_image']) . (PRODUCT_IMAGES_ATTRIBUTES_NAMES == '1' ? '<br />' . $products_options->fields['products_options_values_name'] : '') . $products_options_details_noname . '</label></div>' . "\n";
} else {

replace this . zen_image(DIR_WS_IMAGES . $products_options->fields['attributes_image']) .

with this . '<a class="attribRoll" href="" onclick="return false;">' . zen_image(DIR_WS_IMAGES . $products_options->fields['attributes_image']) . '<i>' . zen_image(DIR_WS_IMAGES . $products_options->fields['attributes_image']) . '</i>' . '</a>' .

In a similar way you can make it work with other styles.

[willie bee]

Is there a working demo?

[smprowse]

Thanks, this works great now.

[dbltoe]

The same change works with radio buttons style 4 under "case 4" as well.

[ScriptJunkie]

line 237 of what file? Please provide the file name and file path so that the community may benefit from your fix.

I found out that this mod works only if you set Attribute Style for Radio Buttons/Checkbox to 0

Here is how to make it work if you're using radio buttons with style 3:

find line 237, it starts with case '3' (this means the rollover effect will work when using style 3)

there you find:
if ($products_options->fields['attributes_image'] != '') {
$tmp_attributes_image .= '<div class="attribImg">' . zen_draw_radio_field('id[' . $products_options_names->fields['products_options_id'] . ']', $products_options_value_id, $selected_attribute, 'id="' . 'attrib-' . $products_options_names->fields['products_options_id'] . '-' . $products_options_value_id . '"') . '<label class="attribsRadioButton three" for="' . 'attrib-' . $products_options_names->fields['products_options_id'] . '-' . $products_options_value_id . '">' . zen_image(DIR_WS_IMAGES . $products_options->fields['attributes_image']) . (PRODUCT_IMAGES_ATTRIBUTES_NAMES == '1' ? '<br />' . $products_options->fields['products_options_values_name'] : '') . $products_options_details_noname . '</label></div>' . "\n";
} else {

replace this . zen_image(DIR_WS_IMAGES . $products_options->fields['attributes_image']) .

with this . '<a class="attribRoll" href="" onclick="return false;">' . zen_image(DIR_WS_IMAGES . $products_options->fields['attributes_image']) . '<i>' . zen_image(DIR_WS_IMAGES . $products_options->fields['attributes_image']) . '</i>' . '</a>' .

In a similar way you can make it work with other styles.

[dbltoe]

there's only one file included with the mod. attributes.php which should be in your CUSTOM folder

[mayte]

I am very new at zencart and the questions might sound dumb; but where do I download your rollover mod????
Thanks
Mayte

[ScriptJunkie]

I am very new at zencart and the questions might sound dumb; but where do I download your rollover mod????
Thanks
Mayte

Scroll to the top of this page. Look for "Free Software Addons". Click it to go to the downloads section.

Search for this mod by name "Attribute Rollovers"

Most likely a list of mods with either of those words in the description will come up. Scroll the list until you find this mod. Click it for more information and to access the download link.

[mayte]

Thanks I find it!
Mayte