(Solucionado) Quitar la columna derecha de las páginas de productos - Plantilla plantilla Blackhawk

Artaliquam · March 14, 2014

Buenas a todos, tengo Prestashop 1.5.6.1 plantilla Blackhawk.

El caso es que si entráis en la main page de www.artaliquam.com podréis ver que todo está bien ordenadito, o sea, los márgenes izquierdo y derecho de la web se respetan en todos los elementos.

El problema viene cuando se entra en cualquier producto, como por ejemplo en este: http://www.artaliquam.com/home/10-take-el-bambu.html

Si os fijáis en la descripción del producto no llega hasta el final del margen derecho, y no sé porque, me he metido en "pposiciones de los módulos" y me he cargado todo lo que hay en la columna derecha, entro a través del Liveedit y no hay nada.

No sé si me falta algo por quitar o es cuestión de tocar el código de la plantilla.

¿Alguna idea?

Gracias por adelantado y un saludo,

Jorge

Edited March 15, 2014 by Artaliquam (see edit history)

nadie · March 15, 2014

En tu fichero:

/themes/blackhawk1.3/header.tpl

Cambia esto:

{if $page_name =='category' OR $page_name =='product' OR $page_name =='products-comparison'  }
				<div id="center_column" class="twelve columns">
				{else}
				<div id="center_column" class="sixteen columns">
				{/if}

por

{if $page_name =='category' OR $page_name =='products-comparison'  }
				<div id="center_column" class="twelve columns">
				{else}
				<div id="center_column" class="sixteen columns">
				{/if}

Despues, en tu fichero:

/themes/blackhawk1.3/css/product.css

Cambia esto:

#pb-left-column {
width: 368px;
}

por

#pb-left-column {
width: 607px;
}

-----

----

Tambien cambia en tu fichero:

/themes/blackhawk1.3/footer.tpl

Esto:

{if $page_name =='category' OR $page_name =='product' OR $page_name =='products-comparison'  }
		<div id="right_column" class="four columns  omega">
		{$HOOK_RIGHT_COLUMN}
		</div>
		{/if}

por

{if $page_name =='category' OR $page_name =='products-comparison'  }
		<div id="right_column" class="four columns  omega">
		{$HOOK_RIGHT_COLUMN}
		</div>
		{/if}

---

Recuerda forzar compilación en la pestaña Parametros Avanzados -> Rendimiento para que se apliquen los cambios.

Saludos !

nadie · March 15, 2014

En tu fichero:

/themes/blackhawk1.3/header.tpl

Cambia esto:

{if $page_name =='category' OR $page_name =='product' OR $page_name =='products-comparison'  }
				<div id="center_column" class="twelve columns">
				{else}
				<div id="center_column" class="sixteen columns">
				{/if}

por

{if $page_name =='category' OR $page_name =='products-comparison'  }
				<div id="center_column" class="twelve columns">
				{else}
				<div id="center_column" class="sixteen columns">
				{/if}

Despues, en tu fichero:

/themes/blackhawk1.3/css/product.css

Cambia esto:

#pb-left-column {
width: 368px;
}

por

#pb-left-column {
width: 607px;
}

-----

----

Tambien cambia en tu fichero:

/themes/blackhawk1.3/footer.tpl

Esto:

{if $page_name =='category' OR $page_name =='product' OR $page_name =='products-comparison'  }
		<div id="right_column" class="four columns  omega">
		{$HOOK_RIGHT_COLUMN}
		</div>
		{/if}

por

{if $page_name =='category' OR $page_name =='products-comparison'  }
		<div id="right_column" class="four columns  omega">
		{$HOOK_RIGHT_COLUMN}
		</div>
		{/if}

---

Recuerda forzar compilación en la pestaña Parametros Avanzados -> Rendimiento para que se apliquen los cambios.

Saludos !

Recuerda tambien, que aquí:

/themes/blackhawk1.3/css/layout.css

Tienes dentro de:

@media only screen and (max-width: 959px) {

esto:

#pb-left-column{width:210px;}

(Lo digo por si quieres cambiar ese ancho tambien) (Aunque cuidado, porque esto es para cuando la plantilla se vea en menor resolución)

Artaliquam · March 15, 2014

Víctor, eres un crack, no sabes lo que se te echa de menos (al menos yo), y aprovecho para darte mil gracias por toda la ayuda que me has dado, ya sea directamente en mis posts o chafardeando el de otros foreros que tuvieron problemas similares a los míos. De verdad, gracias.

He hecho los cambios que me has dicho en tu primer post, y ya está arreglado. Queda así:

http://www.artaliquam.com/home/9-ran-la-orquidea-silvestre.html

Perfecto ^^

Sólo dos cositas, el cambio que me propones en tu segundo post no sé exactamente qué finalidad tiene. Y la segunda cosa, en las categorías se sigue viendo el texto sin llegar al final. Aquí un ejemplo:

http://www.artaliquam.com/7-sumi-e

He estado buscando cómo cambiarlo a raíz de lo que me dices (a ver si me puedo espabilar), pero no llego a interpretarlo.

Muchas gracias de nuevo y un saludo,

Jorge

nadie · March 15, 2014

Y la segunda cosa, en las categorías se sigue viendo el texto sin llegar al final. Aquí un ejemplo:

http://www.artaliquam.com/7-sumi-e

He estado buscando cómo cambiarlo a raíz de lo que me dices (a ver si me puedo espabilar), pero no llego a interpretarlo.

Muchas gracias de nuevo y un saludo,

Jorge

Claro, es que tu me dijistes que solo querias hacerlo para el producto no tambien para el listado de productos, pues en este caso de los ficheros que te he dicho antes que ahora en el header.tpl de tu plantilla, tendras esto:

{if $page_name =='category' OR $page_name =='products-comparison'  }
				<div id="center_column" class="twelve columns">
				{else}
				<div id="center_column" class="sixteen columns">
				{/if}

Dejalo asi:

{if $page_name =='products-comparison'  }
				<div id="center_column" class="twelve columns">
				{else}
				<div id="center_column" class="sixteen columns">
				{/if}

y ahora en el fichero footer.tpl, tendras esto:

{if $page_name =='category' OR $page_name =='products-comparison'  }
		<div id="right_column" class="four columns  omega">
		{$HOOK_RIGHT_COLUMN}
		</div>
		{/if}

Dejalo asi:

{if $page_name =='products-comparison'  }
		<div id="right_column" class="four columns  omega">
		{$HOOK_RIGHT_COLUMN}
		</div>
		{/if}

---

O ya si quieres quitarla para todas las paginas, pues en el header.tpl

Esto:

{if $page_name =='category' OR $page_name =='products-comparison'  }
				<div id="center_column" class="twelve columns">
				{else}
				<div id="center_column" class="sixteen columns">
				{/if}

por


				<div id="center_column" class="sixteen columns">

---

Y en el footer.tpl, esto:

{if $page_name =='category' OR $page_name =='products-comparison'  }
		<div id="right_column" class="four columns  omega">
		{$HOOK_RIGHT_COLUMN}
		</div>
		{/if}

por

{* 
<div id="right_column" class="four columns  omega">
{$HOOK_RIGHT_COLUMN}
</div>
*}

nadie · March 15, 2014

Hola !

¿Sigue usted ahí?

Artaliquam · March 15, 2014

Claro, es que tu me dijistes que solo querias hacerlo para el producto no tambien para el listado de productos, pues en este caso de los ficheros que te he dicho antes que ahora en el header.tpl de tu plantilla, tendras esto:

Mmmm... es que no me expliqué bien ^^U

He probado los cambios, primero uno y luego otro, dos veces, y no funciona. Lo he revisado y nada, y tengo desactivada la cache y activado Forzar compilación.

Sí sí, estoy aquí, quería asegurarme antes de escribir que no iba jeje

nadie · March 15, 2014

Mis ultimos cambios, no los tienes aplicados, o los tienes mal aplicados.

Pegame el contenido de tu fichero header.tpl y footer.tpl tal como lo has dejado puestos.

Artaliquam · March 15, 2014

Header:

<!DOCTYPE html>

<html lang="{$lang_iso}">

<head>

<title>{$meta_title|escape:'htmlall':'UTF-8'}</title>

{if isset($meta_description) AND $meta_description}

{/if}

{if isset($meta_keywords) AND $meta_keywords}

{/if}

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}

{/foreach}

{/if}

{if isset($js_files)}

{foreach from=$js_files item=js_uri }

{/foreach}

{/if}

<!--[if lt IE 9]>

<![endif]-->

{$HOOK_HEADER}

</head>

{if !$content_only}

{if isset($restricted_country_mode) && $restricted_country_mode}

<p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>

</div>

{/if}

</a>

{$HOOK_TOP}

</div>

{if $page_name =='index'}

{/if}

{if $page_name =='products-comparison' }

{else}

{/if}

_______________________________________________________________________________

Footer:

{if !$content_only}

</div>

{if $page_name =='products-comparison' }

{$HOOK_RIGHT_COLUMN}

</div>

{/if}

</div>

{$HOOK_FOOTER}

</div>

</div>

</div>

{/if}

</body>

</html>

nadie · March 15, 2014

header.tpl

{*
* 2007-2012 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-2012 PrestaShop SA
*  @version  Release: $Revision: 6594 $
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

	
	<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="{$lang_iso}"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="{$lang_iso}"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="{$lang_iso}"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="{$lang_iso}"> <!--<![endif]-->
<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 charset="utf-8">
		
		<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>
		<link rel="stylesheet" href="{$css_dir}base.css" />
{if isset($css_files)}
	{foreach from=$css_files key=css_uri item=media}
		
	<link href="{$css_uri}" rel="stylesheet"  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}
<!--[if lt IE 9]>
		<script src="{$js_dir}html5.js"></script>
	<![endif]-->


		{$HOOK_HEADER}
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="{$css_dir}layout.css" />
	
	</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}
		{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=" clearfix page loading">

			<!-- Header -->
			<div id="header" class="header container  ">
				<div class="headerInner sixteen columns">
				<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>
				
					{$HOOK_TOP}
				</div>
			</div>
			{if $page_name =='index'}
			<div class="homeBlock">{$HOOK_HOME}</div>
			{/if}
		
		<div id="columns" class="content  clearfix">
				<div class="container columnsInner">
				
		

				
			
				<div id="center_column" class="sixteen columns">
			
				
				
				
	{/if}

---

footer.tpl

{*
* 2007-2012 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-2012 PrestaShop SA
*  @version  Release: $Revision: 6594 $
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

		{if !$content_only}
				
				</div>
				

		
	{*	<div id="right_column" class="four columns  omega">
		{$HOOK_RIGHT_COLUMN}
		</div> *}
		
			</div>	

				
			</div>

<!-- Footer -->
			<div id="footer" class="footer grid_9 alpha omega clearfix">
				<div class="container">
					<div class="inner sixteen columns">
					{$HOOK_FOOTER}
						
					</div>
				</div> <!-- footer container -->
				<div class="copyright ">
		<div class="container">
		</div>
	</div>
			</div>
		</div>
	{/if}
	</body>
</html>

Artaliquam · March 15, 2014

No lo entiendo, acabo de copiar exactamente lo que acabas de poner, en sus respectivos archivos. Y sigue sin funcionar

EDITO: No lo entiendo, YA FUNCIONA.

He borrado los archivos por FTP y los he vuelto a copiar, y por fin ya funciona. No entiendo que ha pasado, mira que lo he revisado 3 veces. Tres.

Gracias de nuevo, y disculpa mi torpeza. Doy el asunto por finalizado.

Muchísimas gracias.

Saludos ^^

Edited March 15, 2014 by Artaliquam (see edit history)

nadie · March 15, 2014

No lo entiendo, acabo de copiar exactamente lo que acabas de poner, en sus respectivos archivos. Y sigue sin funcionar

EDITO: No lo entiendo, YA FUNCIONA.

He borrado los archivos por FTP y los he vuelto a copiar, y por fin ya funciona. No entiendo que ha pasado, mira que lo he revisado 3 veces. Tres.

Gracias de nuevo, y disculpa mi torpeza. Doy el asunto por finalizado.

Muchísimas gracias.

Saludos ^^

Un placer ayudarte y servirte !

PD: Como he visto que has añadido la palabra "Solucionado" al titulo, procedo a cerrar el tema.

Saludos,

(Solucionado) Quitar la columna derecha de las páginas de productos - Plantilla plantilla Blackhawk

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites