Passage de PS 1.5.3.1 à 1.5.6.2 m'a mis le souk dans mon header

keuta · February 12, 2014

Bonjour à tous.

Comme décrit précedemment, mon header est parti en sucette suite à la MAJ de PS.

Avant :

Après :

Mon thème est une adaptation du thème par défaut.

Les fichiers concernés :

La partie du header.tpl concernée, c'est le $HOOK_TOP qui appelle ces modules.

		<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="{$base_dir}/img/logo.jpg" 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="right_column" class="grid_6 omega">
					{$HOOK_TOP}
				</div>
			</div>

			<div id="columns" class="grid_9 alpha omega clearfix">
				<!-- Left -->
				<div id="left_column" class="column grid_2 alpha">
					{$HOOK_LEFT_COLUMN}
				</div>

				<!-- Center -->
				<div id="center_column" class=" grid_5">
	{/if}

Merci de prendre du temps pour me répondre.

L.

Eolia · February 12, 2014

Votre site a l'air ok ?

http://lescheminsdetraverse.fr/

keuta · February 13, 2014

Bonjour,

Je travaille en local la migration histoire d'avoir toujours un site visitable pendant ce temps là .

Eolia · February 13, 2014

Difficile de vous aider sans pouvoir analyser le css ou le code source alors... une ip ou dyndns ?

keuta · February 13, 2014

Voilà le code source du header :

		<body id="index" class="  ">
					<div id="page" class="container_9 clearfix">

			<!-- Header -->
			<div id="header" class="grid_9 alpha omega">
				<a id="header_logo" href="http://127.0.0.1/prestashop/" title="Les chemins de traverse">
					<img class="logo" src="http://127.0.0.1/prestashop//img/logo.jpg" alt="Les chemins de traverse"width="450" height="90"  />
				</a>
				<div id="right_column" class="grid_6 alpha omega">
					
<!-- Block permanent links module HEADER -->
<ul id="header_links">
	<li id="header_link_contact"><a href="http://127.0.0.1/prestashop/index.php?controller=contact" title="contact">contact</a></li>
	<li id="header_link_sitemap"><a href="http://127.0.0.1/prestashop/index.php?controller=sitemap" title="plan du site">plan du site</a></li>
	<li id="header_link_bookmark">
		<script type="text/javascript">writeBookmarkLink('http://127.0.0.1/prestashop/index.php', 'Les chemins de traverse', 'favoris');</script>
	</li>
</ul>
<!-- /Block permanent links module HEADER -->
<!-- block seach mobile -->
<!-- Block search module TOP -->
<div id="search_block_top">
	<form method="get" action="http://127.0.0.1/prestashop/index.php?controller=search" id="searchbox">
		<p>
			<label for="search_query_top"><!-- image on background --></label>
			<input type="hidden" name="controller" value="search" />
			<input type="hidden" name="orderby" value="position" />
			<input type="hidden" name="orderway" value="desc" />
			<input class="search_query" type="text" id="search_query_top" name="search_query" value="" />
			<input type="submit" name="submit_search" value="Rechercher" class="button" />
		</p>
	</form>
</div>
	<script type="text/javascript">
	// <![CDATA[
		$('document').ready( function() {
			$("#search_query_top")
				.autocomplete(
					'http://127.0.0.1/prestashop/index.php?controller=search', {
						minChars: 3,
						max: 10,
						width: 500,
						selectFirst: false,
						scroll: false,
						dataType: "json",
						formatItem: function(data, i, max, value, term) {
							return value;
						},
						parse: function(data) {
							var mytab = new Array();
							for (var i = 0; i < data.length; i++)
								mytab[mytab.length] = { data: data[i], value: data[i].cname + ' > ' + data[i].pname };
							return mytab;
						},
						extraParams: {
							ajaxSearch: 1,
							id_lang: 1
						}
					}
				)
				.result(function(event, data, formatted) {
					$('#search_query_top').val(data.pname);
					document.location.href = data.product_link;
				})
		});
	// ]]>
	</script>

<!-- /Block search module TOP -->

<!-- Block user information module HEADER -->
<div id="header_user" >
	<ul id="header_nav">
				<li id="shopping_cart">
			<a href="http://127.0.0.1/prestashop/index.php?controller=order" title="Voir mon panier" rel="nofollow">Panier :
			<span class="ajax_cart_quantity hidden">0</span>
			<span class="ajax_cart_product_txt hidden">produit</span>
			<span class="ajax_cart_product_txt_s hidden">produits</span>
			<span class="ajax_cart_total hidden">
							</span>
			<span class="ajax_cart_no_product">(vide)</span>
			</a>
		</li>
				<li id="your_account"><a href="http://127.0.0.1/prestashop/index.php?controller=my-account" title="Voir mon compte client" rel="nofollow">Votre compte</a></li>
	</ul>
	<p id="header_user_info">
		Bienvenue
					<a href="http://127.0.0.1/prestashop/index.php?controller=my-account" title="Identifiez-vous" class="login" rel="nofollow">Identifiez-vous</a>
			</p>
</div>
<!-- /Block user information module HEADER -->
	
	<!-- Menu -->
	<div class="sf-contener clearfix" style='text-align:left'>
		<ul class="sf-menu clearfix">
			<li ><a href="http://127.0.0.1/prestashop/index.php">Accueil</a><ul><li ><a href="http://127.0.0.1/prestashop/index.php?id_category=3&controller=category">iPods</a></li><li ><a href="http://127.0.0.1/prestashop/index.php?id_category=4&controller=category">Accessoires</a></li><li ><a href="http://127.0.0.1/prestashop/index.php?id_category=5&controller=category">Portables</a></li></ul></li><li ><a href="http://127.0.0.1/prestashop/index.php?id_category=3&controller=category">iPods</a></li><li ><a href="http://127.0.0.1/prestashop/index.php?id_category=4&controller=category">Accessoires</a></li>
					</ul>
	</div>
	<div class="sf-right"> </div>

	<!--/ Menu -->




<script type="text/javascript">
var CUSTOMIZE_TEXTFIELD = 1;
var img_dir = 'http://127.0.0.1/prestashop/themes/lcdt/img/';
</script>
<script type="text/javascript">
var customizationIdMessage = 'Personnalisation';
var removingLinkText = 'supprimer cet article du panier';
var freeShippingTranslation = 'Livraison gratuite !';
var freeProductTranslation = 'Gratuit !';
var delete_txt = 'Supprimer';
</script>


<!-- MODULE Block cart -->
<div id="cart_block" class="block exclusive">
	<p class="title_block">
		<a href="http://127.0.0.1/prestashop/index.php?controller=order" title="Voir mon panier" rel="nofollow">Panier</a>
				<span id="block_cart_expand" class="hidden"> </span>
		<span id="block_cart_collapse" > </span>
			</p>
	<div class="block_content">
	<!-- block summary -->
	<div id="cart_block_summary" class="collapsed">
		<span class="ajax_cart_quantity" style="display:none;">0</span>
		<span class="ajax_cart_product_txt_s" style="display:none">articles</span>
		<span class="ajax_cart_product_txt" >article</span>
		<span class="ajax_cart_total" style="display:none">
					</span>
		<span class="ajax_cart_no_product" >(vide)</span>
	</div>
	<!-- block list of products -->
	<div id="cart_block_list" class="expanded">
			<p  id="cart_block_no_products">Aucun produit</p>
			
		<p id="cart-prices">
			<span id="cart_block_shipping_cost" class="price ajax_cart_shipping_cost">0,00 €</span>
			<span>Expédition</span>
			<br/>
									<span id="cart_block_total" class="price ajax_block_cart_total">0,00 €</span>
			<span>Total</span>
		</p>
				<p id="cart-buttons">
			<a href="http://127.0.0.1/prestashop/index.php?controller=order" class="button_small" title="Voir mon panier" rel="nofollow">Panier</a>			<a href="http://127.0.0.1/prestashop/index.php?controller=order" id="button_order_cart" class="exclusive" title="Commander" rel="nofollow"><span></span>Commander</a>
		</p>
	</div>
	</div>
</div>
<!-- /MODULE Block cart -->


				</div>
			</div>

et le css afférent :

global.css

Eolia · February 13, 2014

Merci mais ce n'est pas vraiment possible comme cela...

Le principe, ouvrir 2 fenêtres de navigateur et comparer le code des blocs (html et css)

Il est possible que des classes ou des id de la nouvelle version aient conservé le nom de l'ancienne mais avec de nouvelles définitions (surtout si vous êtes partis d'un thème de base)

Solution: trouver ces classes , les renommer dans vos tpl et les créer dans votre global.css (en reprenant les définitions de l'ancien global.css)

keuta · February 13, 2014

J'avais bien compris où vous vouliez en venir, et l'idée est bonne, je suis en train de m'y atteler, merci.

keuta · February 13, 2014

J'ai trouvé !

Merci Eolia, après une comparaison des deux header.tpl j'avais un div header_right qui s'est renommé en div right_column va savoir pourquoi ...

Eolia · February 13, 2014

Bonne continuation !

Sign In

Passage de PS 1.5.3.1 à 1.5.6.2 m'a mis le souk dans mon header

Recommended Posts

keuta

Link to comment

Share on other sites

Eolia

Link to comment

Share on other sites

keuta

Link to comment

Share on other sites

Eolia

Link to comment

Share on other sites

keuta

Link to comment

Share on other sites

Eolia

Link to comment

Share on other sites

keuta

Link to comment

Share on other sites

keuta

Link to comment

Share on other sites

Eolia

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity

Go back to prestashop.com