Jump to content

[RESOLU] probleme d'affichge dans product-list.tpl


Recommended Posts

bonsoir,s'il vous plais aidez je suis bloqué.j ai changé l affichage en mode colonnes et j ai ajouté dans le right_block le logo et le nom de fabricant mais ça s'affiche pas dans la dernière colonne "last item"

voila le code product-list.tpl:

{if isset($products)}
<!-- Products list -->
<ul id="product_list" class="clear clearfix">
{foreach from=$products item=product name=products}
 <li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.index % 2}alternate_item{else}item{/if} {if $smarty.foreach.products.index % 3 == 0}first_item_line{/if} {if ($smarty.foreach.products.index + 1) % 3 == 0}last_item_line{/if} clearfix">
  <div class="center_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.legend|escape:'htmlall':'UTF-8'}" {if="" isset($homesize)}="" width="{$homeSize.width}" height="{$homeSize.height}" {="" if}=""></a>
<h3>{if isset($product.new) && $product.new == 1}<span class="new">{l s='New'}</span>{/if}<p align="center"><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}</a></p></h3>
<p class="product_desc"><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}">{$product.description_short|truncate:80:'...'|strip_tags:'UTF-8'}</a></p>
			<p align="center"><a class="button" href="{$product.link|escape:'htmlall':'UTF-8'}" title="{l s='View'}">{l s='View'}</a></p>
  </div>					
  <div class="right_block">
<div>
{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>
{elseif isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="discount"><!--{l s='Reduced price!'}--></span>{/if}
{if isset($product.online_only) && $product.online_only}<span class="online_only">{l s='Online only!'}</span>{/if}
{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}

 <span class="price" style="display: inline; alignment-adjust:central">{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}</span><br>
				{if $product.id_supplier}<span style="font-size: small;"><label for="product_supplier_name">{l s='Fabricant: '}</label>
<a href="{$base_dir}manufacturer.php?id_manufacturer={$product.id_manufacturer}">{$product.manufacturer_name|escape:'htmlall':'UTF-8'}</a></span><br>
{/if}
{if $product.id_supplier}
<a href="{$link->getPageLink('
supplier.php')}?id_supplier={$product.id_supplier}" title="{$product.supplier_name}"> Voir la Collection {$product.supplier_name} </a><br>
{/if}
{if $product.id_supplier}<img src="http://127.0.0.1/prestashop/img/su/{$product.id_manufacturer}-small_default.jpg" alt="{$product.manufacturer_name}" title="{$product.manufacturer_name}">{/if}
 {if isset($product.available_for_order) && $product.available_for_order && !isset($restricted_country_mode)}<span class="availability">{if ($product.allow_oosp || $product.quantity > 0)}{l s='Available'}{elseif (isset($product.quantity_all_versions) && $product.quantity_all_versions > 0)}{l s='Product available with different options'}{else}{l s='Out of stock'}{/if}</span>{/if}
</div>
{/if}
{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)}
  <a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart.php')}?add&amp;id_product={$product.id_product|intval}{if isset($static_token)}&amp;token={$static_token}{/if}" title="{l s='Add to cart'}">{l s='Add to cart'}</a>
 {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{="" if}=""> <label for="comparator_item_{$product.id_product}">{l s='Select to compare'}</label></p>
{/if}
  </div>
 </li>
{/foreach}
</ul>
<!-- /Products list -->
{/if}

 

et voila product-list.css:

/* product desc */
/* primary_block ***************************************************************************** */
#primary_block {
margin-top:15px;
}
/* pb-right-column ***************************************************************************** */
#pb-right-column {
float:left;
width:266px;
}
#pb-right-column #image-block {
position:relative;
}
#pb-right-column #image-block img {
border:1px solid #cdcdcd;
}
#pb-right-column #image-block #view_full_size {
display:block;
cursor:pointer;
}
#pb-right-column #image-block #view_full_size .span_link {
position:absolute;
bottom:10px;
left:32%;
display:block;
padding:0 12px 0 30px;
line-height:20px;
color:#fff;
text-shadow:0 1px 0 #000;
text-align:center;
text-transform:uppercase;
background-image:url(../img/icon/zoom.png);
background-repeat:no-repeat;
background-position:10px 2px;
background-color:#000;
background-color:rgba(0,0,0,0.5);
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
}
#pb-right-column #image-block #view_full_size .span_link img {
position:relative;
top:3px;
left:-3px;
border:none;
padding-right:2px;
}
/* miniatures */
#pb-right-column #views_block {
margin-top:10px;
width:266px;
}
#thumbs_list {
float:left;
overflow:hidden;
margin-left:4px;
width:216px;
}
#thumbs_list ul#thumbs_list_frame {
list-style-type:none;
padding-left:0;
}
#thumbs_list li {
float:left;
height:60px;
width:72px;
cursor:pointer;
}
#thumbs_list li img {
margin:0 6px;
border:1px solid #cdcdcd;
}
span.view_scroll_spacer {
float:left;
height:16px;
width:21px;
}
#view_scroll_left,#view_scroll_right {
float:left;
margin-top:20px;
padding:0 4px;
height:18px;
width:9px;
text-indent:-3000px;
background:url(../img/thumbs_left.gif) no-repeat center center transparent;
}
#view_scroll_right {
margin-left:4px;
background-image:url(../img/thumbs_right.gif);
}
.resetimg {
padding:10px 0 0;
}
/* link list */
#usefull_link_block {
list-style-type:none;
margin-top:20px;
}
#usefull_link_block li {
padding:2px 0;
}
#usefull_link_block li.print {
padding-left:20px;
background:url(../img/icon/print.gif) no-repeat 0 0;
}
#usefull_link_block li.sendtofriend {
padding-left:20px;
background:url(../img/icon/send_friend.gif) no-repeat 0 0;
}
#usefull_link_block li#left_share_fb {
padding-left:20px;
background:url(../img/icon/picto_fb.png) no-repeat 0 0;
}
/* pb-left-column ****************************************************************************** */
#pb-left-column {
float:left;
margin-left:14px;
width:255px;
}
#pb-left-column h1 {
padding-bottom:5px;
font-size:18px;
}
#pb-left-column #short_description_block {
color:#666;
}
#pb-left-column #short_description_block .buttons_bottom_block {
display:none;
}
/* form */
#pb-left-column #buy_block {
margin-top:10px;
}
#buy_block p {
padding-bottom:10px;
}
#pb-left-column #buy_block label {
display:inline-block;
width:125px;
font-weight:700;
font-size:12px;
text-align:right;
}
.ie7 #pb-left-column #buy_block label {margin-right:5px;float:left}
/* short description pack */
.short_description_pack {
display:none;
}
/* color_picker */
#pb-left-column #color_picker p {
padding-bottom:5px;
font-weight:700;
}
#attributes fieldset {
padding-bottom:10px;
}
#attributes fieldset label {
vertical-align:top;
}
#attributes .attribute_list {
display:inline-block;
}
.ie7 #attributes .attribute_list {
display:inline;
zoom:1;
float:right
}
#attributes .attribute_list ul{
list-style:none
}
#attributes .attribute_list ul li{
clear:both
}
#attributes .attribute_list input.attribute_radio{float: left;margin-left: 3px;}
#attributes .attribute_list span{float: left;margin-bottom: 5px;margin-left: 3px;}
.ie7 #attributes .attribute_list span{margin-top:1px}
#attributes .attribute_list #color_to_pick_list {
list-style-type:none;
width:125px;
}
#attributes .attribute_list #color_to_pick_list li {
float:left;
margin:0 8px 8px 0;
padding:1px;
border:1px solid #ccc;
clear:none
}
#attributes .attribute_list #color_to_pick_list li.selected {
border:1px solid #000;
}
#attributes .attribute_list #color_to_pick_list a.color_pick {
display:block;
height:20px;
width:20px;
}
.product_attributes {
padding:10px 0 0;
border-top:1px solid #ccc;
}
/* attributes */
#attributes select {
width:120px;
border:1px solid #cdcdcd;
}
/* quantity_wanted */
#quantity_wanted_p input {
width:50px;
border:1px solid #cdcdcd;
}
/* availability_statut */
#availability_statut {
margin: 10px 0 0 0;
}
#availability_statut span#availability_label,
#availability_date_label {
display:inline-block;
width:125px;
font-weight:700;
font-size:12px;
text-align:right;
}
#availability_statut #availability_value {
 background-color:green;
 color:#ffffff;
 text-shadow:none;
 padding:0 10px;
 text-transform: uppercase;
 font-size:10px;
 font-weight: bold;
 display:inline;
}
#availability_statut #availability_value.warning_inline {
background-color:#9B0000;
}
/* prices */
.content_prices {
margin-top:10px;
padding-top:10px;
border-top:1px solid #ccc;
text-align:right;
}
#buy_block p.price {
padding:0;
}
.discount {
display:none;
}
#buy_block p#old_price {
padding-bottom:15px;
font-size:14px;
text-decoration:line-through;
}
.our_price_display {
padding-bottom:10px;
font-weight:700;
font-size:24px;
line-height:18px;
color:#9b0000;
}
#reduction_percent,#reduction_amount {
display:block;
float:right;
margin-left:10px;
padding:0 0 0 10px;
font-weight:700;
font-size:12px;
color:#fff;
background:url(../img/bg_reduction.png) no-repeat 0 0 transparent;
}
#reduction_percent span,#reduction_amount span {
display:block;
padding:1px 5px 1px 0;
background:url(../img/bg_reduction.png) no-repeat 100% 0 transparent;
}
/* online_only */
#buy_block p.online_only {
font-weight:700;
font-size:11px;
color:#900;
text-align:left;
text-transform:uppercase;
}
/* add_to_cart */
.content_prices #add_to_cart {
position:relative;
float:right;
padding:0;
}
.content_prices #add_to_cart .exclusive,.content_prices #add_to_cart .exclusive_disabled {
height: 26px;
padding: 5px 7px 5px 15px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /*hack Chrome and Safari */

.content_prices #add_to_cart .exclusive,.content_prices #add_to_cart .exclusive_disabled {
 padding:6px 7px 4px 15px;
}
}
.ie9 .content_prices #add_to_cart .exclusive, .ie9 .content_prices #add_to_cart .exclusive_disabled,
.ie8 .content_prices #add_to_cart .exclusive, .ie8 .content_prices #add_to_cart .exclusive_disabled,
.ie7 .content_prices #add_to_cart .exclusive, .ie7 .content_prices #add_to_cart .exclusive_disabled {
 padding:8px 7px 4px 15px;
 line-height:12px;
}
:first-child+html .content_prices #add_to_cart .exclusive {
padding:4px 3px 4px 11px;
}
.content_prices #add_to_cart span {
z-index:10;
display:block;
position:absolute;
top:0;
left:-12px;
height:26px;
width:26px;
background:url(../img/icon/pict_add_cart.png) no-repeat 0 0 transparent;
}
/* */
.buttons_bottom_block {
clear:both;
padding-top:20px;
}
.buttons_bottom_block #wishlist_button {
font-weight:700;
}
/* SEND TO FRIEND (pop-in) ##################################################################### */
#send_friend_form {
}
#send_friend_form h2 {
padding:8px 11px;
font-size:12px;
color:#fff;
text-shadow:0 1px 0 #000;
text-transform:uppercase;
background:#383838;
}
#send_friend_form .product {
margin:20px 10px;
}
#send_friend_form .product img {
float:left;
margin:0 10px 0 0;
border:1px solid #ccc;
}
#send_friend_form .product .product_desc {
float:left;
width:380px;
}
#send_friend_form .product .product_desc p {
padding:0 10px 0 0;
color:#333;
}
#send_friend_form .product .product_desc p.product_name {
font-size:12px;
color:#000;
}
#send_friend_form .send_friend_form_content {
margin:0 10px 20px;
}
#send_friend_form .form_container {
padding:10px 15px;
border:1px solid #ccc;
background:#eee;
}
#send_friend_form .form_container p.intro_form {
padding-bottom:14px;
font-weight:700;
font-size:13px;
color:#333;
}
#send_friend_form .form_container p.txt_required {
padding-bottom:0;
color:/* SEND TO FRIEND (pop-in) ##################################################################### */
#666;
}
#send_friend_form .form_container .text {
padding-bottom:10px;
}
#send_friend_form .form_container .text label {
display:inline-block;
padding:6px 15px;
width:180px;
/* 210 */
font-size:12px;
text-align:right;
}
#send_friend_form .form_container .text input {
padding:0 5px;
height:22px;
width:260px;
border:1px solid #ccc;
font-size:12px;
color:#666;
}
#send_friend_form .submit {
margin-top:20px;
padding-bottom:0;
text-align:right;
}
/* PACK ##################################################################### */
#blockpack {
margin-top:20px;
padding-top:20px;
border-top:1px dotted #999;
}
/* PERSONNALISATION ##################################################################### */
.customization_block {
}
.customization_block p.infoCustomizable {
margin:10px 0 20px;
padding:0 0 0 20px;
background:url(../img/icon/infos.gif) no-repeat 0 0 transparent;
}
ul#uploadable_files,ul#text_fields {
list-style-type:none;
}
.customizableProductsFile,.customizableProductsText {
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px dotted #ccc;
}
.customizationUploadLine {
padding-bottom:10px;
}
.customizationUploadBrowse img + a {
position: relative;
top: -51px;
}
.customizationUploadLine label {
display:inline-block;
width:150px;
vertical-align:top;
}
.customizationUploadLine textarea {
height:50px;
width:300px;
border:1px solid #ccc;
}
#customizedDatas {
float:right;
}
.accessories_block div ul li a {
display:inline-block;
}
.accessories_block div ul li .s_title_block a, .accessories_block div ul li .s_title_block span  {
font-weight:bold;
}

et voila mon probleme en image le fichier joint

post-585880-0-84253600-1370560698_thumb.png

Edited by amro (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
×
×
  • Create New...