Page 1 of 1
Trouble for detail view with Highslide JS
Posted: 08 Oct 2016, 11:11
by sdi68
Hello, I have trouble with detail view of images. Image has shift up 50%. In settings set option full image.
see, for example, sportcf.ru/ru/sobytiya/saint-petersburg-volley-masters-2016/fotografii/category/1-saint-petersburg-volley-masters-2016
Re: Trouble for detail view with Highslide JS
Posted: 09 Oct 2016, 20:16
by Jan
Hi, which version of Phoca Gallery do you use? Component or plugin?
Did you try to test it with another template (only because of test if this is not caused by some conflict with template CSS)
Jan
Re: Trouble for detail view with Highslide JS
Posted: 09 Oct 2016, 20:50
by sdi68
Hi, i use component version 4.3.1/ I use not updatable template and first time its worked correct and now i see this trouble. I have made to updpate Joomula and may be Phoca. Detail view use wrong style:
Code: Select all
.pg-detail-view {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
}
I thing what problem with file detali/tmpl/default.php line 2.
Code: Select all
echo '<div id="phocagallery" class="pg-detail-view'.$this->params->get( 'pageclass_sfx' ).'">';
function
Code: Select all
$this->params->get( 'pageclass_sfx' )
return ''
Why?
Re: Trouble for detail view with Highslide JS
Posted: 11 Oct 2016, 12:00
by Jan
Hi, because it is not defined, this is a place, where you can define custom class, if empty the standard (default) is used, but this should not have any influence on the problem. What if you test it with another template? (only test to be sure, it is not a template x component css conflict)
Re: Trouble for detail view with Highslide JS
Posted: 11 Oct 2016, 12:19
by sdi68
Hi.
I try another template, the problem is the same.
P.S.
Sorry, i have clear cashe in another template and problem terminated.
In my template problem exist. What must I see?
Re: Trouble for detail view with Highslide JS
Posted: 14 Oct 2016, 13:46
by Jan
Hi, in such case, it seems like your template somehow somewhere defines the css which overwrite the highslide js. Unfortunately for finding the problem, you need to step by step disable all possible styled which are set for the area. I think, the best way is to use Firefox and Firebug or Google Chrome Developer and click on the part and test to disable different styles which are set for the area
