X-Cart forums - Please help, need to reduce space gaps on the main webstore page...

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Please help, need to reduce space gaps on the main webstore page... (https://forum.x-cart.com/showthread.php?t=25370)

Please help, need to reduce space gaps on the main webstore page...

Can someone please point me to the right direction on how to reduce the space gaps shown here? Which variables in which files do I need to modify? I looked all over the "xcart_dir\skin1\skin1.css" file but couldn't figureout this variable in there I need to change.

Thanks guys, your help is greatly appreciated.

-Tuan

http://img180.imageshack.us/img180/2058/spacegapiw6.jpg

Re: Please help, need to reduce space gaps on the main webstore page...

skin1/customer/home.tpl

look for extra 

or

<img src="{$ImagesDir}/spacer.gif" width="1" height="10" alt="" />

Either can be hanging out. I try to use CSS whenever possible, but some files still use br or spacer images.

Re: Please help, need to reduce space gaps on the main webstore page...

Yeah....I've looked at the "home.tpl" file as well. Call me blind, because I do not see any tags or "spacer.gif" between any of those active menu boxes on the left and right. With the except of between the "Visa/Mastercard" logo and "Help" box, I only see one tag there. And that is it.

Well...here is my entire "home.tpl" file. Hopefully it's just me being blind!

Code:

{* $Id: home.tpl,v 1.88.2.3 2006/07/19 10:19:35 max Exp $ *}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

{if $printable ne ''}

{include file="customer/home_printable.tpl"}

{else}

{config_load file="$skin_config"}

<html>

<head>

<title>

{if $config.SEO.page_title_format eq "A"}

{section name=position loop=$location}

{$location[position].0|strip_tags|escape}

{if not %position.last%} :: {/if}

{/section}

{else}

{section name=position loop=$location step=-1}

{$location[position].0|strip_tags|escape}

{if not %position.last%} :: {/if}

{/section}

{/if}

</title>

{include file="meta.tpl" }

<link rel="stylesheet" href="{$SkinDir}/{#CSSFile#}" />

<link rel="stylesheet" href="{$SkinDir}/tabs/tabs.css" />

<link rel="stylesheet" href="{$SkinDir}/speedbar/speedbar.css">





</head>

<body{$reading_direction_tag}{if $body_onload ne ''} onload="javascript: {$body_onload}"{/if}>

{include file="rectangle_top.tpl" }

{include file="head.tpl" }

{if $active_modules.SnS_connector}

{include file="modules/SnS_connector/header.tpl"}

{/if}

<!-- main area -->

<table width="100%" cellpadding="0" cellspacing="0" border="0">

<tr>

<td class="VertMenuLeftColumn">

{if $active_modules.SnS_connector && $config.SnS_connector.sns_display_button eq 'Y'}

{include file="modules/SnS_connector/button.tpl"}

{/if}

{if $categories ne "" and ($active_modules.Fancy_Categories ne "" or $config.General.root_categories eq "Y" or $subcategories ne "")}

{include file="customer/categories.tpl" }

{/if}



{include file="customer/special.tpl"}

{if $active_modules.Bestsellers ne "" and $config.Bestsellers.bestsellers_menu eq "Y"}

{include file="modules/Bestsellers/bestsellers.tpl" }

{/if}











{*{if $login eq "" }

{ include file="auth.tpl" }

{/if}

{ include file="customer/menu_cart.tpl" }

{include file="customer/special.tpl"}*}







{if $active_modules.Surveys && $menu_surveys}

{foreach from=$menu_surveys item=menu_survey}

{include file="modules/Surveys/menu_survey.tpl"}



{/foreach}

{/if}







</td>

<td valign="top" width="2"></td>

<td valign="top">





<!-- central space -->

{include file="dialog_message.tpl"}



{*

{if $active_modules.Special_Offers ne ""}

{include file="modules/Special_Offers/customer/new_offers_message.tpl"}

{/if}

*}



{include file="customer/home_main.tpl"}







<!-- /central space -->

</td>

<td width="2"></td>

<td class="VertMenuRightColumn">

{if $active_modules.SnS_connector && $config.SnS_connector.sns_display_button eq 'Y' && $sns_collector_path_url ne ''}

{include file="modules/SnS_connector/button.tpl"}

<br />

{/if}

{if $active_modules.Feature_Comparison ne "" && $comparison_products ne ''}

{include file="modules/Feature_Comparison/product_list.tpl" }

<br />

{/if}

{include file="customer/menu_cart.tpl" }

{if $login eq "" }

{include file="auth.tpl" }

{else}

{include file="authbox.tpl" }

{/if}

{include file="news.tpl" }

{include file="help.tpl" }

<br />

<div align="center">

<img src="{$ImagesDir}/visamcdispaypal.gif">

</div>

</td>

</tr>

</table>

{include file="rectangle_bottom.tpl" }

</body>

</html>

{/if}

Re: Please help, need to reduce space gaps on the main webstore page...

Look at the bottom of menu.tpl, as well as the individual menu templates (categories.tpl, help.tpl, etc). Lots of tags hiding in there.

Re: Please help, need to reduce space gaps on the main webstore page...

Quote:

Originally Posted by balinor

Look at the bottom of menu.tpl, as well as the individual menu templates (categories.tpl, help.tpl, etc). Lots of tags hiding in there.

Now, I'm starting to believe that I am blind. LOL....Below are the codes for those files. I just can't find a freaking tag anywhere near the top or bottem of those template files. ARRGGG ***crazy*** Where else could they possibly be?

Thanks
-Tuan

Categories.tpl File

Code:

{* $Id: categories.tpl,v 1.26 2005/11/17 06:55:37 max Exp $ *}

{capture name=menu}

{if $active_modules.Fancy_Categories ne ""}

{include file="modules/Fancy_Categories/categories.tpl"}

{assign var="fc_cellpadding" value="0"}

{else}

{if $config.General.root_categories eq "Y"}

<div id="categories">

{foreach from=$categories item=c}

<font class="CategoriesList"><a href="home.php?cat={$c.categoryid}" class="VertMenuItems">{$c.category}</a></font>

{/foreach}

</div>

{else}

<div id="categories">

{foreach from=$subcategories item=c key=catid}

<font class="CategoriesList"><a href="home.php?cat={$catid}" class="VertMenuItems">{$c.category}</a></font>

{/foreach}

</div>

{/if}

{/if}

{/capture}

{ include file="menu_left.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu cellpadding=$fc_cellpadding}

Help.tpl File

Code:

{* $Id: help.tpl,v 1.20 2005/11/17 06:55:36 max Exp $ *}

{capture name=menu}

<div id="categories">

<a href="help.php?section=contactus&amp;mode=update" class="VertMenuItems">{$lng.lbl_contact_us2}</a>

<a href="help.php?section=about" class="VertMenuItems">{$lng.lbl_about_our_site}</a>

<a href="help.php?section=FAQ" class="VertMenuItems">{$lng.lbl_faq}</a>

<a href="help.php?section=business" class="VertMenuItems">{$lng.lbl_privacy_statement}</a>

<a href="help.php?section=conditions" class="VertMenuItems">{$lng.lbl_terms_n_conditions}</a>

{*<a href="help.php?section=shipping" class="VertMenuItems">{$lng.lbl_shipping_returns}</a>*}

{include file="pages_menu.tpl"}

</div>

{/capture}

{ include file="menu.tpl" dingbats="dingbats_help.gif" menu_title=$lng.lbl_help menu_content=$smarty.capture.menu link_href="help.php"}

Menu.tpl File

Code:

{* $Id: menu.tpl,v 1.01 2006/01/20 Studio 57 Designs Exp $ *}

<img src="{$ImagesDir}/spacer.gif" width="1" height="1">

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">

<TR> 

<TD> 

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">

<TR> 

<TD class="VertMenuTitle2" width="100%" background="{$ImagesDir}/menu_bgrd.gif">

{if $link_href}

<FONT class="VertMenuTitle" align="left">&nbsp;&nbsp;{$menu_title}</FONT>

{else}

<FONT class="VertMenuBoxNewsTitle" align="left">&nbsp;&nbsp;{$menu_title}</FONT>

{/if}

</TD>

</TR>

<TR> 

<TD colspan="3" class="VertMenuBox"> 

 <table cellpadding="{$cellpadding|default:"5"}" cellspacing="0" width="100%" border="1" bordercolor="#183C63" style="border-collapse: collapse" align="right">

<tr>

<td>{$menu_content}</td>

</tr>

</table>

</TD></TR>

</TABLE>

</TD></TR>

</TABLE>

Authbox.tpl File

Code:

{* $Id: authbox.tpl,v 1.25 2005/11/17 15:08:15 max Exp $ *}

{capture name=menu}

<form action="{$xcart_web_dir}/include/login.php" method="post" name="loginform">

<table cellpadding="0" cellspacing="0" width="100%">

<tr> 

<td>&nbsp;&nbsp;&nbsp;</td>

<td class="VertMenuItems" valign="top">

<b>{$login} {$lng.txt_logged_in}</b><br />

<br />

{include file="buttons/logout_menu.tpl" style="button"}



</td>

</tr>

{if $usertype eq "C"}

<tr>

<td class="VertMenuItems" colspan="2" align="left">

<br />

{if $js_enabled}

<a href="{$js_update_link|amp}" class="SmallNote">{$lng.txt_javascript_disabled}</a>

{else}

<a href="{$js_update_link|amp}" class="SmallNote">{$lng.txt_javascript_enabled}</a>

{/if}

</td>

</tr>

{/if}

</table>

<input type="hidden" name="mode" value="logout" />

<input type="hidden" name="redirect" value="{$redirect}" />

</form>

{/capture}

{ include file="menu.tpl" dingbats="dingbats_authentification.gif" menu_title=$lng.lbl_authentication menu_content=$smarty.capture.menu }

News.tpl File

Code:

{* $Id: news.tpl,v 1.30 2005/12/22 08:06:20 svowl Exp $ *}

{if $active_modules.News_Management}

{insert name="gate" func="news_exist" assign="is_news_exist" lngcode=$shop_language}

{/if}

{if $active_modules.News_Management and $is_news_exist}



{capture name=menu}

<div class="VertMenuItems">

<div style="font-size: 9px">

{include file="today_news.tpl"}

</div>

{insert name="gate" func="news_subscription_allowed" assign="is_subscription_allowed" lngcode=$shop_language}

{if $is_subscription_allowed}

<img src="{$ImagesDir}/spacer.gif" width="1" height="1" alt="" /><br />







<form action="news.php" name="subscribeform" method="post">

<input type="hidden" name="subscribe_lng" value="{$store_language}" />

<table>

<tr>

        <td>

<b>{$lng.lbl_your_email}</b>

<input type="text" name="newsemail" size="16" />

{include file="buttons/subscribe_menu.tpl" style=button}

        </td>

</tr>

</table>

</form>

{/if}{* $is_subscription_allowed *}

</div>

{/capture}

{ include file="menu.tpl" dingbats="dingbats_news.gif" menu_title=$lng.lbl_news menu_content=$smarty.capture.menu }

{/if}{* $active_modules.News_Management and $is_news_exist *}