Jump to content

hola soy nuevo una pregunta tengo la pagina casi terminiada pero

acavance
 Share

Recommended Posts

jaloise Newbie

jaloise

Posted
Posted

pero me deja mucho espacio entre las fotos y el nombre y el precio, como lo puedo solucionar

 

gracias

COmo estu pagina? en que parte de la pagina te pasa eso?

 

Por ultimo yo cambiaria el titu lo a: Margen entre fotos y nombre...

 

Ya que el titu lo que pusiste ees mas parte deel mensaje y nodescribe el problema

 

SAludos.

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted (edited)

ok lo hago, pero lo que me pasa es que cuando le doy a una categoria de producetos mes pasa esto ,es como hay mucho espacio entre los nombres y el precio y quiero que sea solo un espacio muy pequeño

casio-marine-gear-seapathfinder.jpg

 

Collar princesa

 

Collar princesa

14,52 €Añadir al carrito Vista

 

Bueno busca esto

 

/themes/theme563/css/blocks.css

 

En este archivo :blocks.css aprox linea 1222

 

encontras esto:

#featured-products_block_center div.product_image {
 position: relative;
 overflow: hidden;
 text-align: center;
 margin-bottom: 33px;
}

dejalo asi:

#featured-products_block_center div.product_image {
 position: relative;
 overflow: hidden;
 text-align: center;
 margin-bottom: 2px;
}

 

Entonces mas chico sea el numero de margin bottom menos distancia

 

margin-bottom: 2px;

ESto es para corregir el problema en productos de stacados.

SAludos

Edited by jaloise (see edit history)
Link to comment
Share on other sites
acavance Newbie

acavance

Posted
  • Author
Posted

lo he hecho pero no sale ruego ayuda

www.basicosdebisuteria.com si ves la pagina de inicio si lo hace pero si te metes en categorias pulseras veras que grande es como lo puedo hacer para que esto todo muy junto

 

gracias

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

lo he hecho pero no sale ruego ayuda

www.basicosdebisuteria.com si ves la pagina de inicio si lo hace pero si te metes en categorias pulseras veras que grande es como lo puedo hacer para que esto todo muy junto

 

gracias

si lees el msj que te puse aclare que eso era solo para los productos destacados, o sea, el inicio... Ahora te paso el resto porq son diferentes archivos a modificar... Para categorias, ofertas, novedades son diferentes archivos... De apoco, el que te puse arriba anduvo bien??
Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

si mil gracias espero los demas

 

de verdad muchas gracias

 

Como prometi aca estoy devuelta, vamos con el margen en las categorias o sea, por ejemplo aca:

http://www.basicosdebisuteria.com/8-collares

 

themes/tutema/css/global.css buscas esto:

 

 

#center_column h2,
#center_column h3,
#center_column h4 {
 color: #333;
 font-size: 12px;
 font-weight: bold;
 padding: 0px 0 20px;
 line-height: 15px;
}

 

Y lo dejas así:

 

 

#center_column h2,
#center_column h3,
#center_column h4 {
 color: #333;
 font-size: 12px;
 font-weight: bold;
 padding: 0px;
 line-height: 15px;
 text-align:center;
}

Despues en themes/tutema/css/product_list.css encontras esto 

#product_list.grid .center_block p {
 margin-bottom: 10px;
 height: 44px;
 overflow: hidden;
 padding-bottom: 0;
}

dejalo asi: 

#product_list.grid .center_block p {
 height: 44px;
 overflow: hidden;
 padding-bottom: 0;
}

Esto es para modificar el espacion en la lisa de productos un saludo... Avisame si funciono y seguimos...

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

ok pero sin lista tal y como esta la foto y el precio y claro esta añadir al carrito

 

Es decir que los quieres dejar solo en cuadricula pero sin opcion a que se vea en formato listado uno debajo de otro ¿no?

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

Es decir que los quieres dejar solo en cuadricula pero sin opcion a que se vea en formato listado uno debajo de otro ¿no?

 

Si, decile vos como es porque justo estoy ocupado... Yo lo haria con CSS o COMENTANDO el TPL asi puede volver atras...

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

como esto

 

danforth-compass-saturn-bulkhead-mount.jpg

 

10.34€

 

 

 

pero sin espacios entre la foto y el precio y sin espacio entre el precio y el añadir a carrito

 

Ahora mismo se te ve tanta altura, por que en el fichero:

 

http://www.basicosdebisuteria.com/themes/theme563/css/product_list.css

 

tienes esto:

 

#product_list.grid .center_block p {
 margin-bottom: 0px;
 height: 44px;
 overflow: hidden;
 padding-bottom: 0;
}

 

Puedes reducir el:

 

height

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Tambien en el mismo fichero,

 

http://www.basicosdebisuteria.com/themes/theme563/css/product_list.css

 

tienes esto:

 

#product_list.grid h3 {
min-height: 36px;
}

 

es decir una altura minima en el nombre (titulo del producto), bajale el min-height unos pixeles.

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

Al mismo archivo css anterior hacele esto:

 

 

Encontras esto:

 

#product_list.grid .center_block p {
 margin-bottom: 0px;
 height: 5px;
 overflow: hidden;
 padding-bottom: 0;
}

 

 

dejalo asi

 

 

#product_list.grid .center_block p {
 margin-bottom: 0px;
 height: 5px;
 overflow: hidden;
 padding-bottom: 0;
 display:none;
}

y despues a 

#product_list.grid .right_block {
 text-align: left;
}

y dejalo asi 

#product_list.grid .right_block {
 text-align: center;
}

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Al mismo archivo css anterior hacele esto:

 

 

Encontras esto:

 

#product_list.grid .center_block p {
 margin-bottom: 0px;
 height: 5px;
 overflow: hidden;
 padding-bottom: 0;
}

 

 

dejalo asi

 

 

#product_list.grid .center_block p {
 margin-bottom: 0px;
 height: 5px;
 overflow: hidden;
 padding-bottom: 0;
 display:none;
}

 

 

Ahora mismo tienes un 5, por que lo ha puesto el usuario en cuestion, ten en cuenta que con un display none, la descripcion del producto no se vera, ahora se ve cortada y casi no se ve por que ha puesto un height de 5px, si le pones un display none, no se vera directamente tambien, pero lo normal es que se vea la descripcion del producto.

 

¿O no quieres que sea vea nunca?

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

 

 

Ahora mismo tienes un 5, por que lo ha puesto el usuario en cuestion, ten en cuenta que con un display none, la descripcion del producto no se vera, ahora se ve cortada y casi no se ve por que has puesto un height de 5px, si le pones un display none, no se vera directamente tambien, pero lo normal es que se vea la descripcion del producto.

 

¿O no quieres que sea vea nunca?

 

Es lo que quiere el... Qe solo se vea el titulo y el precio. Sin descripcion.... Por lo menod eso es lo que entendi por sus explicaciones.

 

Saludos Nadie!

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Es lo que quiere el... Qe solo se vea el titulo y el precio. Sin descripcion.... Por lo menod eso es lo que entendi por sus explicaciones.

 

Saludos Nadie!

Pues entoces vale como tu dices, o tambien vale si vas al fichero:

 

http://www.basicosdebisuteria.com/themes/theme563/product-list.tpl

 

Buscas esto:

 

  <p class="product_desc">{$product.description_short|strip_tags:'UTF-8'|truncate:320:'...'}</p>

 

y te lo cargas directamente...

 

(Aunque con lo que tu dices tambien vale)

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Otra cosa, que me acabo de dar cuenta, el boton del carrito y vista se te seguira viendo un poco hacia "abajo"

 

En el fichero:

 

http://www.basicosdebisuteria.com/themes/theme563/css/product_list.css

 

aquí:

 

#product_list.grid .right_block .price {
 padding-bottom: 15px;
 display: block;
}

 

dejalo asi:

 

#product_list.grid .right_block .price {
 padding-bottom: 0px;
 display: block;
}

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

 

Pues entoces vale como tu dices, o tambien vale si vas al fichero:

 

http://www.basicosdebisuteria.com/themes/theme563/product-list.tpl

 

Buscas esto:

 

  <p class="product_desc">{$product.description_short|strip_tags:'UTF-8'|truncate:320:'...'}</p>

 

y te lo cargas directamente...

 

(Aunque con lo que tu dices tambien vale)

 

Claro que si... Pero no se cuanta experiencia tiene el usuario y tocar el css es menos riesgoso que tocar un tpl... Y tocar un tpl es menos riesgoso que tocar un php jajajajaja en mi oipinion..

 

Un saludo

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

En definitiva, con lo ultimo que te ha comentado Jaloise:

 

 

Al mismo archivo css anterior hacele esto:

 

 

Encontras esto:

 

#product_list.grid .center_block p {
 margin-bottom: 0px;
 height: 5px;
 overflow: hidden;
 padding-bottom: 0;
}

 

 

dejalo asi

 

 

#product_list.grid .center_block p {
 margin-bottom: 0px;
 height: 5px;
 overflow: hidden;
 padding-bottom: 0;
 display:none;
}

y despues a

#product_list.grid .right_block {
 text-align: left;
}

y dejalo asi 

#product_list.grid .right_block {
 text-align: center;
}

 

Y lo que te he comentado yo ahora en el ultimo mensaje:

 

 

Otra cosa, que me acabo de dar cuenta, el boton del carrito y vista se te seguira viendo un poco hacia "abajo"

 

En el fichero:

 

http://www.basicosdebisuteria.com/themes/theme563/css/product_list.css

 

aquí:

 

#product_list.grid .right_block .price {
 padding-bottom: 15px;
 display: block;
}

 

dejalo asi:

 

#product_list.grid .right_block .price {
 padding-bottom: 0px;
 display: block;
}

 

Se te quedara asi:

 

carritoverboton.png

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Claro que si... Pero no se cuanta experiencia tiene el usuario y tocar el css es menos riesgoso que tocar un tpl... Y tocar un tpl es menos riesgoso que tocar un php jajajajaja en mi oipinion..

 

Un saludo

Yo solo lo he comentado :)

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

sois unos maquinas ahora como hago para centar el precio

 

Ya esta todo comentado en el post, pero pareceq ue no hiciste esta ultima parte...

 

En el archivo ese encontras esto:

 

#product_list.grid .right_block {
text-align: left;
}

 

 

y lo dejas asi:

 

#product_list.grid .right_block {
text-align: center;
}

Link to comment
Share on other sites
acavance Newbie

acavance

Posted
  • Author
Posted

tocar el tpl me da miedoooooooo pensar que soy en cazuro en esto, no soy experto como vosotros que lo haceis con los ojos cerrados

 

si deciros que no se como agradeceros toda la ayuda prestada, gracias de verdad por todo si alguna vez me necesitais aqui estoy

 

como he dicho lo del tpl lo dijo para mas adelante cuando tenga un par 00 para hacerlo

solo una cosa entre la foto y la primera descripcion hay mucho espacio como lo puedo quitar todo

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

tocar el tpl me da miedoooooooo pensar que soy en cazuro en esto, no soy experto como vosotros que lo haceis con los ojos cerrados

 

si deciros que no se como agradeceros toda la ayuda prestada, gracias de verdad por todo si alguna vez me necesitais aqui estoy

 

como he dicho lo del tpl lo dijo para mas adelante cuando tenga un par 00 para hacerlo

solo una cosa entre la foto y la primera descripcion hay mucho espacio como lo puedo quitar todo

 

Comentario 33 es lo que buscas para que qquede como vos queres... va a quedar comote muestra Nadie en el comentraio 39

 

Saludos!

 

O si no lee directamente el Comentario 39 que Nadie te hizo un resumen para que no te confundas...

Link to comment
Share on other sites
acavance Newbie

acavance

Posted
  • Author
Posted

perdonar pero he estado malito y ya estoy bien, gracias por vuestra ayuda

 

una cosa me decis que para quetir todo y que solo aparezca la foto y justo debajo el precio tengo que quitar unas lineas del fichero .tpl como se hace y con que programa lo quito gracias

 

es que no le gusta como queda solo quiere foto y precio justo debajo y centrado

 

gracias a todos

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

perdonar pero he estado malito y ya estoy bien, gracias por vuestra ayuda

 

una cosa me decis que para quetir todo y que solo aparezca la foto y justo debajo el precio tengo que quitar unas lineas del fichero .tpl como se hace y con que programa lo quito gracias

 

es que no le gusta como queda solo quiere foto y precio justo debajo y centrado

 

gracias a todos

 

NO hace falta tocar ningun tpl... SI haces lo que te dije anteriormente se va a poner como vos queres...

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

Yo no veo que hayas aplicado esta parte:

 

 

Encontras esto:

 

 

#product_list.grid .center_block p {

margin-bottom: 0px;

height: 5px;

overflow: hidden;

padding-bottom: 0;

}

 

 

dejalo asi

 

 

 

#product_list.grid .center_block p {

margin-bottom: 0px;

height: 5px;

overflow: hidden;

padding-bottom: 0;

display:none;

}

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted (edited)

En definitiva, con lo ultimo que te ha comentado Jaloise:

 

 

 

 

Y lo que te he comentado yo ahora en el ultimo mensaje:

 

 

 

 

Se te quedara asi:

 

carritoverboton.png

 

Si seguis todas las indicaciones te tiene que quedar como lo de arriba.... Una explicacion mas prolija imposible.

Edited by jaloise (see edit history)
Link to comment
Share on other sites
acavance Newbie

acavance

Posted
  • Author
Posted

perdona pero me he liado con tanto e-mail tu ruego si no te importa repetirmelo para hacerlo ahora mismo

como te explique solo quiero foto y precio sin explicacion de nada la explicacion saldra cuando le de al carrito de compra

 

gracias jaloise

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

perdona pero me he liado con tanto e-mail tu ruego si no te importa repetirmelo para hacerlo ahora mismo

como te explique solo quiero foto y precio sin explicacion de nada la explicacion saldra cuando le de al carrito de compra

 

gracias jaloise

 

Reele el post... Comentario 39 pagina 2 comentario de moderador Nadie...

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

FOTO

PRECIO

CARRITO

 

es decir solo foto abajo el precio y abajo el carrito

 

 

 

foto

 

 

 

no sale bien

es

foto

precio

añadir a carrito

uno debajo del otro pero sin nada mas

O sea sacar el titulo...

BUsca esto:

 

#product_list.grid h3 {
min-height: 0;
}

 

Dejalo asi:

 

#product_list.grid h3 {
min-height: 0;
display: none;
}

 

Saludso!

Link to comment
Share on other sites
jaloise Newbie

jaloise

Posted
Posted

hecho

gracias por fin :D :D :D :D :D :D :D :D :D :D

 

ahora como quito el espacio :ph34r:

 

Busca esto

 

#product_list.grid .center_block {
padding: 15px 0 0 0;
text-align: left;
}

 

dejalo asi

 

 

#product_list.grid .center_block {
padding: 0px;
text-align: left;
}

Link to comment
Share on other sites
acavance Newbie

acavance

Posted
  • Author
Posted

estimado jaloise , me puedes mirar el tema de la categoria de pendientes me queda mucho espacio entre la cabecera y la primeras fotos como quito ese espacio

y luego el espacio en collares queda perfecto el precio justo abajo pero en las demas categorias no como lo hago

 

un saludo

Link to comment
Share on other sites
acavance Newbie

acavance

Posted
  • Author
Posted

POR CIERTO

PARA VICTOR JOSE EL MODERADOR, JALOISE Y RUBALCABA MUCHAS GRACIAS POR LA AYUDA, PUEDO OFRECEROS POCO PERO QUE SEPAIS QUE TENEIS LO QUE ELIJIAS DE LA PAGINA GRATIS, ES LO MINIMO QUE PUEDO HACER POR GENTE COMO VOSOTROS QUE AYUDAIS A LOS DEMAS

CONTAR SIEMPRE CON LO QUE QUERRIAS ----------BUENO NO INSISTA UNO NO DOS --UNA PARA LA PARA LA PARIENTA Y EL OTRO PARA JEJEJEJ LA AMIGUITA LO DICHO GRACIAS

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