Jump to content

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


Recommended Posts

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,

post-291435-0-95320400-1341388002_thumb.jpg

Edited by boutiquetico (see edit history)

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 by boutiquetico (see edit history)

Share this post


Link to post
Share on other sites

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.)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More