théme en mode "wide": page liste produit alignée a gauche

[eddy06230]

Bonjour,

 

J'ai une boutique avec un théme modifié (origine themeforest).  Ce theme offre 2 modes d'affichage, "boxed" pour un site classique, et "wide" pour un site responsive qui s'adapte a la largeur de l'écran.

 

Mon probléme est que sur certaines pages (la page liste de produit par exemple, mais également les CMS), en mode "wide" sur la page de liste de produit, les vignettes produits (2 rangées de 5 sur la page) s'affichent alignées vers le bord  gauche de l'écran au lieu de s'fficher dans le frame central.

 

Lorsque je fais F5, la position comme la normale devrait etre revient, mais ne reste pas quand je change de page.  Il s'agit sans doute d'un simple code dans le fichier product-list tpl, mais malgré mes essais je n'ai pas réussi (je bricole en programmation, donc même si j'ai la solution sous les yeux je ne suis pas sur de la voir)

 

Quelqu'un peut il m'aider ?  voici le fichier product-list tpl.

 

Merci

 

{if isset($products)}

<ul id="product_list" class="clear">

{foreach from=$products item=product name=products}

<li class="ajax_block_product clearfix">

 

<div class="left_block">

<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}">

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" alt="{$product.name|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

</a>

{if isset($product.new) && $product.new == 1}<span class="new tag">{l s='New'}</span>{/if}

{if isset($product.reduction) && $product.reduction}<span class="reduction tag">{l s='Sale'}</span>{/if}

</div>

<div class="right_block" style="position:relative">

<a class="prod_name" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|escape:'htmlall':'UTF-8'|truncate:35:'...'}</a>

        

        

       

        

        

<div class="product_desc">{$product.description_short|strip_tags:'UTF-8'|truncate:100:'...'}</div> 

        <div style="width:50px; text-align:center; position:absolute; right:14px; top:92px; ">

      <img src="{$img_manu_dir}{$product.id_manufacturer|escape:'htmlall':'UTF-8'}-large_default.jpg" alt="{$product.manufacturer_name|escape:'htmlall':'UTF-8'}" width="50" />

    </div>

<div class="extratags">

{if isset($product.available_for_order) && $product.available_for_order && !isset($restricted_country_mode)}{if ($product.allow_oosp || $product.quantity > 0)}<span class="available">{l s='Available'}

{* {elseif (isset($product.quantity_all_versions) && $product.quantity_all_versions > 0)}{l s='Product available with different options'} *} {else}<span class="nostock">{l s='Out of stock'}{/if}</span></span>{/if}

{* {if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="on_sale">{l s='On sale!'}</span>{/if} *}

{if isset($product.online_only) && $product.online_only}<span class="online_only">{l s='Online only!'}</span>{/if}

</div>

{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}

<div class="price-content">

<div class="price">A partir de 

{if !$priceDisplay}

{convertPrice price=$product.prixMini}

{else}

{convertPrice price=$product.prixMini}

{/if}

</div>

{if isset($product.reduction) && $product.reduction}

<div class="price-discount">{convertPrice price=$product.price_without_reduction}</div>

{/if}

</div>

{else}

<div style="height:21px;"></div>

{/if}

        <center><a class="button" href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}">{l s="Voir fiche produit"}</a></center>

{if ($product.id_product_attribute == 0 || (isset($add_prod_display) && ($add_prod_display == 1))) && $product.available_for_order && !isset($restricted_country_mode) && $product.minimal_quantity <= 1 && $product.customizable != 2 && !$PS_CATALOG_MODE}

{if ($product.allow_oosp || $product.quantity > 0)}

{if isset($static_token)}

<!--<a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart',false, NULL, "add=1&id_product={$product.id_product|intval}&token={$static_token}", false)}" title="{l s='Add to cart'}">{l s='Add to cart'}</a>-->

{else}

<a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart',false, NULL, "add=1&id_product={$product.id_product|intval}", false)}" title="{l s='Add to cart'}">{l s='Add to cart'}</a>

{/if}

{else}

<span class="exclusive">{l s='Add to cart'}</span>

{/if}

{/if}

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

<p class="compare">

<input type="checkbox" class="comparator" id="comparator_item_{$product.id_product}" value="comparator_item_{$product.id_product}" {if isset($compareProducts) && in_array($product.id_product, $compareProducts)}checked="checked"{/if} /> 

<label for="comparator_item_{$product.id_product}">{l s='Select to compare'}</label>

</p>

{/if}

</div>

</li>

{/foreach}

</ul>

{/if}

[Divine]

Bonjour,

 

Tu as essayé de contacter l'auteur du thème afin de lui signaler ce problème ?

[eddy06230]

Bonjour,

 

J'avais essayé de les contacter l'année derniére pour un autre probléme (module manquant dans le théme par rapport a ce qui était affiché, je n'ai jamais eu de réponse.

 

Il semble que le théme ne soit pas en faute de toute facon, mais plutot les modification qui y ont été apportées (celui qui a fourni le theme et a fait les modifs n'est qu'un véritable charlot).

 

En fait j'ai résolu partiellement le probléme en jouant sur le paramétre de vignettes sur la page que je peux modifier.

 

Par contre, tout va bien en mode navigation, mais lorsque je passe par une recherche produit dans la bare de recherche, les resultats sont affichés alignés a gauche de l'ecran.  Et toujours pareil pour les CMS

 

Donc une erreur dans le script quelque part, mais je sais pas ou.

 

Si quelqu'un a une idée ....

 

Merci en tout cas pour les réponses