Jump to content

Modulo destacado en inicio ( aumentar tamaño imagenes y poner 4 filas )

rafatfe1
 Share

Recommended Posts

rafatfe1 Newbie

rafatfe1

Posted
Posted (edited)

Hola, posiblemente la solucion sea sencilla pero entre tantas funciones que tiene el backoffice me estoy perdiendo un poco.

 

Quisiera en el inicio donde se muestran los productos destacados, aumentar un poco el tamaño de la imagen y tambien que me salgan 4 por fila, ( ahora solo salen 3 )

 

Ademas, siempre se pone al lado de la foto la palabra " nuevo " y eso quisiera quitarlo, pero no veo donde.

 

En el modulo dentro del admin solo se puede cambiar el numero de productos a mostrar, pero nada mas, o yo no lo veo

 

alguna ayuda por favor ??

Edited by rafatfe1 (see edit history)
Link to comment
Share on other sites
Feliz Garcia Newbie

Feliz Garcia

Posted
Posted (edited)

Hola, posiblemente la solucion sea sencilla pero entre tantas funciones que tiene el backoffice me estoy perdiendo un poco.

 

Quisiera en el inicio donde se muestran los productos destacados, aumentar un poco el tamaño de la imagen y tambien que me salgan 4 por fila, ( ahora solo salen 3 )

 

Ademas, siempre se pone al lado de la foto la palabra " nuevo " y eso quisiera quitarlo, pero no veo donde.

 

En el modulo dentro del admin solo se puede cambiar el numero de productos a mostrar, pero nada mas, o yo no lo veo

 

alguna ayuda por favor ??

 

Yo soy un total novato, pero quizás esto te ayude:

 

Para cambiar los productos por fila.

 

Edita el

 

/themes/su-plantilla/modules/homefeatured/homefeatured.tpl

 

Y mira si tienes esto:

 

{assign var='nbItemsPerLine' value=4}

 

 

Sino lo tienes, y lo tienes con un 3 coloca un 4.

 

Luego habria que ver el css para ver si lo tienes limitado.. (homefeatured.css)

 

Para las imagenes mas grandes, pestaña preferencias - imagenes - nuevo tipo de imagenes medidas las que quieras y luego editas el homefeatured.tpl y asignas el nuevo tipo de imagen creado.

Edited by Feliz Garcia (see edit history)
  • Like 1
Link to comment
Share on other sites
rafatfe1 Newbie

rafatfe1

Posted
  • Author
Posted (edited)

en el homefeatured.tpl esta marcado 4, te pongo el codigo:

 

<div class="block_content">
  {assign var='liHeight' value=250}
  {assign var='nbItemsPerLine' value=4}
  {assign var='nbLi' value=$products|@count}
  {math equation="nbLi/nbItemsPerLine" nbL

 

 

el homefeatured.css no lo veo por ninguna parte ¿?¿?¿?

 

 

¿ y lo de " nuevo " ? al lado de las fotos en los destacados tambien ¿ eso se quita desde el admin ?

 

saludos y gracias por ayudarme

 

EDITO: lo del tamaño si logre solucionarlo

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

nadie

Posted
Posted

 

 

 

¿ y lo de " nuevo " ? al lado de las fotos en los destacados tambien ¿ eso se quita desde el admin ?

 

 

Buenas dias,

 

Si quieres que lo de "Nuevo" no se vea nunca, ni en los listados de productos, ni en el bloque de productos destacados, ni en la ficha del producto, ve a la pestaña

 

Preferencias -> Productos y aqui:

 

Número de días en los que se considera el producto "nuevo"

 

señala

 

0

 

Si solamente, quieres que no se vea la banda de nuevo en el bloque de productos destacados, ve al fichero:

 

modules/homefeatured/homefeatured.css

 

Busca 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);
}

 

Y dejalo asi:

 

#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);
display:none;
}

Link to comment
Share on other sites
rafatfe1 Newbie

rafatfe1

Posted
  • Author
Posted

Buenas dias,

 

Si quieres que lo de "Nuevo" no se vea nunca, ni en los listados de productos, ni en el bloque de productos destacados, ni en la ficha del producto, ve a la pestaña

 

Preferencias -> Productos y aqui:

 

Número de días en los que se considera el producto "nuevo"

 

señala

 

0

 

Si solamente, quieres que no se vea la banda de nuevo en el bloque de productos destacados, ve al fichero:

 

modules/homefeatured/homefeatured.css

 

Busca 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);
}

 

Y dejalo asi:

 

#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);
display:none;
}

 

 

Gracias

 

Lo de nuevo lo he hecho, desde el admin, poniendo cero como me decias ( he ido a lo sencillo jejejjeejej )

 

Ahora he conseguido que me salgan 4 productos por fila, pero las imagenes salen todas pegadas.......

 

¿ como puedo dejar un poco de " espacio blanco " entre productos ?????

 

 

Gracias

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Gracias

 

Lo de nuevo lo he hecho, desde el admin, poniendo cero como me decias ( he ido a lo sencillo jejejjeejej )

 

Ahora he conseguido que me salgan 4 productos por fila, pero las imagenes salen todas pegadas.......

 

¿ como puedo dejar un poco de " espacio blanco " entre productos ?????

 

 

Gracias

 

¿Puedes mostrarme la direccion de tu web, para que vea como se te ve?

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Por defecto, en el fichero:

 

modules/homefeatured/homefeatured.css

 

Aqui:

 

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

 

Hay ya un "margin-right" margen derecho de 10 pixeles... no se como se vera en tu caso....

 

Si me dices la direccion de tu tienda, supongo que podremos ver..

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Lo estoy haciendo todo en local :unsure:

 

de todas formas, dentro del modulo homefeatured, solo esta el .tpl

 

el .css no esta, solo hay un archivo :blink: :blink:

 

Es que si estas buscando el css aqui:

 

/themes/tu-plantilla/modules/homefeatured/homefeatured.css

 

No lo encontraras, el css lo encontraras aqui:

 

/modules/homefeatured/homefeatured.css

 

Y si lo tienes sobreescrito en la plantilla, tambien aqui:

 

/themes/tu-plantilla/css/modules/homefeatured/homefeatured.css

Link to comment
Share on other sites
rafatfe1 Newbie

rafatfe1

Posted
  • Author
Posted

themes/plantilla/css/..............................

 

ahi no hay ninguna carpeta " modules "

 

solo hay archivos .css y no esta el homefeatured.css

 

:wacko: :wacko:

Es la version 1.5.4 ¿ quizas se llama de otra forma ?

:wacko:

:wacko:

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

themes/plantilla/css/..............................

 

ahi no hay ninguna carpeta " modules "

 

solo hay archivos .css y no esta el homefeatured.css

 

:wacko: :wacko:

 

Es la version 1.5.4 ¿ quizas se llama de otra forma ?

 

:wacko:

 

:wacko:

 

Busca, fuera de la carpeta de la plantilla.

 

/modules/homefeatured/homefeatured.css

 

(Fuera de la carpeta de la plantilla)

Link to comment
Share on other sites
rafatfe1 Newbie

rafatfe1

Posted
  • Author
Posted

ya lo encontre !!!!!!!!!

 

el codigo pone exactamente lo que me pusistes mas arriba:

 

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

 

 

lo que quiero hacer es:

 

- por ejemplo en la primera linea donde salen los 4 primeros productos, separar un poco los productos entre si, concretamente las fotos, que ahora mismo salen todas pegadas.

 

algo asi como dejar un poco de " aire " entre fotos

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

ya lo encontre !!!!!!!!!

 

el codigo pone exactamente lo que me pusistes mas arriba:

 

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

 

 

lo que quiero hacer es:

 

- por ejemplo en la primera linea donde salen los 4 primeros productos, separar un poco los productos entre si, concretamente las fotos, que ahora mismo salen todas pegadas.

 

algo asi como dejar un poco de " aire " entre fotos

Muestame, como se te ven los productos, con una captura.

Link to comment
Share on other sites
rafatfe1 Newbie

rafatfe1

Posted
  • Author
Posted (edited)

thump_8480369enviar-foro.jpg

el tema es que salen las fotos y el producto en si, unido uno con otro, no hay nada de separacion entre ellos, al igual que el botoncito amarillo

 

eso es lo que quiero separar un poco

 

el rallado en azul al lado de la fresa, es para que veas lo que quiero separar.

 

Eso es el espacio que quiero ampliar

Edited by rafatfe1 (see edit history)
Link to comment
Share on other sites
Herland Newbie

Herland

Posted
Posted

Es difícil hacer los cambios css si no tenemos tu web para verla, y revisar el css de ahí. Generamente yo amplío el wrapper para que me quepan más productos. Hay que hacer reducción del ancho de los productos, y otros ajustes dependiendo de la estructura de la página. Si puedes súbela a un server.

Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted

thump_8480369enviar-foro.jpg

el tema es que salen las fotos y el producto en si, unido uno con otro, no hay nada de separacion entre ellos, al igual que el botoncito amarillo

 

eso es lo que quiero separar un poco

 

el rallado en azul al lado de la fresa, es para que veas lo que quiero separar.

 

Eso es el espacio que quiero ampliar

 

Me cuelo por aqui para molestar como de costumbre.

 

pero si hay esta todo justito.

 

Si la columna central no tiene mas espacio, o amplias el contenedor, y luego amplias el ancho de las columnas, o eliminar la columna derecha o izquierda para la pagina principal y ampliar el ancho de la central, o dejas los productos que se impriman de 3 en 3.. o reduces el tamaño de las imagenes y el ancho de los li de los productos destacados.

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