Avisos
Vaciar todo

Como cambiar la posición de las especificaciones del articulo (Precio por debajo de las especificaciones)  

 
Leandro
 Leandro
Reputable Member

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

Citar
Respondido : 15/07/2014 6:21 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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

ResponderCitar
Respondido : 15/07/2014 10:38 pm

Cursos Gratuitos WordPress

Leandro
 Leandro
Reputable Member

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

ResponderCitar
Respondido : 16/07/2014 3:40 pm
Leandro
 Leandro
Reputable Member

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?

ResponderCitar
Respondido : 16/07/2014 4:14 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Lorena
 Lorena
Miembro Moderator

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.

ResponderCitar
Respondido : 16/07/2014 6:36 pm
Leandro
 Leandro
Reputable Member

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 .

ResponderCitar
Respondido : 16/07/2014 7:23 pm

Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 16/07/2014 10:12 pm
Leandro
 Leandro
Reputable Member

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.

ResponderCitar
Respondido : 18/07/2014 2:54 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pablo Velasco
 Pablo Velasco
Illustrious Member

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;
}
ResponderCitar
Respondido : 18/07/2014 1:43 pm