Jump to content

[ SOLUCIONADO] Productos destacados de página de inicio.

Crinsa

By Crinsa
in Discusión general

 Share

Recommended Posts

Crinsa Newbie

Crinsa

Posted
Posted (edited)

Hola a to@s, os explico, estoy montando la tienda y en los productos destacados me encuentro con esto. (adjunto imagen).

 

1. Necesito que la imagen llegue al borde de producto nuevo y no se como hacerlo

2 . Cambiar el color del botoón añadir al carro.

 

 

Gracias por anticipado.

 

 

post-708121-0-64867100-1394459482_thumb.jpg

Edited by Crinsa (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Es muy importante que proporciones la dirección de tu tienda, para probar las simulaciones del css con firebug (http://www.prestashop.com/forums/topic/209203-uso-basico-de-firebug/) o con el inspeccionar elemento de "Chrome".

 

Referente al icono de "nuevo", posiblemente tengas que tocar el css del: (El valor del top, el valor del right y posiblemente si lo quieres mas ancho la barra roja, el valor del width) del:

#featured-products_block_center .product_image span.new

en el fichero:

homefeatured.css

(Al menos es ahí si usas todo por defecto, si no es así debes dar todos los posibles detalles para poder ayudarte)

Link to comment
Share on other sites
Crinsa Newbie

Crinsa

Posted
  • Author
Posted

Hola nadie,gracias por contestar.   

 

En primer lugar la tienda la tengo en el server pero la tengo cerrada. Te la abro para que lo mires.   www.crinsamarket.com

 

y luego eso fíjate como el cuadro de añadir al carrito está en negro y no en amarillo.

 

 

Y lo de producto nuevo no consigo hacer la foto más grande. Me parece que una vez ví por este foro que había que tocar algo de preferencias>imágenes, pero no me acuerdo bien.  

 

Gracias y un saludo

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Hola nadie,gracias por contestar.   

 

En primer lugar la tienda la tengo en el server pero la tengo cerrada. Te la abro para que lo mires.   www.crinsamarket.com

 

 

 

Y lo de producto nuevo no consigo hacer la foto más grande. Me parece que una vez ví por este foro que había que tocar algo de preferencias>imágenes, pero no me acuerdo bien.  

 

Gracias y un saludo

 

Creia que te referia simplemente a la tira "Nuevo", no a la imagen del producto, si quieres hacer la imagen del producto, depende editar el tipo:

 

home_default

en la pestaña Preferencias -> Imagenes, mejor create uno nuevo, ya que este afecta tambien a otras partes de la tienda.

 

Entonces en la pestaña Preferencias -> Imagenes, create un tipo nuevo  y lo llamas:

 

produmo_desta

Le colocas las medidas que tu estimes, le dices que solo se aplique a los productos. (Por ejemplo dile de ancho 145 y de alto 135)

 

Despues editas el fichero:

 

/themes/plantilla/modules/homefeatured/homefeatured.tpl

Buscas esto:

 

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

Dejalo por ejemplo asi:

 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'produmo_desta')|escape:'html'}"  alt="{$product.name|escape:html:'UTF-8'}" />

Despues, veo que en el fichero:

 

modules/homefeatured/homefeatured.css

Tu tienes esto:

 

#featured-products_block_center .product_image {
display: block;
padding-top: 5px;
height: 130px;
position: relative;
overflow: hidden;
}

Supongo que eso lo pusistes tu,entonces dejalo por ejemplo asi:

 

#featured-products_block_center .product_image {
display: block;
margin-top: 5px;
height: 139px;
position: relative;
overflow: hidden;
padding-top: 2px;
}

Despues, en el mismo fichero,veo que tienes esto:

 

#featured-products_block_center li {
margin-top: 20px;
width: 140px;
padding: 12px;
margin-bottom: 14px;
margin-right: 15px;
background-color: #94F50B;
border: 1px solid #000000;
height: 280px;
-moz-border-radius: 30px;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
box-shadow: 0px 0px 6px #000000;
height: 310px;
}

Dejalo por ejemplo asi:

 

#featured-products_block_center li {
margin-top: 20px;
width: 144px;
padding: 12px;
margin-bottom: 14px;
margin-right: 15px;
background-color: #94F50B;
border: 1px solid #000000;
height: 280px;
-moz-border-radius: 30px;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
box-shadow: 0px 0px 6px #000000;
height: 329px;
}

Despues busca esto:

 

#featured-products_block_center .product_image span.new {
	display: block;
	position: absolute;
	top: 20px;
	right:-30px;
	padding: 1px 3px;
	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 */
}

y prueba dejarlo asi:

 

#featured-products_block_center .product_image span.new {
display: block;
position: absolute;
top: 21px;
right: -31px;
padding: 1px 3px;
width: 114px;
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);
}
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

De la manera que te he comentado, se te quedara así:

 

Adjunto Imagen:

 

quedarweb.png

 

(Ah, se me olvido decirte, cuando crees el nuevo tipo de imagen, que te he comentado en el post anterior, no se te olvide regenerar las miniaturas, en la misma pestaña de preferencias -> imagenes (abajo del todo), pero solo del tipo que has creado no de todos.)

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Gracias nadie, y ahora lo otro, como cambio el color del boton de añadir al carrito y lo pongo otra vez en amarillo en lugar de negro.

 

 

Gracias

 

Se ve que estuvistes tocando algo accidentalmente, porque en tu fichero:

http://www.crinsamarket.com/modules/blocksearch/blocksearch.css
Tienes esto:

#featured-products_block_center li .ajax_add_to_cart_button {
margin-top: 8px;
padding: 5;
display: block;
background: #000000;
}
cuando hay realmente no deberias tener nada de eso, dejalo asi:

#featured-products_block_center li .ajax_add_to_cart_button {

}
Y despues ve a tu fichero:

http://www.crinsamarket.com/modules/homefeatured/homefeatured.css
que tienes esto:

#featured-products_block_center li .ajax_add_to_cart_button {
margin-top: 8px;
padding: 5;
display: block;
background: #url(/img/pict_add_cart.png) no-repeat;
}
Dejalo asi:

#featured-products_block_center li .ajax_add_to_cart_button {
margin-top: 8px;
display: block;
}
y automáticamente te cogerá el color amarillo
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Gracias,solucionado. Muy amable y un saludo

 

Un placer ayudarte y servirte!

 

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

 

Si no sabes como añadir la palabra "Solucionado" al título del tema, aquí tienes una guía: http://www.prestashop.com/forums/topic/269515-solucionado-%C2%BFcomo-poner-la-palabra-solucionado-en-el-titulo-del-tema/

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...