X-Cart forums

[Sunray Sales]

I suppose you can use CSS to push the Product Details to the left to fill in the missing left bar.

You would have to show me what your doing, give us a link and I can test via Firebug.

There may be a better solution than using css to do this. But once again, I am not sure what the result is, so far.

[xtech]

Thanks for your answer.

Here is the link you can check here also suggest me how to align product details to left and can see in full page along with the tabs.

Link here -- http://www.thefashiontree.com/product.php?productid=17525&cat=250&page=1

[Sunray Sales]

Ok I found the what you need to do.

1) Download Firebug for Firefox - this way you can see what change you need to make on the fly (it won't save your change but simply show you what will happen).

2) Click on the Firebug icon (bottom left of Firefox), then click on the blue-square with arrow select the div id="center-main".

3) Change the margin to from 0 0 0 250px; to 0 0 0 0; This is located in altskin.css line 49.

4) I am not sure how this will affect other pages, it could mess things up, but try changing this in the css and then checking all pages to see if this worked. You may need an if statement to help with this.

Hope this helps.

[xtech]

Hi Sunary Sales,

But changing the css from 0 0 0 250px; to 0 0 0 0; will distorts the whole page including home page also.After changing this the home page banner is aligned to left.

What is the exact solution ?? Also what will be the if statement you suggest me to us and in which file??

Waiting for your reply.

[Sunray Sales]

Ok but did changing the css accordingly give you the result you were looking for on the product details page? I know it messed up the other pages.

I am not the best with "if statements" but I can give advice on the psuedo code for it.

{if $main eq "product"}
Change style for margin on the center-main to 0 0 0 0, this is where you may want to hard code style, inline with the <div>
{/if}

You would put this code around the creation of the center-main div.

Mind you I have not done something like this, it would be best for someone else to help out figure out the rest of the code.

[xtech]

Hi Sunary Sales,

Thanks for your help.

Now,I hard coded the style of the center-main area in following code of the httpdocs/skin/2-columns/customer/content.tpl ,the product details page run currectly and it slided to the left side of the pannel, but the home page of the site not included the center-main area.

Here is my code highlighted in bold--

{*
$Id: content.tpl,v 1.1 2010/05/21 08:31:51 joy Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<div id="center">
{ if $main eq "product"}
<div id="center-main" style="0 0 0 0px;">
{include file="customer/evaluation.tpl"}
<!-- central space -->
{if ($main eq 'cart' and not $cart_empty) or $main eq 'checkout'}
{include file="modules/`$checkout_module`/content.tpl"}
{else}
{if $main neq "catalog" or $current_category.category neq ""}
{include file="customer/bread_crumbs.tpl"}
{/if}
{if $main ne "cart" and $main ne "checkout" and $main ne "order_message"}
{if $gcheckout_enabled}
{include file="modules/Google_Checkout/gcheckout_top_button.tpl"}
{/if}
{if $amazon_enabled}
{include file="modules/Amazon_Checkout/amazon_top_button.tpl"}
{/if}
{/if}
{include file="customer/dialog_message.tpl"}
{if $active_modules.Special_Offers}
{include file="modules/Special_Offers/customer/new_offers_message.tpl"}
{/if}
{if $page_tabs ne ''}
{include file="customer/main/top_links.tpl" tabs=$page_tabs}
{/if}
{if $page_title}
<h1>{$page_title|escape}</h1>
{/if}
{include file="customer/home_main.tpl"}
{/if}
<!-- /central space -->
</div><!-- /center-main -->
{/if}
</div><!-- /center -->
{if ($main neq 'cart' or $cart_empty) and $main neq 'checkout' and $main ne "product"}
<div id="left-bar">
{include file="customer/left_bar.tpl"}
</div>
{/if}

please help to do in such way that product details page slide to the left most position and the home page must intact in its position.

[Sunray Sales]

Ok How about an Else statement.

Can you show me what the code was before you changed it, the first two lines in bold. I am thinking that you should try to move the {/if} right behind 0 0 0 0px;">

Or do something like:

{ if $main eq "product"}
<div id="center-main" style="0 0 0 0px;">
{else}
<div id="center-main" style="0 0 0 250px;">
{/if}
then all that code that states include this and that templates.

Google the Syntax on the the else statement, but that should do the trick

[cherie]

I don't think style="0 0 0 250px" is going to do anything. Maybe you meant something more like:

style="margin:0 0 0 250px"

[xtech]

Originally Posted by Sunray Sales

Ok How about an Else statement.

Can you show me what the code was before you changed it, the first two lines in bold. I am thinking that you should try to move the {/if} right behind 0 0 0 0px;">

Or do something like:

{ if $main eq "product"}
<div id="center-main" style="0 0 0 0px;">
{else}
<div id="center-main" style="0 0 0 250px;">
{/if}
then all that code that states include this and that templates.

Google the Syntax on the the else statement, but that should do the trick

Hi Sunray Sales,

Again this code is not working ,<div id="center-main"> using two css file main.css and altskin.css, if hard coded the css of center-main inline like <div id="center-main" style="margin: 0 0 0 0px"> does not effect in product description page and home page also , please help

Originally Posted by cherie

I don't think style="0 0 0 250px" is going to do anything. Maybe you meant something more like:

style="margin:0 0 0 250px"

Hi cherie,
can you help me to solve my problem??

[Sunray Sales]

Ok how about aq css + if statement solution.

In your CSS file create a new style called center-main2.

The style for this will be a copy of center-main, except the margin will be 0 0 0 0px; instead.

Meaning the original one will be 0 0 0 250px;

Your if statement will be:

{if $main eq "product"}
<div id="center-main2">
{else}
<div id="center-main">
{/if}
Then the rest of the code...

Lets see if that works.