[Solucionado] Poner etiqueta en imagen de producto

[davidsl88]

Hola.

 

Me gustaría poner la etiqueta ¡Precio rebajado! en el mismo lugar en el que aparece la etiqueta ¡Nuevo!, es decir, en la esquina superior derecha dentro de la imagen del producto.

 

He probado a copiar el css de la clase .new a la clase .discount en el product-list.css pero me aparece muy descuadrada y totalmente fuera de la imagen.

 

Alguien tiene alguna idea de como hacerlo? Espero haberme explicado correctamente, si no intentaré poner alguna imagen de lo que quiero hacer.

 

Gracias!

Edited December 28, 2013 by davidsl88 (see edit history)

[nadie]

Por ejemplo, en la plantilla por defecto, seria algo asi:
 
En el fichero:
 

/themes/plantilla/product-list.tpl

Buscas esto:
 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

{if isset($product.new) && $product.new == 1}<span class="new">{l s='New'}</span>{/if}

 
Y debajo pon por ejemplo esto:
 

{if isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}<span class="discount_nadie">{l s='Reduced price!'}</span>{/if}

Luego en el fichero:
 

/themes/plantilla/css/product_list.css

Añade por ejemplo esto: (Ya lo ajustas tus para que no quede feo xD)
 

#product_list li span.discount_nadie {
        display: block;
        position: absolute;
        top: 15px;
        right:-30px;
        padding: 1px 4px;
        width: 101px;
        font-size:10px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform:rotate(45deg);
        background-color: #990000;
        transform: rotate(45deg); 
        -ms-transform: rotate(45deg);                        /* Newer browsers */
}

[davidsl88]

Solucionado! Gracias nadie!

[nadie]

Solucionado! Gracias nadie!

 

Un placer ayudarte y servirte !

 

PD: Como veo que has añadido la palabra "Solucionado" en el titulo del tema, procedo a cerrar el tema.