komzvt Posted March 23, 2012 Share Posted March 23, 2012 muy buenas COMUNIDAD... en vista a la gran aportacion que he recibido en el primer post que colgaba para solucionar los problemas que tenia, la verdad es que he quedado contento..por lo que he decidido continuar con este canal de comunicacion ( el cual puede servir a muchos con problemas similares) y dejar de un lado un poco el estar "googlenado!" muxas veces sin poder encontrar lo que quiero..... esta vez el problema es, mayor (ver adjunto)... en lso productis descatados he limitado a que solo tenga un producto por linea, lo que conlleva q tener cada producto con mayor tamaño...mi sorpresa fue al agrandar la imagen q la misma se sobre pone a los botones de Ver y Añadir a Carrito...como soluciono esto?? q los botones aparezacan abajo.. el otro pequeño inconveniente es q no he logrado centrar ...al limitar la cantidad de productos a 1 por linea la imagen deberia ponerse en el centro pero se mantiene a la izq...como soluciono esto?? centrar la imagen... y ya para terminar el fondo blanco por detrás de la imagen del producto...como quito esto??.. quedo a la espera de vuestros sabios consejos...gracias Link to comment Share on other sites More sharing options...
komzvt Posted March 23, 2012 Author Share Posted March 23, 2012 Alguna ayuda Comunidad... :S Link to comment Share on other sites More sharing options...
komzvt Posted May 3, 2012 Author Share Posted May 3, 2012 Hola comunidad...llevo varias semanas con este tema....y no llego a solucionarlo...de hecho instale la nueva version 1.4.7.3 para ver si se resolvia este problema pero no he sido capaz de encontrar el donde tocar para arreglar esto....como pueden ver en la imagen se me va al margen de la izq....y luego q la imagen esta sobre los botones de ver/añadir a carrito...espero ayudas y sugerencias... saludos Link to comment Share on other sites More sharing options...
buhoc Posted May 3, 2012 Share Posted May 3, 2012 muy buenas COMUNIDAD... en vista a la gran aportacion que he recibido en el primer post que colgaba para solucionar los problemas que tenia, la verdad es que he quedado contento..por lo que he decidido continuar con este canal de comunicacion ( el cual puede servir a muchos con problemas similares) y dejar de un lado un poco el estar "googlenado!" muxas veces sin poder encontrar lo que quiero..... esta vez el problema es, mayor (ver adjunto)... en lso productis descatados he limitado a que solo tenga un producto por linea, lo que conlleva q tener cada producto con mayor tamaño...mi sorpresa fue al agrandar la imagen q la misma se sobre pone a los botones de Ver y Añadir a Carrito...como soluciono esto?? q los botones aparezacan abajo.. el otro pequeño inconveniente es q no he logrado centrar ...al limitar la cantidad de productos a 1 por linea la imagen deberia ponerse en el centro pero se mantiene a la izq...como soluciono esto?? centrar la imagen... y ya para terminar el fondo blanco por detrás de la imagen del producto...como quito esto??.. quedo a la espera de vuestros sabios consejos...gracias Bueno por lo que se ve es un problema de "css" Tienes que adaptar los cambios a los estilos predeterminados de los css. Lo que pertenece a productos destados de la página de inicio, se encuentra en "global.css". También puede ser que tengas un css específico del Módulo "homefeacture". En cualquier caso si me pasas el enlace a la web, te digo como solucionarlo. Link to comment Share on other sites More sharing options...
nadie Posted May 3, 2012 Share Posted May 3, 2012 Si tienes la tienda online, ponla, para que veamos realmente como tienes estructurado el css en esa parte. Es posible que el fondo blanco sea de la misma miniatura. Que al redimensionar, te lo ha rellenado. Link to comment Share on other sites More sharing options...
komzvt Posted May 7, 2012 Author Share Posted May 7, 2012 Hola....gracias por vuestro interés...os dejo la url de la web alojada en un host gratuito ya que aun estoy haciendo pruebas...como podrán ver..la tienda no es la típica de venta de diferentes artículos...es mas bien tirando hacia paginas como letbonus, oferun, etc etc..es x donde quiero iniciar .... http://oetest.net23.net/prestashop/ como verán las imagenes han cambiado después de la actualizacion a la 1.4.7.3 ademas como puedo acortar el espacio vacío que hay entre la parte superior de la imagen y la parte inferior de la descripcion del producto... muchas gracias nuevamente Link to comment Share on other sites More sharing options...
buhoc Posted May 7, 2012 Share Posted May 7, 2012 (edited) Hola....gracias por vuestro interés...os dejo la url de la web alojada en un host gratuito ya que aun estoy haciendo pruebas...como podrán ver..la tienda no es la típica de venta de diferentes artículos...es mas bien tirando hacia paginas como letbonus, oferun, etc etc..es x donde quiero iniciar .... http://oetest.net23.net/prestashop/ como verán las imagenes han cambiado después de la actualizacion a la 1.4.7.3 ademas como puedo acortar el espacio vacío que hay entre la parte superior de la imagen y la parte inferior de la descripcion del producto... muchas gracias nuevamente Las imagenes flotan a la izquierda por esto: .products_block li img (línea 844) { float: left; margin-right: 0.2em; } Para acortar la distancia entre la descripción y la imgen tienes que tocar esto: #center_column div.products_block div.product_desc (línea 918) { height: 9em; color: #595a5e; overflow-x: hidden; overflow-y: hidden; } Tienes un alto fijo de 9em. Cambialo. Todo está en el global.css del theme. Edited May 7, 2012 by buhoc (see edit history) Link to comment Share on other sites More sharing options...
komzvt Posted May 7, 2012 Author Share Posted May 7, 2012 Las imagenes flotan a la izquierda por esto: .products_block li img (línea 844) { float: left; margin-right: 0.2em; } Para acortar la distancia entre la descripción y la imgen tienes que tocar esto: #center_column div.products_block div.product_desc (línea 918) { height: 9em; color: #595a5e; overflow-x: hidden; overflow-y: hidden; } Tienes un alto fijo de 9em. Cambialo. Todo está en el global.css del theme. Gracias buhoc por aportacion..te cuento q el espacio entre imagen y texto lo he solucionado...le he puesto 5 y bien...lo de centrar la imagen no fue posible...puse center y nda...incluso lo deje como comentario /* float: left; */ a ver si asi funcionaba y q va...he borrado la cache/historial del chrome y no hace caso.. Link to comment Share on other sites More sharing options...
buhoc Posted May 7, 2012 Share Posted May 7, 2012 Gracias buhoc por aportacion..te cuento q el espacio entre imagen y texto lo he solucionado...le he puesto 5 y bien...lo de centrar la imagen no fue posible...puse center y nda...incluso lo deje como comentario /* float: left; */ a ver si asi funcionaba y q va...he borrado la cache/historial del chrome y no hace caso.. Vale, Con float no lo vas a solucionar porque no acepta "center", si acaso "none". Ahora no recuerdo si la imagen está dentrp de<p> en el .tpl Si fuese así con tex-aling: center; valdría. sino te funciona me lo comentas y te doy otra solución. Link to comment Share on other sites More sharing options...
buhoc Posted May 7, 2012 Share Posted May 7, 2012 Gracias buhoc por aportacion..te cuento q el espacio entre imagen y texto lo he solucionado...le he puesto 5 y bien...lo de centrar la imagen no fue posible...puse center y nda...incluso lo deje como comentario /* float: left; */ a ver si asi funcionaba y q va...he borrado la cache/historial del chrome y no hace caso.. Perdona es: text-align:center; Link to comment Share on other sites More sharing options...
buhoc Posted May 7, 2012 Share Posted May 7, 2012 Gracias buhoc por aportacion..te cuento q el espacio entre imagen y texto lo he solucionado...le he puesto 5 y bien...lo de centrar la imagen no fue posible...puse center y nda...incluso lo deje como comentario /* float: left; */ a ver si asi funcionaba y q va...he borrado la cache/historial del chrome y no hace caso.. Si no te funciona dale a la imagen: padding-left: lo que necesites en pixel ; Link to comment Share on other sites More sharing options...
buhoc Posted May 7, 2012 Share Posted May 7, 2012 Gracias buhoc por aportacion..te cuento q el espacio entre imagen y texto lo he solucionado...le he puesto 5 y bien...lo de centrar la imagen no fue posible...puse center y nda...incluso lo deje como comentario /* float: left; */ a ver si asi funcionaba y q va...he borrado la cache/historial del chrome y no hace caso.. También te puede valer: vertical-align:middle; Bueno espero a ver que tal..... Link to comment Share on other sites More sharing options...
komzvt Posted May 7, 2012 Author Share Posted May 7, 2012 También te puede valer: vertical-align:middle; Bueno espero a ver que tal..... todas estas opciones que debo probar aun son dentro del global.css o dentro de algun otro sitio...sito comentario "Ahora no recuerdo si la imagen está dentrp de<p> en el .tpl Si fuese así con tex-aling: center; valdría." no me queda claro. Por cierto muchas gracias por tomarte la molestia de echarme una mano... Link to comment Share on other sites More sharing options...
komzvt Posted May 7, 2012 Author Share Posted May 7, 2012 todas estas opciones que debo probar aun son dentro del global.css o dentro de algun otro sitio...sito comentario "Ahora no recuerdo si la imagen está dentrp de<p> en el .tpl Si fuese así con tex-aling: center; valdría." no me queda claro. Por cierto muchas gracias por tomarte la molestia de echarme una mano... encontre la carpeta p..x si es esta a la que haces referencia prestashop/img/p pero no hay ningun .tpl...solo un php... ?? :S Link to comment Share on other sites More sharing options...
buhoc Posted May 7, 2012 Share Posted May 7, 2012 todas estas opciones que debo probar aun son dentro del global.css o dentro de algun otro sitio...sito comentario "Ahora no recuerdo si la imagen está dentrp de<p> en el .tpl Si fuese así con tex-aling: center; valdría." no me queda claro. Por cierto muchas gracias por tomarte la molestia de echarme una mano... Todo está dentro del globla.css del theme, en esta linea: .products_block li img (línea 844) { float: left; margin-right: 0.2em; } Sólo hay un problema. Lo que estás modificando pertenece al Módulo Homefeacturer, pero al estar dentro del global.css y hacer referencia a la clase .productos_block, te va a modificar la posición de las imagenes en lista..... Bueno prueba y luego visualiza los articulos listados en categoría, a ver que ocurre... Link to comment Share on other sites More sharing options...
buhoc Posted May 7, 2012 Share Posted May 7, 2012 encontre la carpeta p..x si es esta a la que haces referencia prestashop/img/p pero no hay ningun .tpl...solo un php... ?? :S Nada olvida esto del .tpl y <p> son archivos y codigo css. Link to comment Share on other sites More sharing options...
komzvt Posted May 7, 2012 Author Share Posted May 7, 2012 (edited) Todo está dentro del globla.css del theme, en esta linea: .products_block li img (línea 844) { float: left; margin-right: 0.2em; } Sólo hay un problema. Lo que estás modificando pertenece al Módulo Homefeacturer, pero al estar dentro del global.css y hacer referencia a la clase .productos_block, te va a modificar la posición de las imagenes en lista..... Bueno prueba y luego visualiza los articulos listados en categoría, a ver que ocurre... creo q lo he logrado... al final usando el Inspect element...he visto esta linea div.products_block a.product_image{ display: block; background-color: transparent; margin-bottom: 2px; margin-left: 60px; <----- Inicialmente era me parece q era 2..y lo modifique hasta que estuviera en el centro..60 +/- width: 129px; height: 129px; todo lo demas lo deja tal cual venia por defecto...float: left; gracias a las lineas q me pasates pude ir tanteando una y otra hasta q di con el asunto..como lo ves???....ahora solo me falta quitar el fondo blanco... :/ Edited May 7, 2012 by komzvt (see edit history) Link to comment Share on other sites More sharing options...
buhoc Posted May 7, 2012 Share Posted May 7, 2012 creo q lo he logrado... al final usando el Inspect element...he visto esta linea div.products_block a.product_image{ display: block; background-color: transparent; margin-bottom: 2px; margin-left: 60px; <----- Inicialmente era me parece q era 2..y lo modifique hasta que estuviera en el centro..60 +/- width: 129px; height: 129px; todo lo demas lo deja tal cual venia por defecto...float: left; gracias a las lineas q me pasates pude ir tanteando una y otra hasta q di con el asunto..como lo ves???....ahora solo me falta quitar el fondo blanco... :/ Me alegro.... Link to comment Share on other sites More sharing options...
nadie Posted May 7, 2012 Share Posted May 7, 2012 creo q lo he logrado... al final usando el Inspect element...he visto esta linea div.products_block a.product_image{ display: block; background-color: transparent; margin-bottom: 2px; margin-left: 60px; <----- Inicialmente era me parece q era 2..y lo modifique hasta que estuviera en el centro..60 +/- width: 129px; height: 129px; todo lo demas lo deja tal cual venia por defecto...float: left; gracias a las lineas q me pasates pude ir tanteando una y otra hasta q di con el asunto..como lo ves???....ahora solo me falta quitar el fondo blanco... :/ El fondo blanco de las imágenes no va con css Link to comment Share on other sites More sharing options...
komzvt Posted May 7, 2012 Author Share Posted May 7, 2012 Me alegro.... Oy buhoc Muchas gracias...por el tiempo y las indicaciones..si no me hubieras guiado no hubiera podido encontrar las lineas adecuadas...muchas gracias... Link to comment Share on other sites More sharing options...
komzvt Posted May 7, 2012 Author Share Posted May 7, 2012 El fondo blanco de las imágenes no va con css Y donde puedo cambiar el fondo blanco...en algún .tpl ? :S gracias por la ayuda..algun link antiguo q tengas de alguna ayuda a otro rookie como yo Link to comment Share on other sites More sharing options...
nadie Posted May 7, 2012 Share Posted May 7, 2012 Y donde puedo cambiar el fondo blanco...en algún .tpl ? :S gracias por la ayuda..algun link antiguo q tengas de alguna ayuda a otro rookie como yo Respecto al fondo de la imágenes (miniaturas), revisa este enlace: http://www.prestasho...ain-background/ Link to comment Share on other sites More sharing options...
komzvt Posted May 7, 2012 Author Share Posted May 7, 2012 (edited) El fondo blanco de las imágenes no va con css gracias por tomarte la molestia....revisare el link....gracias... Edited May 7, 2012 by komzvt (see edit history) Link to comment Share on other sites More sharing options...
nadie Posted May 7, 2012 Share Posted May 7, 2012 gracias por tomarte la molestia....revisare el link....gracias... O prueba con este modulo: http://catalogo-onli...de-relleno.html que es free. Link to comment Share on other sites More sharing options...
komzvt Posted May 7, 2012 Author Share Posted May 7, 2012 O prueba con este modulo: http://catalogo-onli...de-relleno.html que es free. pruebo las dos opciones y os cuento algo...ahora estoy documentando donde toco y modifico cada cosa...q como estoy aun en entorno de pruebas cuando pase a producción seguramente empiece de cero con la version 1.5 y no quiero estar tratando de adivinar donde toque cada cosa....asi q pruebo y os cuento... gracias... Link to comment Share on other sites More sharing options...
nadie Posted May 7, 2012 Share Posted May 7, 2012 pruebo las dos opciones y os cuento algo...ahora estoy documentando donde toco y modifico cada cosa...q como estoy aun en entorno de pruebas cuando pase a producción seguramente empiece de cero con la version 1.5 y no quiero estar tratando de adivinar donde toque cada cosa....asi q pruebo y os cuento... gracias... Bueno, pues cualquier duda estaremos por el foro! Un Saludo! Link to comment Share on other sites More sharing options...
komzvt Posted May 8, 2012 Author Share Posted May 8, 2012 Respecto al fondo de la imágenes (miniaturas), revisa este enlace: http://www.prestasho...ain-background/ no tendrás uno en español?? :s Link to comment Share on other sites More sharing options...
nadie Posted May 8, 2012 Share Posted May 8, 2012 no tendrás uno en español?? :s Has probado este modulo: http://catalogo-onlinersi.com.ar/es/modulos-ps-11-a-15/255-imagenes-de-color-de-relleno.html ? Link to comment Share on other sites More sharing options...
komzvt Posted May 9, 2012 Author Share Posted May 9, 2012 Has probado este modulo: http://catalogo-onlinersi.com.ar/es/modulos-ps-11-a-15/255-imagenes-de-color-de-relleno.html ? si, lo he probado y veo como cambian los colores...pero....si le pongo el color gris q viene por defecto luego cuando pinchas en el producto y t lleva al producto en detalle, entonces alli se veo el color gris en los bordes...como quien dice...arreglas algo por delante y por detrás lo dejas peor...actualmente lo tengo puesto asi...salvo q la imagen del detalle (la mas grande) ocupe todo el retangulo o espacio ....tenias algun solución... Link to comment Share on other sites More sharing options...
nadie Posted May 9, 2012 Share Posted May 9, 2012 si, lo he probado y veo como cambian los colores...pero....si le pongo el color gris q viene por defecto luego cuando pinchas en el producto y t lleva al producto en detalle, entonces alli se veo el color gris en los bordes...como quien dice...arreglas algo por delante y por detrás lo dejas peor...actualmente lo tengo puesto asi...salvo q la imagen del detalle (la mas grande) ocupe todo el retangulo o espacio ....tenias algun solución... Ese modulo efectivamente cambia el fondo de todas las imágenes. (Supongo que una vez cambiado el color, has regenerado las miniaturas, en la pestaña Preferencias/Imágenes) no? Link to comment Share on other sites More sharing options...
komzvt Posted May 10, 2012 Author Share Posted May 10, 2012 Ese modulo efectivamente cambia el fondo de todas las imágenes. (Supongo que una vez cambiado el color, has regenerado las miniaturas, en la pestaña Preferencias/Imágenes) no? si las regenero.....lo q hice fue..copiar el color #D0D3D8 q viene x defecto del fondo....lo coloco en la config del modulo....luego regenero...se ve bien en la pag. principal...luego al pinchar en un producto determinado el fondo de la magen me sale del color gris x defecto D0D3D8...por eso preguntaba si no habia forma de q no afectara las imagenes q estan en los detalles para q estas tengan fondo blanco...saludos... Link to comment Share on other sites More sharing options...
Recommended Posts