Hola, soy novato y ya iniciando me encuentro con una problema.
En el carrito de compra el precio tiene un espacio así tan grande que casi no se ven las especificaciones.
Mi deseo es poner las especificaciones arriba y el precio por debajo.
Ideal sería dividir las especificaciones en dos columna (ver archivo "Especificaciones de un articulo.jpg")
URL del sitio: Contenido solo visible a usuarios registrados
Hola Leandro
Creo que tendrías que mover varias cosas a nivel de programación para lograr lo que quieres, es decir la parte inferior no es sólo descripción sino también tabs que muestran más info.
De acuerdo al diseño que has puesto, lo que podrías evaluar es definir la imagen a un tamaño real, puedes probar cambiando el tamaño de la imagen y se vería mejor
Revisa primero el siguietne artículo para agregar un archivo css a tu plantilla gantry
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html
Luego agregar el siguiente código
.woocommerce-page #content div.product div.images img{ width:auto!important; }
Con esto la imagen se verá más pequeña y el diseño se verá mejor ya que verás la descripción de la parte inferior más accesible
Saludos
Hola Jhon
Gracias por tu detallada respuesta. Entendi el contesto, siendo novado voy a hacer estos cambios con un amigo que save mas que yo.
Gracias, Saludos Leandro
Hola Jhon
Escribiendo texto en el cuadre "Descripción corta
" tuvo la idea de preparar un cuadro de texto en WORD y pegarlo en este cuadre de descripcion. Esto no es lo qu?e yo queria, pero es algo.
Mi duda; Esta solución no provoca problemas algunos, como actualizacion de la Plantilla o que se yo?
Hola Leandro,
Efectivamente, si más adelante actualizas la plantilla, la modificación en el css se perdería.
Lo que se hace habitualmente es documentarlo y repetir la modificación una vez se haya actualizado.
Saludos.
Gracias Lorena
Agradezco tu respuesta, estoy pero un poco confundido. si escribo un texto en la "DESCRIPCIÖN CORTA DEL PRODUCTO" Aunque sea HTML eso se borra Actualizando la plantilla?? Si no me equivoco un archivo CSS administra el formato del texto pero no el texto mismo .
Hola Leandro
Creo que hubo una confusión, si escribes html como parte de la descripción de tu producto esta información se almacena en la BD y no depende de los archivos de tu plantilla, por lo tanto no perderás esta modificación a tu descripción.
Saludos.
Hemos creado ese archivo con tu código y funciona bien.
My problema ahora es los siguientes:
Tengo solo imágenes pequeñas y de mala calidad. No puedo ampliarla mucho porque se ponen borrosas. Si uso imágenes pequeñas, la pagina del carrito de compra se ve muy fea con una foto pequeña, perdida a la izquierda.
Mi pregunta es; Se puede el tamaño del Frame de la imagen?
Así tendría yo más espacio a la derecha para mas texto.
Hola,
Para cambiar el espacio reservado para la imagen del producto y para los datos que se muestran a su derecha edita el archivo wp-content/themes/epimeteo_wp/css/epimeteo_wp-custom.css y agrega al final el siguiente código:
div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images { width: 24% !important; } div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { width: 73% !important; }