CSS de productos nuevos al cambiarlo de Hook Presta 1.5.6.2

[mialge]

He cambiado el hook de productos nuevos a "displayhome" pero el diseño me sale como en "rightcolumn" ¿Cómo puedo hacer para que aparezcan como el diseño de productos destacados?

[nadie]

Creo recordar que este módulo: http://www.prestashop.com/forums/topic/278949-free-module-homepage-featured-new-products-block/ muestra el bloque  de nuevo productos como quieres en la pagina principal.

[mialge]

Creo recordar que este módulo: http://www.prestashop.com/forums/topic/278949-free-module-homepage-featured-new-products-block/ muestra el bloque  de nuevo productos como quieres en la pagina principal.

 Lo he probado pero me sale similar en vertical

[nadie]

 Lo he probado pero me sale similar en vertical

Adjunta pantallazo de como se te ve. (Se tendría que ver como el de destacados)

[mialge]

Adjunta pantallazo de como se te ve. (Se tendría que ver como el de destacados)

 

Y así sigue bajando....

Edited October 22, 2014 by mialge (see edit history)

[ventura]

Si no te quieres complicar en exceso tienes este modulo gratuito de vekia

 

http://mypresta.eu/modules/front-office-features/home-new-products-block.html

[mialge]

Si no te quieres complicar en exceso tienes este modulo gratuito de vekia

 

http://mypresta.eu/modules/front-office-features/home-new-products-block.html

Es el módulo que he instalado pero sale como la última imagen...

Edited October 22, 2014 by mialge (see edit history)

[ventura]

Es el módulo que he instalado pero sale como la última imagen...

Desactiva el que tienes instalado, el que has cambiado de hook y activa y posiciona el de vekia

[nadie]

Si no te quieres complicar en exceso tienes este modulo gratuito de vekia

 

http://mypresta.eu/modules/front-office-features/home-new-products-block.html

Por curiosidad, ¿Es el mismo módulo que comente en mi mensaje de arriba http://www.prestashop.com/forums/topic/371984-css-de-productos-nuevos-al-cambiarlo-de-hook-presta-1562/?do=findComment&comment=1840212? xDDDDD

 

----

 

 

Es el módulo que he instalado pero sale como la última imagen...

 

Intenta lo que te comenta Ventura, y si tras hacer lo que te comenta te funciona, perfecto, si te sigue sin funcionar, deja la dirección de tu web, para que te puedan ayudar mejor, al ver y evaluar el problema en directo.

 

Saludos,

Edited October 22, 2014 by nadie (see edit history)

[mialge]

Por curiosidad, ¿Es el mismo módulo que comente en mi mensaje de arriba http://www.prestashop.com/forums/topic/371984-css-de-productos-nuevos-al-cambiarlo-de-hook-presta-1562/?do=findComment&comment=1840212? xDDDDD

 

----

 

 

 

Intenta lo que te comenta Ventura, y si tras hacer lo que te comenta te funciona, perfecto, si te sigue sin funcionar, deja la dirección de tu web, para que te puedan ayudar mejor, al ver y evaluar el problema en directo.

 

Saludos,

Sí, es el mismo módulo (aparentemente) pero me lo bajo de la web esa y lo pruebo..

Edited October 22, 2014 by mialge (see edit history)

[mialge]

Ya lo he hecho, el problema es mi theme que descojona todo... he provado con el theme default de prestashop y sale perfecto. http://tres.lasciviasexshop.com

[nadie]

Archivo:

 

modules/homenewproducts/homenewproducts.css

Ahora estoy en la tablet en el tren, pero probando desde el tablet, haciendo lo siguiente:

 

Prueba cambiar esto:

#featured-products_block_center li {
margin-right: 10px;
padding: 10px 0;
width: 126px;
height: 240px;
}

por

#featured-products_block_center li {
margin-right: 10px;
padding: 10px 0;
width: 126px;
height: 240px;
float:left;
}

Al menos se pondra uno al lado de otro, que ya es un paso.

 

Lo otro, para terminar de ajustarlo, lo dejo en manos de ventura, que estoy offline.

Edited October 23, 2014 by nadie (see edit history)

[mialge]

Archivo:

 

modules/homenewproducts/homenewproducts.css

Ahora estoy en la tablet en el tren, pero probando desde el tablet, haciendo lo siguiente:

 

Prueba cambiar esto:

#featured-products_block_center li {
margin-right: 10px;
padding: 10px 0;
width: 126px;
height: 240px;
}

por

#featured-products_block_center li {
margin-right: 10px;
padding: 10px 0;
width: 126px;
height: 240px;
float:left;
}

Al menos se pondra uno al lado de otro, que ya es un paso.

 

Lo otro, para terminar de ajustarlo, lo dejo en manos de ventura, que estoy offline.

 

Muchas Gracias nadie algo se ha mejorado

[mialge]

Alguien me podría decir que estructura css de los productos tengo que copiar para tener la estética de los productos destacados, como indicarle un máximo de 4 productos por línea y mover los márgenes? Muchas Gracias

[nadie]

Vamos hacer una cosa, veo que el módulo de vekia usa los mismos ids y class que el modulo original de homefeatured, por eso vamos a cambiarlos.

 

Ve a:

modules/homenewproducts/homenewproducts.tpl

Cambia esto:

<div id="featured-products_block_center" class="block products_block clearfix">

por

<div id="nuevos-productos_block_center" class="block products_block clearfix">

Despues, cambia en el fichero:

modules/homenewproducts/homenewproducts.css

Las palabras:

#featured-products

por

#nuevos-productos

Es decir, así:

#nuevos-productos_block_center li {
	margin-right:10px;
	padding:10px 0;
	width:126px;
	height:240px;
	float:left;
}
#nuevos-productos_block_center li.last_item_of_line  {margin-right:0;}
#nuevos-productos_block_center .s_title_block,  #nuevos-productos_block_center h5 {
	padding-top:5px;
	height:30px;
	font-size:12px;
	color:#222;
	padding-bottom: 0;
	font-weight:bold;
}

#nuevos-productos_block_center .product_image {
	display:block;
	position:relative;
	overflow:hidden
}
#nuevos-productos_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 */
}

#nuevos-productos_block_center .product_desc {height:45px;}
#nuevos-productos_block_center .product_desc,
#nuevos-productos_block_center .product_desc a {
	color:#666
}
#nuevos-productos_block_center .lnk_more {
	display:inline;
	padding-right:10px;
	font-weight:bold;
	font-size:10px;
	color:#0088cc;
	background:url(img/arrow_right_1.png) no-repeat 100% 3px;
}
#nuevos-productos_block_center .price_container {
	margin-top:10px;
	padding:0;
}
#nuevos-productos_block_center .price {
	font-weight:bold;
	font-size:14px;
	color:#990000
}
#nuevos-productos_block_center li .ajax_add_to_cart_button {display:none;}
#nuevos-productos_block_center li span.exclusive {display:none;}

Una vez hayas realizado eso, avisa y te digo las modificaciones a seguir para que quede bien.

[mialge]

Buenas tardes nadie, disculpa la tardanza. Ya hice las modificaciones que has comentado. Ahora no se ve ningún producto. Gracias