Jump to content

1.5.4 Default theme ,how to edit product page to 2 coloum


Recommended Posts

okay so open the header.tpl file and use:

 

{if $page_name != 'index'}
   <div id="left_column" class="column grid_2 alpha">
 {$HOOK_LEFT_COLUMN}
   </div>
{/if}

 

instead the:

   <div id="left_column" class="column grid_2 alpha">
 {$HOOK_LEFT_COLUMN}
   </div>

Link to comment
Share on other sites

okay so open the header.tpl file and use:
 {if $page_name != 'index'}
{$HOOK_LEFT_COLUMN}
{/if} 

instead the:

{$HOOK_LEFT_COLUMN}

 

Sorry I tried

But only home page change in to 2 COLUMN

but not product page

Link to comment
Share on other sites

are you sure that you use {if $page_name != 'index'} ?

 

This code mean, that left column will be show only when page isn't homepage, so it's impossible that you haven't got left column only in homepage.

 

can you please paste here your header.tpl code?

Link to comment
Share on other sites

{*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2013 PrestaShop SA
*  @license	http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 " lang="{$lang_iso}"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8 ie7" lang="{$lang_iso}"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9 ie8" lang="{$lang_iso}"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js ie9" lang="{$lang_iso}"> <![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
<head>
 <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
 <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
 <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
{/if}
 <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
 <meta http-equiv="content-language" content="{$meta_language}" />
 <meta name="generator" content="PrestaShop" />
 <meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" />
 <link rel="icon" type="image/vnd.microsoft.icon" href="{$favicon_url}?{$img_update_time}" />
 <link rel="shortcut icon" type="image/x-icon" href="{$favicon_url}?{$img_update_time}" />
 <script type="text/javascript">
  var baseDir = '{$content_dir}';
  var baseUri = '{$base_uri}';
  var static_token = '{$static_token}';
  var token = '{$token}';
  var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
  var priceDisplayMethod = {$priceDisplay};
  var roundMode = {$roundMode};
 </script>
{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
{/if}
{if isset($js_files)}
{foreach from=$js_files item=js_uri}
<script type="text/javascript" src="{$js_uri}"></script>
{/foreach}
{/if}
 {$HOOK_HEADER}
</head>

<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column{/if} {if $hide_right_column}hide-right-column{/if} {if $content_only} content_only {/if}">
{if !$content_only}
 {if isset($restricted_country_mode) && $restricted_country_mode}
 <div id="restricted-country">
  <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
 </div>
 {/if}
 <div id="page" class="container_9 clearfix">
  <!-- Header -->
  <div id="header" class="grid_9 alpha omega">
<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
 <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
</a>
<div id="header_right" class="grid_9 omega">
 {$HOOK_TOP}
</div>
  </div>
  <div id="columns" class="grid_9 alpha omega clearfix">
<!-- Left -->
{if $page_name != 'index'}
<div id="left_column" class="column grid_2 alpha">
	 {$HOOK_LEFT_COLUMN}
</div>
{/if}
<!-- Center -->
<div id="center_column" class=" grid_5">
{/if}

post-580987-235422_thumb.jpgpost-580987-0-17170100-1369927768_thumb.jpg

Edited by ywcfz (see edit history)
Link to comment
Share on other sites

are you sure that you use {if $page_name != 'index'} ?

 

This code mean, that left column will be show only when page isn't homepage, so it's impossible that you haven't got left column only in homepage.

 

can you please paste here your header.tpl code?

 

As below

Would you please check it

Thanks

Link to comment
Share on other sites

thanks!

 

use this code:

 

		    {if $page_name != 'product'}
   <div id="left_column" class="column grid_2 alpha">
 {$HOOK_LEFT_COLUMN}
   </div>
		    {/if}
   <!-- Center -->
   <div id="center_column" class="{if $page_name == 'product'} grid_7{else}grid_5{/if}">

Link to comment
Share on other sites

thanks!

 

use this code:

 

			{if $page_name != 'product'}
<div id="left_column" class="column grid_2 alpha">
 {$HOOK_LEFT_COLUMN}
</div>
			{/if}
<!-- Center -->
<div id="center_column" class="{if $page_name == 'product'} grid_7{else}grid_5{/if}">

 

Still have some issue

Since my poor code skills

I have to give up

Thanks for your help

Link to comment
Share on other sites

  • 1 year later...

Hello Vekia,

Im trying to improve my landing pages and want to go to 2 column (no left column) on my product pages so I came across this post. I have ver 1.5.6.2. I followed the instructions you gave my home page would be switched to 2 column but the product page would stay at 3 column. I read this quote:

are you sure that you use {if $page_name != 'index'} ?

This code mean, that left column will be show only when page isn't homepage, so it's impossible that you haven't got left column only in homepage.

can you please paste here your header.tpl code?

I probably wrong but I think you miss understood. He wanted the left column removed only on the product page not home page. You state that the left column only show when page isn't the homepage which is opposite of what he is asking for. I to am very interested on how to have a three column homepage and a two column product page (no left column). I think its in the code {if $page_name != 'index'} where index should be something else.

Any how just trying to figure this out.

Thanks

Edited by marion34 (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...