: Large gap in category view when category description used
: bularae July 23, 2008, 06:54:04 PM

Remember how the browse page of all products in a category would leave a big gap on some browsers and there is/was some sort of fix? Well I have the same problem if I have entered subcategory intro text and/or picture.

Can you guys tell me the fix again and where it goes?

Here's an example: http://adamnorrishome.com/store/index.php/Kim-Seybert-Coral-Reef/View-all-products.html

On a Mac in FF or Opera I get a huge gap after the image at the top and the product listing doesn't start until the end of the rule that goes down the right side. If there is no category picture/text it does not happen?the products start at the top of the page like they should.

Thanks!

: Re: Large gap in category view when category description used
: jonahh July 23, 2008, 10:16:17 PM

Hello,

Is that picture in a module position, how did you place it on that page?

: Re: Large gap in category view when category description used
: bularae July 23, 2008, 10:25:47 PM

Virtuemart>Category

I'm using browse_1 with some tweaks from the original.

<table width="100%" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td colspan="2" valign="top">
   <div style="margin-top: 0px; padding-top: 6px; padding-bottom: 6px; border-top: thin solid #472f18; ">
		</td></div>
	</tr>

	<tr>
		<td rowspan="4" align="left" valign="top" width="100"><a href="{product_flypage}">
          <img src="{product_thumb_image}" {image_height} {image_width} border="0" alt="{product_name}" /></a></td>
		<td valign="top"><a style="font-size: 16px; font-weight: bold;" href="{product_flypage}">{product_name}</a></td>
	</tr>
	<tr>
		<td align="left" valign="top" nowrap>{product_price}</td>
	</tr>
	<tr>
		<td valign="top"></td>
	</tr>
	<tr height="43">
		<td height="43" valign="top">{product_s_desc}<br />
			<a style="font-size: 9px; font-weight: bold;" href="{product_flypage}">[{product_details...}...]</a></td>
	</tr>
	<td align="center" valign="top" width="100"></td>
	<td align="center" valign="top">
		<div align="right">
				{form_addtocart}</div>
	</td>
	<tr>
		<td colspan="2" valign="top">
					    <div style="padding-top: 6px; padding-bottom: 6px; border-top: thin dotted #472f18;">

		</td>
	</tr>
	<tr>
		<td colspan="2" valign="top">
			<div align="center">
						{product_rating}</div>
		</td>
	</tr>
   <div style="padding-bottom: 24px;">
</div>
</table>

: Re: Large gap in category view when category description used
: jonahh July 28, 2008, 01:09:23 PM

I don't see this image referenced in the browse page are you sure its not in a separate module position?

: Re: Large gap in category view when category description used
: bularae July 28, 2008, 04:01:21 PM

You won't see it in the browse page. It' ssometthing added in Virtue Mart>Category where you can add text/images to the Category.

: Re: Large gap in category view when category description used
: jonahh July 29, 2008, 10:22:27 PM

Could you PM me login details?

: Re: Large gap in category view when category description used
: bularae October 14, 2008, 10:55:50 PM

I've moved this site to a new server and migrated to Joomla 1.5 and VM 1.1.2 and it still does the same thing in FF 3 (Mac)-screen shot below (reduced for posting)

Using Firebug, it looks like it's something with this tag:
<div id="vmMainPage">

Is there some sort of standard fix that you put in to close these gaps in some browsers?

(http://ezupc.info/anhgapshot.png)

: Re: Large gap in category view when category description used
: jonahh October 15, 2008, 12:55:59 PM

Could you post or PM me a URL so I can take a look at this?

Thanks,

: Re: Large gap in category view when category description used
: jonahh October 15, 2008, 03:13:07 PM

Ok I see the problem, can you open up the s5_clr_fix.js file and replace it with the below code:

var s5_div_clr =
document.getElementById("s5_maincontent_left").getElementsByTagName("br");
 for (var s5_div_clra=0; s5_div_clra<s5_div_clr.length; s5_div_clra++) {
 if (s5_div_clr[s5_div_clra].className) {
 s5_div_clr[s5_div_clra].className = "none";
 }
 }

Regards,

: Re: Large gap in category view when category description used
: bularae October 15, 2008, 03:20:34 PM

Woohoo! That did it! Thank you so much!! Can I safely use that in all my Shape 5 templates if I have that problem?

: Re: Large gap in category view when category description used
: bularae October 15, 2008, 07:43:34 PM

Uh-oh. Bad News. Now my client on Vista IE says he gets large gaps when viewing a product wtih child products, example go to Candlelit Home>Taper Candles and any of those are parents with children.

: Re: Large gap in category view when category description used
: bularae October 16, 2008, 10:45:13 PM

It's not just Windows Vista... it's happening on my Mac FF 3 too. Help??

: Re: Large gap in category view when category description used
: jonahh October 20, 2008, 12:21:18 PM

So for example this page:

http://adamnorrishome.com/Decor/Vases-Bowls/Juliska-Vases-Bowls/Petite-Vases/View-all-products.html

Its still showing a gap for you? Is javascript enabled in these browsers you are using?

: Re: Large gap in category view when category description used
: bularae October 20, 2008, 12:26:35 PM

No, that's not it. I actually just sent you a PM at the same time you posted. Yes, JS is enabled.

: Re: Large gap in category view when category description used
: jonahh October 20, 2008, 12:27:39 PM

: jonahh October 15, 2008, 03:13:07 PM

Ok I see the problem, can you open up the s5_clr_fix.js file and replace it with the below code:

var s5_div_clr =
document.getElementById("s5_maincontent_left").getElementsByTagName("br");
 for (var s5_div_clra=0; s5_div_clra<s5_div_clr.length; s5_div_clra++) {
 if (s5_div_clr[s5_div_clra].className) {
 s5_div_clr[s5_div_clra].className = "none";
 }
 }

Ok, I see the problem on the other pages, try the below.

Take the above which you currently have in your js file and replace it with:

var s5_div_clr =
document.getElementById("s5_maincontent_left").getElementsByTagName("br");
for (var s5_div_clra=0; s5_div_clra<s5_div_clr.length; s5_div_clra++) {
if (s5_div_clr[s5_div_clra].className) {
s5_div_clr[s5_div_clra].className = "none";
s5_div_clr[s5_div_clra].style.display = "none";
}

: Re: Large gap in category view when category description used
: bularae October 20, 2008, 12:43:48 PM

Thanks so much! I'm not quite following you on the second part... which js file?

: Re: Large gap in category view when category description used
: jonahh October 20, 2008, 01:34:05 PM

The s5_clr_fix.js file

: Re: Large gap in category view when category description used
: bularae October 20, 2008, 01:50:36 PM

Beautiful! That's perfect.

You guys rock!

: Re: Large gap in category view when category description used
: bularae October 21, 2008, 09:58:36 AM

Hi Jonah:

That fixed it for me on my Mac yesterday but my client on Windows Vista IE says it's still gapping. Can you check and do you have any suggestions for him? Do you know how I tell him to confirm if he has Java enabled? He wouldn't know how to DIS-able it, so I highly doubt it's been turned off.

Thanks

: Re: Large gap in category view when category description used
: bularae October 22, 2008, 09:44:05 AM

Ok, still doing it on certain types of pages:

http://adamnorrishome.com/Candlelit-Scented-Home/Taper-Candles/Taper-Candles-Amethyst/flypage.tpl.html

http://adamnorrishome.com/Unique-Tabletop/Dinnerware/Raynaud/Marie-Antoinette/Bread-Plate/flypage.tpl.html

What next?

Thanks!!

: Re: Large gap in category view when category description used
: jonahh October 22, 2008, 11:33:22 AM

I've updated the code again, see if this fixes it:

var s5_div_clr =
document.getElementById("s5_maincontent_left").getElementsByTagName("br");
 for (var s5_div_clra=0; s5_div_clra<s5_div_clr.length; s5_div_clra++) {
 if (s5_div_clr[s5_div_clra].className) {
 s5_div_clr[s5_div_clra].className = "none";
 s5_div_clr[s5_div_clra].style.display = "none";
 s5_div_clr[s5_div_clra].style.clear = "none";
 }

Regards,

: Re: Large gap in category view when category description used
: bularae October 22, 2008, 04:34:46 PM

sorry, that didn't do it. ???

: Re: Large gap in category view when category description used
: jonahh October 23, 2008, 10:47:23 PM

Ok, can you send me FTP access to your site? I can't remember if I have it or not but it'll be easier if I just try to apply the updates.

Thanks,

Shape 5

Joomla Templates => SphereDecs - May 2007 Bonus - Club => : bularae July 23, 2008, 06:54:04 PM