Jump to content

CSS dependiendo la pagina

camereroloco

By camereroloco
in Discusión general

 Share

Recommended Posts

camereroloco Newbie

camereroloco

Posted
Posted

Buenas, estoy intentando configurar el css para que depende de la pagina que este tenga un tamaño determinado la columna central. Es decir, si estoy en el index que tenga de ancho:100px pero si esta en categorias ancho:305px (Es un ejemplo). Como lo podria hacer?

 

 

Un saludo espero respuestas!

Link to comment
Share on other sites
camereroloco Newbie

camereroloco

Posted
  • Author
Posted

Te explico mas en concreto el problema. El problema esque no consigo hacer que aparezca el bloque de la izquierda de las categorias, cuando estoy en las categorias. Es decir el bloque de la izquierda no se muestra cuando entro en categorias o al ver algun producto. Aqui te dejo el demo del theme que estoy usando:

 

http://livedemo00.template-help.com/free_prestashop_1_4_8_2/

 

PrestaShop™ 1.6.0.9


Tengo activadas las columnas en el theme configurator y demás. Me estoy volviendo loco nose que hacer para que se muestre el bloque de la izquierda.

 

 

AYUDA!

Link to comment
Share on other sites
camereroloco Newbie

camereroloco

Posted
  • Author
Posted

 

Asegurate de tener anclado el modulo bloque categorias en el hook

displayLeftColumn

Si no lo tienes ahi transladalo desde

-->Insertar un hook

Si si eso esta claro, eso lo tengo pero no aparece el bloque. Te dejo mi codigo del Header.tpl aver si me ayudas.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<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 name="generator" content="PrestaShop" />
	<meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
	<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico?{$img_update_time}" />
	<link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico?{$img_update_time}" />
	<script type="text/javascript">
		var baseDir = '{$content_dir}';
		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}
	<script type="text/javascript" src="{$js_dir}cookies.js"></script>
    	<script type="text/javascript" src="{$js_dir}script.js"></script>
     <script type="text/javascript" src="{$js_dir}jscript_xjquery.jqtransform.js"></script>   
</head>
<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
<!--[if lt IE 8]><div style='clear:both;height:59px;padding:0 15px 0 15px;position:relative;z-index:10000;text-align:center;'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div><![endif]-->
{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}
<p id="back-top"> <a href="#top"><span></span></a> </p>
<div id="wrapper1">
<div id="wrapper2">
<div id="wrapper3">
	<!-- Header -->
	<div id="header">
		<a id="header_logo" href="{$link->getPageLink('index.php')}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
			<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" />
		</a>
		<div id="header_right">
			{$HOOK_TOP}
		</div>
	</div>
	<div id="columns">
{if $page_name == 'index'}
<!-- Left -->
		<div id="left_column" class="column">{$HOOK_LEFT_COLUMN}</div>
{/if}
<!-- Center -->
		<div id="center_column" class="center_column">
{/if}
Link to comment
Share on other sites
camereroloco Newbie

camereroloco

Posted
  • Author
Posted

 

Según el codigo que has puesto solo te muestra la columna izda en el home de la pagina

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

Y que deberia de hacer para que se mostrara en todas las páginas la columna de la izquierda? (siempre respetando las otras columnas autoajustandose al contenido).

 

 

Un saludo

Link to comment
Share on other sites
camereroloco Newbie

camereroloco

Posted
  • Author
Posted

 

Dejalo asi, quitas los if


<!-- Left -->
		<div id="left_column" class="column">{$HOOK_LEFT_COLUMN}</div>

exacto con eso la muestro, PERO, me descuadra todos los bloques y veo imposible reeditar los css porque dependiendo de la pagina tiene cada modulo unas dimensiones. La unica solucion es que se autoajuste dependiendo el contenido pero no tengo ni idea de como haceerlo. AYUDA!

Link to comment
Share on other sites
  • nadie locked this topic
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...