Imagen "Oferta" homefeatured.tpl (SOLUCIONADO)

[comprapadel]

Hola,

 

Tengo un pequeño problema. Ando unos días ya intentando colocar una imagen, etiqueta o como lo queráis llamar en formato .png sobre los productos que se encuentra en oferta en el modulo "homefeatured".

El problema es que he indagado un poquito a través del buscador del foro y Google, pero no he podido encontrar finalmente una solución.

Actualmente he conseguido colocar dicha imagen y que se muestre únicamente en los productos marcados como en rebajas, pero dicha imagen .png me sal descolocada.

A ver si me podéis echar una manita con este problema.

 

Gracias.

 

P.D: la web en cuestión es www.comprapadel.com y de momento tengo puesto esto dentro del "homefeatured.tpl" y el estilo "imagenoferta" que he creado en el .css global.

<!-- MODULE Home Featured Products -->
<div id="homefeatured" class="home_products clearfix">
	<h4 class="title_block">{l s='Featured products' mod='homefeatured'}</h4>
	{if isset($products) AND $products}
		<div class="block_content">
			<ul>
			{foreach from=$products item=product name=homeFeaturedProducts}
				<li class="home_products-{cycle name='homefeatured' values='1,2,3,4'} ajax_block_product">
					<a class="product_image" href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'destacados')}"  alt="{$product.name|escape:html:'UTF-8'}" />{if isset($product.new) && $product.new == 1}<span class="new" style="display:none">{l s='New' mod='homefeatured'}</span>{/if}</a>
					<h5>
                    	<a class="product_lnk" href="{$product.link}" title="{$product.name|truncate:50:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:35:'...'|escape:'htmlall':'UTF-8'}</a>
			{if isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}
<span class="imagenoferta"><img src="{$img_dir}onsale_{$lang_iso}.gif" border="0" /></span>
{/if}
                   	</h5>
                   	{if $product.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}<span class="price">{l s='AHORA'} {if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span>{/if}
			{if ((isset($product.on_sale) && $product.on_sale) || (isset($product.reduction) && $product.reduction)) && $product.price_without_reduction > $product.price && $product.show_price AND !isset($restricted_country_mode) && !$PS_CATALOG_MODE}
		<p class="price_container"><span class="old_price_home2">{l s='Antes'}
		<p class="price_container"><span class="old_price_home">
						  {convertPrice price=$product.price_without_reduction}
						</span></p>{else}<div style="height:21px;"></div>{/if}
					<div class="home_products_bttns">
						{if ($product.id_product_attribute == 0 OR (isset($add_prod_display) AND ($add_prod_display == 1))) AND $product.available_for_order AND !isset($restricted_country_mode) AND $product.minimal_quantity == 1 AND $product.customizable != 2 AND !$PS_CATALOG_MODE}
							{if ($product.quantity > 0 OR $product.allow_oosp)}
							<a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product}" href="{$link->getPageLink('cart')}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homefeatured'}">{l s='Add to cart' mod='homefeatured'}</a>
							{else}
							<span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>
							{/if}
						{/if}
					</div>
				</li>
			{/foreach}
			</ul>
		</div>
	{else}
		<p>{l s='No featured products' mod='homefeatured'}</p>
	{/if}
</div>
<!-- /MODULE Home Featured Products -->

Edited October 5, 2014 by comprapadel (see edit history)

[comprapadel]

Nadie me puede echar una manita por favor?

[ventura]

En el global.css de tu plantilla deja esta parte asi

.imagenoferta {
    display: block;
    margin-left: 84px;
    margin-top: -170px;
    position: absolute;
}

[comprapadel]

Lo acabo de colocar y en la primera fila de los productos destacados si que me los ha colocado todos con igual alineación pero en el resto de las filas, no...

 

Por lo que me puedo fijar esta alineación varia según la cantidad de texto que tiene el titulo del producto. Si te fijas si el titulo ocupa una sola linea, alinea bien la imagen, pero si ocupa mas o menos lo descuadra.

Edited October 4, 2014 by comprapadel (see edit history)

[ventura]

Actualiza el navegador, prueba a borrar el cache.

 

 

edito: varia segun nivel, ahora lo miro a ver 

Edited October 4, 2014 by ventura (see edit history)

[comprapadel]

Exacto! 

 

Alguna novedad Ventura?

Edited October 4, 2014 by comprapadel (see edit history)

[ventura]

No te lo he podido mirar, no creo que sea nada de css en el span de la imagen que has incluido, prueba a cambiar el span de sitio y ponerlo despues del cierre del h5

[comprapadel]

En efecto Ventura así ha sido. He cambiando el Span despues del cierre del H5, tal y como me habias indicado, y solucionado!! Lo unico que he tenido que ajustar un poco el margin-top del .css. 

Muchas gracias, de verdad, ni te imaginas los dias que llevo con esta tonteria...

 

Un placer!