Add row on product list

[Afkael]

Hello everyone! I do not speak English but I could not get solution on the forum in Spanish.

 

The question is I want to put in the product list the discount rate and the old price below the discounted price and can not.

 

Any help is useful to me. I want to be like in the attached image.

 

Site: http://infernoweb.com.ar/ajyjar

 

Thank you!!

 

Español:

 

Hola a todos! No hablo inglés pero no pude obtener solución en el foro en español.

 

La cuestión es que quiero poner en la lista de producto el porcentaje de descuento y el precio viejo debajo del precio con descuento y no lo consigo.

 

Cualquier ayuda me es útil. Quiero que quede como en la imagen adjunta.

 

 

Gracias!!

 

 

 

[Afkael]

i solved creating a new <div class> and dividing content-price, but dont hide wen mouse i over

 

How fix that??

<div class="content_price">
	{if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}
		{hook h="displayProductPriceBlock" product=$product type='before_price'}
		<span class="price product-price">
			{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}
		
</div>
<div class="under_price">
</span>
		{if $product.price_without_reduction > 0 && isset($product.specific_prices) && $product.specific_prices && isset($product.specific_prices.reduction) && $product.specific_prices.reduction > 0}
			{hook h="displayProductPriceBlock" product=$product type="old_price"}
			<span class="old-price product-price">
				{displayWtPrice p=$product.price_without_reduction}
			</span>
			{hook h="displayProductPriceBlock" id_product=$product.id_product type="old_price"}
			{if $product.specific_prices.reduction_type == 'percentage'}
				<span class="price-percent-reduction">-{$product.specific_prices.reduction * 100}%</span>
			{/if}
		{/if}
		{hook h="displayProductPriceBlock" product=$product type="price"}
		{hook h="displayProductPriceBlock" product=$product type="unit_price"}
		{hook h="displayProductPriceBlock" product=$product type='after_price'}
	{/if}
</div>

Edited June 22, 2016 by Afkael (see edit history)

[Daniel Patilea]

 

i solved creating a new <div class> and dividing content-price, but dont hide wen mouse i over

 

How fix that??

<div class="content_price">
	{if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}
		{hook h="displayProductPriceBlock" product=$product type='before_price'}
		<span class="price product-price">
			{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}
		
</div>
<div class="under_price">
</span>
		{if $product.price_without_reduction > 0 && isset($product.specific_prices) && $product.specific_prices && isset($product.specific_prices.reduction) && $product.specific_prices.reduction > 0}
			{hook h="displayProductPriceBlock" product=$product type="old_price"}
			<span class="old-price product-price">
				{displayWtPrice p=$product.price_without_reduction}
			</span>
			{hook h="displayProductPriceBlock" id_product=$product.id_product type="old_price"}
			{if $product.specific_prices.reduction_type == 'percentage'}
				<span class="price-percent-reduction">-{$product.specific_prices.reduction * 100}%</span>
			{/if}
		{/if}
		{hook h="displayProductPriceBlock" product=$product type="price"}
		{hook h="displayProductPriceBlock" product=$product type="unit_price"}
		{hook h="displayProductPriceBlock" product=$product type='after_price'}
	{/if}
</div>

More exactly, what are you trying to achieve?

[Afkael]

See highlighted in the image

 

1- this should be hidden when the mouse is over

2- I do not want to see this