Jump to content

Largeur colonne centrale

TC04
 Share

Recommended Posts

TC04 Newbie

TC04

Posted
Posted (edited)

Bonjour,

avec mes maigres connaissances, j'ai eu beau fouiner, je ne parviens pas à passer ma colonne centrale sur toute la largeur du site dans les pages Produit, Catégories et CMS ...

 

J'ai essayé les solutions trouvées ici mais je n'y arrive pas ...

 

Dans le header.tpl j'ai tenté ça sans succès :

{if $page_name != index && $page_name != product}}

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

 

Je suis sous une vieille version 1.3.5.

 

Si qqn peu me guider un peu ce serait super.

Merci de votre aide

Edited by TC04 (see edit history)
Link to comment
Share on other sites
ChDUP Newbie

ChDUP

Posted
Posted

je ne connais pas l'architecture des themes Presta 1.3

mais déjà le problème est que vous avez une largeur fixe de 740px sur classiccolumn.

ligne 224 de global.css

 

vous pouvez commenter cette ligne ou la remplacer par un width:100%;

 

mais je vois une <div id="center_column"> à l'interieur d'une autre <div id="center_column">

ce qui nous donne 2 ids identiques sur la même page aieaieaie

 

d'où vient ce thème ? Vous l'avez modifié ?

Link to comment
Share on other sites
TC04 Newbie

TC04

Posted
  • Author
Posted

Merci de ta réponse c'est sympa !

 

en effet, j'ai du faire un petit micmac ;-)

C'est un thème de base prestashop de l'époque très légèrement modifié car j'avais déjà trifouillé pour obtenir une page d'acceuil sur une seule colonne.
Peut-être que j'ai glissé cette coquille à ce moment là ...

Link to comment
Share on other sites
TC04 Newbie

TC04

Posted
  • Author
Posted (edited)

Merci ChDUP

j'ai changé le width à 100% et ça semble OK.

Pour le Div je suis allé voir dans mon Header.tpl et on dirait qu'il y a des balises non fermées.

J'ai essayé de supprimer une div mais ça bousille toute la mise en page.
Voilà le code actuel, qu'en penses-tu ?

<!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 rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico" />
		<link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico" />
{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}
		<script type="text/javascript" src="{$content_dir}js/tools.js"></script>
		<script type="text/javascript">
			var baseDir = '{$content_dir}';
			var static_token = '{$static_token}';
			var token = '{$token}';
			var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
			var roundMode = {$roundMode};
		</script>
		<script type="text/javascript" src="{$content_dir}js/jquery/jquery-1.2.6.pack.js"></script>
		<script type="text/javascript" src="{$content_dir}js/jquery/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="{$content_dir}js/jquery/jquery.hotkeys-0.7.8-packed.js"></script>
{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 $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
	{if !$content_only}
		<noscript><ul><li>{l s='This shop requires JavaScript to run correctly. Please activate JavaScript in your browser.'}</li></ul></noscript>
		
		
		<div id="fond-header">
		
		
		<div id="page">

			<!-- Header -->
			<div id="header">
				<!-- <h1 id="logo"><a href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"><img src="{$img_ps_dir}logo.jpg" alt="{$shop_name|escape:'htmlall':'UTF-8'}"></a></h1> --> 
				<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"><div id="center_column" class="{if $page_name == 'index'}totalcolumn{else}classiccolumn{/if}">
	{/if}
Edited by TC04 (see edit history)
Link to comment
Share on other sites
ChDUP Newbie

ChDUP

Posted
Posted

"ça bousille toute la mise en page" n'aidera jamais personne à comprendre ce qui se passe.

 

Si vous supprimez le <div id="center_column"> je suppose qu'il y a une </div> à supprimer également dans votre footer.

Après, je ne sais pas exactement ce qui a été modifié, et pour quelle raison. Ce sera difficile de remettre tout ça propre.

Link to comment
Share on other sites
TC04 Newbie

TC04

Posted
  • Author
Posted (edited)

Désolé pour l'imprécision.

Tu m'as bien mis sur la voie, merci, il y avait effectivement un </div> en trop dans le footer.

Maintenant j'ai donc bien mes pages sur toute la largeur, c'est un très bon point.

 

Pour les pages produit par contre

saurais tu me mettre sur la voie des fichiers à travailler pour changer la taille du cadre de description courte et du cadre Ajout au panier pour qu'il suive aussi sur la largeur ?

 

je n'arrive pas à identifier ça avec Firebug ...

Edited by TC04 (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
 Share
Go to topic listing
×
×
  • Create New...