Category image rollover

gavin.evans
Topic Author
Offline

13 years 8 months ago #84700 by gavin.evans

Category image rollover was created by gavin.evans

Hi,

Can some one help please, I would like the image assigned to a category to rollover to a different image on mouse over. Is this possible.

Thanks

Gavin

Please Log in or Create an account to join the conversation.

Xavier
Offline

13 years 8 months ago #84732 by Xavier

Replied by Xavier on topic Category image rollover

Hi,

Yes it's possible, you have to edit the view "category / listing_img_title" (if you want the edition in this listing of categories) in HikaShop > Display > Views.
And add a onMouseOver on the <a ..> link.

Please Log in or Create an account to join the conversation.

gavin.evans
Topic Author
Offline

13 years 8 months ago - 13 years 8 months ago #84890 by gavin.evans

Replied by gavin.evans on topic Category image rollover

Sorry can't see where to put the on mouse over event in the code. Can you point it out for me please

View file content removed by a moderator.
We do have content of the views, don't worry

Last edit: 13 years 8 months ago by Jerome.

Please Log in or Create an account to join the conversation.

Xavier
Offline

13 years 8 months ago #84981 by Xavier

Replied by Xavier on topic Category image rollover

The code to edit is:

Code:

	<a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->category_name); ?>">
		<?php
		echo $this->image->display(@$this->row->file_path,false,$this->escape($this->row->file_name), '' , '' , $this->image->main_thumbnail_x,  $this->image->main_thumbnail_y);
		?>
	</a>

Try to add the onMouseOver in the <a ...> tag, like: "<a href="<?php echo $link;?>" onmouseover="changeImage();" title="<?php echo $this->escape($this->row->category_name); ?>">"
Then create the function changeImage to display one image or the other one when overred.

It require some JavaScript knowledge.

Please Log in or Create an account to join the conversation.

Time to create page: 0.189 seconds