Click to enlarge

Hi,

I would like to add "click to enlarge pic" under the product images.Is this the right code to add at the end of the css template?

.hikashop_product_image{url(../images/clicktoenlarge.png)

Thank you

It doesn't work.What should I add more? I am not a developer but I am behaving like one

I send you all the information you need (see Private message).Please have a look to the css template too because I override few of the Hikashop css there.Thank you

It is not working Nicolas.I added this at the end of the css template

.hikashop_product_main_image_thumb{background-image:url(../images/enlargeicon.png);}

Nothing happened

Yes give me a quote for that..However I should wait till I got a response from the template administrator because he is working on few stuff on my template but he looks confused with the hikashop css .Please remove from your post above the link of my website because I am seeing those link everywhere when I market my website:) thanks

Nicolas,

I saw one of your answer in the forum giving this code below to somebody,I applied it and it works except that I want when the mouse is not over the image it gets back to the normal size I used mouseout(shrink) but it look like I miss something

<?php echo $this->image->display(@$image->file_path,true,@$image->file_name,'id="hikashop_main_image" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle"','id="hikashop_main_image_link" onMouseover="SqueezeBox.fromElement(this,{parse: \'rel\'});return false;" ', $width, $height); ?>

Hi

i want also add "click to enlarge image" under the picture. i opened the file which i should add the text. but i dont know where and what exactly text i must add?

Hi,

Which file did you opened ? You generally just have to add the text after the image part.
You can do many tests in order to get the desired result

Hi

could explain step by step what must i do

Thank you

i tried this but it display at the end of product page and once click it goes to main page

Hi,

The given code should work, and the button must be displayed just under the image.

Are you sure that you are editing the correct view ?
Could you give us the full code ? please place the code between ... [/code ] (without spaces).[code ] ... [/code ] (without spaces).

dear

the click on large show under the image but when i click it transfer to main page
i add this on the file you mention

<a onclick="return window.localPage.openImage(\'hikashop_main_image<?php echo $variant_name; ?>\');" href="">إضغط لتكبير الصورة</a>