PB affichage accessoires de la page produit

[lamyweb]

Bonjour ;

j'ai fait faire un template par un "professionnel" qui m'a livré un template non terminé ...

Malgré des appels à l'aide, ce dernier m'a laissé tomber !

 

Voici mon problème : la liste des produits complémentaires (ou ACCESSOIRES) dans une fiche produit, se dispose de manière verticale (voir PJ "accessoiresactuel.jpg").

Je souhaite qu'ils (les accessoires) soient alignés de manière horizontale (voir PJ "accessoiressouhaitl.jpg")

 

J'ai essayé plein de choses en vain dans global.css ...

 

Quelqu'un a-t'il une suggestion ? Merci beaucoup pour votre aide.

Seb.

[Mns]

Bonjour, aurait-tu un lien vers un produit ?

[Les Folies de Mélani]

Bonjour,

 

Il faut faire une modification du product.tpl

 

voici ce que j'ai mis :

 

{if isset($accessories) AND $accessories}
<!-- accessories -->
<ul id="idTab4" class="bullet">
<div class="block products_block accessories_block clearfix">
<div class="block_content">
<ul>
{foreach from=$accessories item=accessory name=accessories_list}
{if ($accessory.allow_oosp || $accessory.quantity > 0) AND $accessory.available_for_order AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}
{assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}
<li style="float:left;padding:0;margin:14px;" class="ajax_block_product {if $smarty.foreach.accessories_list.first}first_item{elseif $smarty.foreach.accessories_list.last}last_item{else}item{/if} product_accessories_description">
<h5>
<a href="{$accessoryLink|escape:'htmlall':'UTF-8'}"title="{$accessory.name|escape:'htmlall':'UTF-8'}">{$accessory.name|escape:'htmlall':'UTF-8'|truncate:30:'...'}</a>
</h5>
<div class="product_desc">
<a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{$accessory.legend|escape:'htmlall':'UTF-8'}" class="product_img_link"><img src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'home_default')}" alt="{$accessory.legend|escape:'htmlall':'UTF-8'}" width="{$homeSize.width}" height="{$homeSize.height}" /></a>
{*<div class="block_description">
<a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{l s='More'}" class="product_description">{$accessory.description_short|strip_tags|truncate:400:'...'}</a>
</div>*}
<div class="clear_product_desc"> </div>
</div>
<p class="clearfix" style="margin-top:5px">
{*<a class="button" href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a>*}
<a class="exclusive button ajax_add_to_cart_button" href="{$link->getPageLink('cart', true, NULL, "qty=1&id_product={$accessory.id_product|intval}&token={$static_token}&add")}" rel="ajax_id_product_{$accessory.id_product|intval}" title="{l s='Add to cart'}">{l s='Add to cart'}</a>
<font style="float:right"><big><b>{if $accessory.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}  <span class="price">{if $priceDisplay != 1}{displayWtPrice p=$accessory.price}{else}{displayWtPrice p=$accessory.price_tax_exc}{/if}</span>{/if}</b></big></font>
</p>
</li>
{/if}
{/foreach}
</ul>
</div>
</div>
</ul>
{/if}

 

tu peux voir le résutat : http://lesfoliesdeme...-na-naa-30.html

Je suis en 1.5.2

Edited August 28, 2013 by Armures-GN (see edit history)