Modification page catégorie - besoin d'un coup de main ;)

[boutiquetico]

Bonjour,

 

voila j'aimerai que pour la période des soldes ma page catégorie ressemble à ceci (fichier joint)

 

 

J'aimerai que le Logo (bannière rouge) soit une image, mais que le pourcentage de réduction s'intègre automatiquement suivant le % que je défini dans le B.O

 

j'ai vu ca sur des sites, genre sur "dashoes.fr" le logo est identique, "pastille rouge" mais le % de réduction change .

 

Et ensuite, mettre en forme différemment le texte sous ma photo, avec l'ancien prix barré.

 

si quelqun veux me faire une offre pour me réaliser cette tache, je suis preneur.

 

je vous remercie,

Edited July 4, 2012 by boutiquetico (see edit history)

[YopixelAE]

Bonjour,

 

Un exemple, ouvrez product-list.tpl, insérez en remplacement:

 

<div class="onsaleloc">
 {if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}
  <span class="on_sale">{l s='En Promo !'}</span>
 {if $product.specific_prices.reduction > 0}
 {assign var='knowpercent' value=$product.specific_prices.reduction*100} 
  <span class="knowpercent">- {$knowpercent}%</span>
  {/if}
 {/if}
   </div>

 

Puis dans votre global.css:

.onsaleloc{background:red;float:left;margin-top:-55px;padding-left:6px;
padding-right:6px;position:absolute;text-align:left;width:auto}
.onsaleloc .on-sale{float:left}

 

Remplacez red par votre image.

[boutiquetico]

Merci pour ta réponse

 

je me permets de copier mon product-list.tpl , car je ne sais pas trop a la place de quoi le remplacer

 

{if isset($products)}
<!-- Products list -->
<ul id="product_list" class="clear"  style="opacity: 1;">
{assign var='i' value=0}
{assign var='coucou' value=0}
{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} clearfix">

	<div style="display: none;" class="sticers_product_id" product_id="{$product.id_product}"></div>

  <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')}" 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}<a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}</a></h3> -->


<h3 style="margin-bottom: 0px;">
   <a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.manufacturer_name|escape:'htmlall':'UTF-8'}</a>
</h3>
  <h3 style="margin-bottom: 10px;">{if isset($product.new) && $product.new == 1}<!--<span class="new">{l s='New'}</span>-->{/if}<a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}</a></h3>


  </div>

  <div class="right_block">
{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 isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}
		<s>{convertPrice price=$product.price_without_reduction}</s>
	   {/if}<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)))}
<div>
 {if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}<span class="price" style="display: inline;">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span><br />{/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}



  </div>
 </li>
{/foreach}
</ul>
<!-- /Products list -->
{/if}

 

 

En ce qui concerne le global CSS. je dois juste copier le code que tu m'as fournit - un endroit en particulier ? pour rempalcer RED "je dois mettre le cheminement pour acceder au fichier - c'est bien ca ?

 

je te remercie infiniment pour ton aide

Edited July 4, 2012 by boutiquetico (see edit history)

[YopixelAE]

La ligne sous <div class="right_block">

N'importe où dans le .css, à la fin par exemple, après avoir sauté 2-3 lignes.

Oui pour l'image.

Regardez dans le .css des exemples (background: url etc.)

[boutiquetico]

Lorsque je remplace

 

<div class="right_block">
   {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 isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}
	    <s>{convertPrice price=$product.price_without_reduction}</s>
	   {/if}<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)))}
   <div>

 

PAR :

 

<div class="right_block">
<div class="onsaleloc">
	 {if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}
	  <span class="on_sale">{l s='En Promo !'}</span>
	 {if $product.specific_prices.reduction > 0}
	 {assign var='knowpercent' value=$product.specific_prices.reduction*100}
	  <span class="knowpercent">- {$knowpercent}%</span>
	  {/if}
	 {/if}
   </div>

 

 

je n'ai plus aucun produit qui s'affiche dans les catégories :S

[YopixelAE]

Vous avez remplacé + que 1 ligne.

[boutiquetico]

comment ?

[YopixelAE]

Ne remplacez rien (parce que là vous laissez une balise conditionnelle fermante, d'où la page blanche) ajoutez seulement.

Ensuite cachez le superflu via .css

Ce n'est pas très clean.

Edited July 4, 2012 by Félix-v1.4 (see edit history)

[Gilles6688]

Sa mintéresse aussi tout cela!!! j'attend de vos news...