Remove light box and adaptive template issue

Hi,

I have been using hikashop for a while now and realy like it. But I have 2 questions :

1** how can I remove the ligntbox to show image in real size on the product page?

2** how can I remove the width and height set to the main image on the product page?
I explain : I want to set a max-width and max-height on the main image so I need to remove the height and width set in the html, I have already searched the view file show_block_img.php but can't figure out how to get rid of them. My php skills aren't good enough.
could you tell me if I am looking through the right file or even better what code to edit/remove pls?

Thx in advance.
Dan

Hi Dan,

For your first question, you can simply edit the view addimage/product and remove the onclick code inside (this one):

onclick="SqueezeBox.fromElement(this,{parse: 'rel'});return false;"

Hi,

I am wondering if I am missing something important :

first :
I have no file called "addimage" in the product views or in any other folder in the views.
I searched for the string

onclick="SqueezeBox.fromElement(this,{parse: 'rel'});return false;"

<img id="hikashop_main_image_9" width="570" height="737" "="" alt="" src="/media/com_hikashop/upload/image.jpg">

<img id="hikashop_main_image_9" "="" alt="" src="/media/com_hikashop/upload/image.jpg">

Hi,

1. The view is in the backend template

2. You can probably edit the view "product / show_block_img" and remove $width and $height of the line:

echo $this->image->display(@$image->file_path,true,@$image->file_name,'id="hikashop_main_image'.$variant_name.'" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle"','id="hikashop_main_image_link"', $width,  $height);

Hi,
I found the view! Didn't think the backend templates could change the front end.
I deleted the code as you said but it didn't change anything... exept that I have the barcode instead of the clicked image in the lightbox...

For the width and height I had already deleted the with and height as you said but it still is atributed in the html...

If you have a bit of time maybe you could have a look at the product page I uploaded on my server here :
www.dm-webmaster.com/bijoux-femme/i-love...n-argent-925-blanchi

Hi,

According to your two problems you are perhaps editing the wrong view.
Are yous sure the views you customize are related to your template?

PS: I checked your website and the width/height attribute doesn't appear (and the images are really big)

thx for visiting the website, I'll have to check out the views I edited seriously, I don't have much time right now, I'll do it as soon as possible, thx for helping me.

I'll post here if I manage to get it to work.

Hi,

I finaly found the file I had to edit to remove the lightbox of main image and thumbnail, this one :

administrator\components\com_hikashop\helpers\image.php

To prevent loading lightbox from thumbnails, I replaced this line :

$html = '<a title="'.$alt.'" class="hikashop_image_small_link" rel="{handler: \'image\'}" href="'.$this->uploadFolder_url.$path.'" onclick="SqueezeBox.fromElement(this,{parse: \'rel\'});return false;" target="_blank" onmouseover="return hikashopChangeImage(\''.$addpopup.'\',\''.$this->uploadFolder_url_thumb.'\',\''.$this->thumbnail_x.'\',\''.$this->thumbnail_y.'\',this,\''.$alt.'\');" '.$optionslink.'>'.$html.'</a>';

$html = '<div class="hikashop_image_small_link"  onmouseover="return hikashopChangeImage(\''.$addpopup.'\',\''.$this->uploadFolder_url_thumb.'\',\''.$this->thumbnail_x.'\',\''.$this->thumbnail_y.'\',this,\''.$alt.'\');">'.$html.'</div>';

$html = '<a title="'.$alt.'" rel="{handler: \'image\'}" target="_blank" href="'.$this->uploadFolder_url.$path.'" onclick="SqueezeBox.fromElement(this,{parse: \'rel\'});return false;" '.$optionslink.'>'.$html.'</a>';

$html = '<div>'.$html.'</div>';

Glad to see you found a solution.
If you want to keep your modification for future updates, there is a solution.
First you have to create a folder in templates\YOUR_TEMPLATE\html\com_hikashop\administrator\helpers\
Then just create a file named image.override.php and include this inside:

<?php

include $originalFile;

class hikashopImageHelperOverride extends hikashopImageHelper {
}

Managed to remove the height and width atribute on main image, this is what I did, (always in the same file : administrator\components\com_hikashop\helpers\image.php )

deleted :

if(!$reduceSize && !$module ){
    $options.=' height="'.$this->thumbnail_y.'" width="'.$this->thumbnail_x.'" ';
}

if(x) image.width=x;
if(y) image.height=y;

It depends of where you did your customizations.
Let's say you did it in the function imageLoad (it's an example), it will looks like

<?php
 
include $originalFile;
 
class hikashopImageHelperOverride extends hikashopImageHelper {
  
  function imageLoad($variables){
   //the fuction you edited
  }

}

Managed!
I'll keep in mind these modifications may bug on updates.

Thx for helping me!

When you say override it mean implemented the same php file name in other location( target file) .
if we implement only one function, only this function ll be override ? exact ?
so override file mean re implemented the same function name define in the source file ? exact ?

thank's

Thank's

1)i was not aware that we can do this with hikashop .
In joomla php override like for layout view we need to inform the a php file that there is other layout file ...
Is it the same for override php hikashop file ? ( implement a API and use/call an API is not he same )

2) since joomla is all about PHP file , could you confirm we can't do that with joomla ( core & extension)

3) i know java language but not php
in java => class OverrideClassName extends ParentClassName
strange ....PHP5 introduce abstraction class ....
Could you confirm that hikashop don't use abstract class ?

4) does hikashop use an internal framework other than joomla ?
in a way joomla is a framework with GUI for backend and frontEnd !!
( Drupal ll have a wellknow framework symfony )


Regard's


thank's