Cambiar las imagen de nuevo producto (Solucionado)

[intimatethings]

Hola muy buenas de nuevo

 

Resulta que estoy intentado cambiar la imagen de "NEW" (Nuevo) que trae la plantilla por defecto por otra diferente y con texto en español (que yo creare).

He buscado por todos lados y no encuentro esta imagen pues pensaba que con sustituirla bastaría ¿Alguien sabe donde puedo encontrarla y como sustituirla correctamente?

Un saludo

Edited April 20, 2013 by intimatethings (see edit history)

[nadie]

Hola muy buenas de nuevo

 

Resulta que estoy intentado cambiar la imagen de "NEW" (Nuevo) que trae la plantilla por defecto por otra diferente y con texto en español (que yo creare).

He buscado por todos lados y no encuentro esta imagen pues pensaba que con sustituirla bastaría ¿Alguien sabe donde puedo encontrarla y como sustituirla correctamente?

Un saludo

 

La palabra nuevo, en la plantilla por defecto de Prestashop en la 1.5, no lleva ninguna imagen de fondo, se ve una banda roja, por que en el css esta estimulado asi.

 

Por ejemplo, el estilo de la palabra "nuevo" para los productos destacados, si te vas al fichero:

 

homefeatured.css

 

tienes esto:

 

#featured-products_block_center .product_image span.new {
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);
-ms-transform: rotate(45deg);
background-color: #990000;
transform: rotate(45deg);  /* Newer browsers */
}

 

Donde si te fijas el:

 

background-color: #990000;

 

es el color digamos "rojo" de fondo que tiene

 

y lo del:

 

rotate

 

es para que se vea rotado, tal como se ve ahora.

 

En el listado de productos, si nos vamos al fichero:

 

/themes/tu-plantilla/css/product_list.css

 

Encontramos esto:

 

#product_list li span.new {
  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 */
 }

 

que es lo mismo que para los productos destacados, pero hay se aplica para el listado de productos.

 

Si depende un color, quieres colocar una imagen de fondo, aqui: http://www.w3schools.com/css/css_background.asp tienes explicado como utilizar la propiedad background, tanto para colores de fondo, como para imagenes de fondo.

[intimatethings]

Vale, muchisimas gracias por tu ayuda, voy a ello

[nadie]

Vale, muchisimas gracias por tu ayuda, voy a ello

Perfecto !

 

Ya me contaras como te fue todo !

 

Un Saludo

[intimatethings]

Hola de nuevo, con un poco de retraso...

Me a servido muchisimo la ayuda, probé diferentes formas y colores y al final me he quedado de momento con la que tu me has puesto de la plantilla por defecto ya que yo tenia otra plantilla, de ahí esa imagen de "NEW". Doy el tema por solucionado, lo edito arriba, y lo dicho:

Muchas gracias y un saludo

[nadie]

Hola de nuevo, con un poco de retraso...

Me a servido muchisimo la ayuda, probé diferentes formas y colores y al final me he quedado de momento con la que tu me has puesto de la plantilla por defecto ya que yo tenia otra plantilla, de ahí esa imagen de "NEW". Doy el tema por solucionado, lo edito arriba, y lo dicho:

Muchas gracias y un saludo

 

Un placer ayudarte y servirte!

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.