Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How would i make the box smaller???

How would i make the box smaller???

Locked

Views: 2,961

Results 1 to 14 of 14
This thread is locked. New replies are disabled.
29 Sep 2009, 1:05 AM
#1
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

How would i make the box smaller???

Hi, i hope somebody can help me. :bigups:

Heres a link to the page:
http://t o d a y s - f a s h i o n .co.uk/index.php?main_page=product_info&cPath=1&products_id=1&zenid=83bec234307ec64e48ebd8d26a9b14e1
(WITHOUT THE SPACES )

The Boxed border box around the image is quite long i would like to make it shorter.

Tried using firebug to find the file to change it, found:
element.style {
height:760px;

Iam guess this is the line to change, but cant find out which file it is in :oops:

Anybody can point me in the right direction :bigups:

Thanks

29 Sep 2009, 3:32 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How would i make the box smaller???

Your custom template for this page has several nested tables and these are controlling this size
Edit them or remove all tables for this and use div's

30 Sep 2009, 12:40 AM
#3
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How would i make the box smaller???

Hi kobra,

Thanks for getting back to me :bigups:

Sorry How would i do that??? :blush: "several nested tables and these are controlling this size
Edit them or remove all tables for this and use div's "

Iam using a modifed version of the Mihluna template.

The border aronder the image wasnt there before i installed Ajax Image Swapper. After i installed the mod the Border appeared.

Hope you can help.

Thanks :clap:

30 Sep 2009, 7:51 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How would i make the box smaller???

Iam using a modifed version of the Mihluna template.
The tables present are not part of that template

30 Sep 2009, 10:09 AM
#5
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How would i make the box smaller???

So , how would i do it? :blush:

Thanks

1 Oct 2009, 7:29 AM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How would i make the box smaller???

So , how would i do it?
Undo what you modified

1 Oct 2009, 9:56 AM
#7
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How would i make the box smaller???

Hi, that is what iam confused about :blink:

All i did was add Ajax image Swapper.

Used Firebug to try & get rid of border, so changed the colour to white, but the page still looks long.

From Firebug i can see that:
element.style {
height:760px;

Is controlling the size, but cant find the file, and Firebug is not telling me where the file is located.

Or could i just delete the border?

Thanks

1 Oct 2009, 10:56 AM
#8
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: How would i make the box smaller???

Like to try to help, but your site is down for maintenance.

1 Oct 2009, 2:12 PM
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How would i make the box smaller???

Find out what files are from Ajax Image Swapper, and look through them for the container div. I can't believe that is hard-coded for 760px height, so there must be some code figuring what height to use. Somehow that is apparently getting confused.

Use the Developers Toolkit in admin > Tools to search for <div id="image_viewer" to quickly find the file and line number.

2 Oct 2009, 1:34 AM
#10
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How would i make the box smaller???

Thanks everone for getting back to me :bigups:

Still cant to see the problem though heres a link to the page:

Copy the whole link but delete the spaces in the 1st part of the URL:

http://t o d a y s - f a s h i o n .co.uk/index.php?main_page=product_info&cPath=1&products_id=1

Used the Developers Toolkit in admin > Tools to search for <div id="image_viewer" located the file but nothing about the 760PX

Anymore ideas????

2 Oct 2009, 4:35 AM
#11
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How would i make the box smaller???

Tell us the filepath and post that line and a dozen or so before it, in ```
[php] and [/php]


element.style {
height:760px;

is a typical inline styling format from a WYSIWYG editor, so maybe something you did caused this??
2 Oct 2009, 9:25 PM
#12
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How would i make the box smaller???

O.K so searched for <div id="image_viewer" with developers tool kit.
and it came back with:
includes/templates/custom/templates/tpl_modules_ajax_image_viewer.php

THe file reads:

<?php include(DIR_WS_MODULES . 'AJAX_image_swapper.php'); ?> <div id="image_viewer" style="height: <?php echo (IMAGE_VIEWER_MEDIUM_IMAGE_HEIGHT + IMAGE_VIEWER_SMALL_IMAGE_HEIGHT + 10)?>px"> <!-- bof Zen Slimbox v0.1 btyler 2007-12-04 --> <?php if( FUAL_SLIMBOX == 'true' || ZEN_LIGHTBOX_STATUS == 'true' ) { // Set the title if ( $current_page_base == 'product_reviews' ) { $fual_slimbox_title = htmlentities($review->fields['products_name'],ENT_QUOTES); } else { $fual_slimbox_title = htmlentities($products_name,ENT_QUOTES); } // Get the href for the large image $fual_slimbox_href = zen_lightbox($products_image_large, $fual_slimbox_title, LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT); $fual_slimbox_a = '<a href="' . $fual_slimbox_href . '" rel="lightbox[gallery]" title="' . $fual_slimbox_title . '">'; // Get the img element for this product. $fual_slimbox_image = zen_image($products_image_medium, $fual_slimbox_title, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);
// Test remote images to simulate slow loading for local development
//$fual_slimbox_image = '<img src="http://demos.mootools.net/demos/DomReadyVS.Load/moo.png" width="150px" height="150px;" alt="test" />'; 

// Note if you want to test a slow DOM load, then in /index.php add sleep(5); (in php brackets) just before the final </html>
// This will make the DOM take an extra 5 seconds to load, which simulates dialup (what a cool feature)

$fualSlimboxContent = "";
if( ZEN_LIGHTBOX_STATUS == 'true' ) {
	$fualNervousSwitch = 0;
} else {
	$fualNervousSwitch = FUAL_SLIMBOX_NERVOUS;
}
switch( $fualNervousSwitch ) {
	case 2:
		echo '<div id="image_medium_container">';
		break;
	case 1:
		echo  '<div id="image_medium_container" style="display:block;">';
		break;
	case 0:
	default:
		echo '<div id="image_medium_container" style="display:block; visibility:visible;">';
}

?>

<?php echo '</div>'; } else { ?>
<div id="image_medium_container">
</div>
<?php } ?>
<div id="image_nav_container">
<a id="arrow_left" href="javascript:viewPrevious()" class="back"></a>
<a id="arrow_right" href="javascript:viewNext()" class="forward"></a>
</div>
</div> <input type="hidden" id="ais_image_num" value="<?php echo IMAGE_VIEWER_IMAGES_NUM;?>" /> <input type="hidden" id="ais_small_container_width" value="<?php echo IMAGE_VIEWER_SMALL_IMAGE_WIDTH;?>" /> <input type="hidden" id="ais_small_container_height" value="<?php echo IMAGE_VIEWER_SMALL_IMAGE_HEIGHT;?>" /> <input type="hidden" id="ais_scroll_size" value="<?php echo IMAGE_VIEWER_SCROLL_SIZE;?>" /> <input type="hidden" id="products_id" name="products_id" value="<?php echo $products_id; ?>" />
3 Oct 2009, 5:42 AM
#13
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How would i make the box smaller???

<div id="image_viewer" style="height: <?php echo (IMAGE_VIEWER_MEDIUM_IMAGE_HEIGHT + IMAGE_VIEWER_SMALL_IMAGE_HEIGHT + 10)?>px">
```The two image height settings plus 10px make the box height. What settings do you have for each of those?
5 Oct 2009, 12:33 AM
#14
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How would i make the box smaller???

:clap::clap::clap:

YAY

Managed to make the box smaller, had to go into AJAX Image Swapper & change the small image to 50 x 50 & Medium image to 200 x 200.

Box is smaller now, cant seem to change the size of the image through images.

So iam guessing if i want a bigger picture, than i will have to have a bigger box.

Thanks for all your guys help :bigups: