Product Detail contains detail, header and footer only no other things
 

Hi,
I want to modify product details page which contains product details only no any other things that is no category no left panel only contents header and footer and centralized or left aligned product detail page with large image.

My purpose is to focus the product details only no other things.Actually I have a fashion store to sell different kind of fashion related product.I want to display product detail page with larger display.

How to achieve that??

Re: Product Detail Contains detail,header and footer only no other things
 

Hi,
Anyone in the forum to solve this issue ???

Thanks to all.

Re: Product Detail Contents detail Only only header and footer no other things
 

Very interesting thing you are asking for, two possible solutions:

1) Design a 1 column website so you will have no dedicated left bar or right bar. But you can still put a left and right bar into the Content (middle) section of the homepage, to give you the illusion you have a 2 or 3 column layout, but in reality you have a 1 column lay out

So when the person clicks on a product, and the page changes to a product details page, they will only see the product and large image.

This may be expensive and time consuming.


2) Modify the product detail page by moving elements around so that you have space for a larger image.

Create a new Details tab, and put all that information regarding the product in there, this will clear a lot of space to put a bigger image.

This would be the least expensive method. But if for some reason you don't want your customers to be distracted by seeing the left column while they are viewing the product details page. Then you will have to look at alternative solutions.

Re: Product Detail Contents detail Only only header and footer no other things
 

Just hide the left column with an {if} statement:

{if $main ne "product"}

show code for left menu

{/if}

Re: Product Detail Contents detail Only only header and footer no other things
 

Thanks for your response.Can you tell me in which file to modify??

Re: Product Detail Contents detail Only only header and footer no other things
 

Hi xtech,

Modify skin/2-columns/customer/content.tpl

Re: Product Detail Contents detail Only only header and footer no other things
 

Thanks Balinor and Learner for your help.Now it is working well but I want display Product detail page aligned with left and will display on whole page.Now it displays only at the center panel with left panel off that is header,footer and product detail page aligned with left.

How to achieve that??

Can anyone help me??

Re: Product Detail Contents detail Only only header and footer no other things
 

Balinor,how to display product detail page alligned with left and display in whole page (as there is no left bar) and the image will display larger in 2 column like cart page?? can you suggest me how to achieve that finally?Thanks for your previous help.

Re: Product Detail Contents detail Only only header and footer no other things
 

Any solution Balinor?? Anyone in the forum please...

Re: Product Detail Contents detail Only only header and footer no other things
 

Hi Sunray Sales ,

Can you help me?? I really stuck...

Waiting for someone for reply....

Thanks.

Re: Product Detail Contents detail Only only header and footer no other things
 

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.

Re: Product Detail Contents detail Only only header and footer no other things
 

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

Re: Product Detail Contents detail Only only header and footer no other things
 

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.

Re: Product Detail Contents detail Only only header and footer no other things
 

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.

Re: Product Detail Contents detail Only only header and footer no other things
 

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.

Re: Product Detail Contents detail Only only header and footer no other things
 

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.

Re: Product Detail Contents detail Only only header and footer no other things
 

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

Re: Product Detail Contents detail Only only header and footer no other things
 

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

Re: Product Detail Contents detail Only only header and footer no other things
 

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



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

Re: Product Detail Contents detail Only only header and footer no other things
 

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.

Re: Product Detail Contents detail Only only header and footer no other things
 

Thanks
a lot

Sunray Sales

for your kind help to achieve the alignment problem, here is the final solution
in skin / 2-columns / customer / content.tpl this file , before that the left column of the product details page must be blocked this is to be done by the code in highlighted at the end of the code

before modifying please save a copy of content.tpl

{*
$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="margin:0 0 0 0px;">
{else}
<div id="center-main">
{/if}
{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 -->
</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}

Thanks again

Re: Product Detail Contents detail Only only header and footer no other things
 

Glad to help, and good job on the final solution!

Re: Product Detail Contents detail Only only header and footer no other things
 

Hello Sunray,

How to make home page in single? That is only header, footer, and central area in Artistic Tunes Business template..

Re: Product Detail Contents detail Only only header and footer no other things
 

Hi,
How to make home page single and the remaining category,manufactures page 2 column??

Re: Product Detail Contents detail Only only header and footer no other things
 

Hi, sorry for the delay in response.

I'm not 100% sure about how do modify your version of X-Cart. But for your healthshoppe website you will be using a similar code to xtech.

{ if $main eq "product"}

or
{ if $main eq "home"}

In which you will use this if statement to determine if the page is on the product page or home page and then make modifications to the center container and disable the left and right bar accordingly.

Re: Product Detail Contents detail Only only header and footer no other things
 

Hi Sunary,
My site url is www.health-shoppe.com/FINAL. AND skin is artistictunes business in 4.4.2

I want to make home page only single column.

Here is my content.tpl file-

{*
$Id: content.tpl,v 1.1 2010/05/21 08:31:52 joy Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<div id="center">
<div id="center-main">
{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"}
{include file="customer/bottom_menu.tpl"}
{/if}
<!-- /central space -->
</div><!-- /center -->
</div><!-- /center-main -->


{if ($main neq 'cart' or $cart_empty) and $main neq 'checkout'}

<div id="right-bar">
{include file="customer/left_bar.tpl"}
</div>

{/if}

I have added your code but cannot get my home page to single.

Can you help to achieve my goal ??

Thanks.