Jump to content

CSS de productos nuevos al cambiarlo de Hook Presta 1.5.6.2


mialge

Recommended Posts

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 by nadie (see edit history)
Link to comment
Share on other sites

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 by mialge (see edit history)
Link to comment
Share on other sites

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 by nadie (see edit history)
Link to comment
Share on other sites

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

Link to comment
Share on other sites

  • 2 weeks later...

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.

Link to comment
Share on other sites

  • 4 weeks later...
  • nadie locked this topic
Guest
This topic is now closed to further replies.
×
×
  • Create New...