Phoca Forum

Hi,

I have adjusted the image height and width in "Images And Detail Window Size Settings" with changing parameters "Detail Window Width" and "Detail Window Height" but it has no affect.

See the problem modal box at site here, when you click on a picture, it appears on a small modal box rather than what I have sized it to 640x480px.

https://www.khuddam.ca/index.php/media- ... ahmad.html

Please advise how can I adjust the height and width of the box showing the actual image (image detail view).

I am using PhocaGallery 3.2.3 on Joomla 2.5.8.

Some links suggest that modal box is part of joomla/mootools framework and hence it needs to be changed somewhere there. However, I ended up changing the back-end code. not sure why these values are not pulled directly I guess these two lines don't do much:

$popup_width = $this->params->get( 'front_modal_box_width', 680 );
$popup_height = $this->params->get( 'front_modal_box_height', 560 );


To adjust height and width edit: components/com_phocagallery/views/category/view.html.php

// -------------------------------------------------------
// MODAL BOX
// -------------------------------------------------------

else if ($this->tmpl['detailwindow'] == 0 || $this->tmpl['detailwindow'] == 2) {

// Button
$button->set('modal', true);
$button->set('methodname', 'pg-modal-button');

$button2->modal = &$button->modal;
$button2->methodname = &$button->methodname;
$buttonOther->modal = &$button->modal;
$buttonOther->methodname = &$button->methodname;

// add these two lines with desired dimensions.
$popup_width = "868";
$popup_height= "580";

Hi, testing now and I am able to set the size by the parameters

Jan

Hi

Could you tell me where in the parameters you can define the width of the modal box ?

Thanks !

Hi, see:
https://www.phoca.cz/documents/2-phoca-g ... parameters

Detail Window Width - Set width of detail window in frontend (Iframe Methods - Modal Box, Stantard Popup Box, Highslide JS)
Detail Window Height - Set height of detail window in frontend (Iframe Methods - Modal Box, Stantard Popup Box, Highslide JS)