Avisos
Vaciar todo

Los cambios CSS de distribución o diseño de campos que realizo en Wocommerce se deshacen cuando se actualiza el plugin  

 
Guillermo
 Guillermo
Estimable Member

Hola Pepe,

Lo siento, pero he tenido que abrir de nuevo este tema, ya que como podrás observar en la captura de pantalla que estoy adjuntando, no logro hacer que los campos de los atributos de la ficha de artículo se alineen con los campos de referencia, Talla y Color. Si puedes ayudar con esto te lo agradezco.

Por otro lado, me habéis dicho que si al realizar un cambio CSS en el theme hijo no obtenía el resultadoi esperado, os lo hiciera saber, pues ahora mismo he intentado hacerlo, es decir, he colocado el código que me has indicado en el otro hilo, lo he colocado en el archivo Style.css del theme hijo, es decir, en el Epik, pero no obtengo ningún cambio, sin embargo, he hecho lo mismo en el propio plugin, en su archivo woocommerce.css e inmediatamente ha funcionado el cambio. A esto era a lo que refería en el otro hilo. También creo recordar que hace unos días he tenido que realizar un cambio que tenía que ver con la ubicación y diseño de un campo y, he tenido que hacerlo en el archivo woocommerce-layout.css

Perdóname por marearte, pero me encuentro confundido. Muchas gracias.

Saludos.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 08/04/2017 4:42 pm
Guillermo
 Guillermo
Estimable Member

Disculpa Pepe,

Te vuelvo a enviar la captura de pantalla porque creo que no la podrás abrir por su peso. Con esta no tendrás problema.

Saludos.

ResponderCitar
Respondido : 08/04/2017 4:47 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Guillermo.

Necesito que tengas la web activa para poder ver lo que nos comentas y realizar las pruebas.

Copia la carpeta woocommerce a /wp-content/themes/tu_plantilla y todas las modificaciones que tengas que realizar las realizas en esa carpeta.

Un saludo

ResponderCitar
Respondido : 08/04/2017 6:31 pm
Guillermo
 Guillermo
Estimable Member

Hola Pepe,

Perdona, pero como tenía que salir, la he tenido que desactivar. Ahora ya está activa.

Por otro lado, ya he copiado la carpeta woocommerce en mi theme hijo Epik.

Quedo a la espera de tus instrucciones. Gracias.

Saludos.

ResponderCitar
Respondido : 08/04/2017 9:55 pm

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Guillermo, Buenos Días.
Añade lo siguiente al archivo styles.css que encontraras en la wp-content/themes/epik/style.css

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    width: 62% !important;
}

Este es el resultado:

Un saludo

ResponderCitar
Respondido : 09/04/2017 11:04 am
Guillermo
 Guillermo
Estimable Member

Hola Pepe, buenos días,

Gracias por tu ayuda. Veras, lo que me indicas ya lo había hecho porque tu mismo en otro hilo ya me lo habías sugerido, lo que ha pasado es que al actualizarse el plugin de woocommerce, se ha perdido también ese cambio, pero ya lo he vuelto a colocar.

Ahora el problema es que para los cambios css que me has dicho que los siguiera realizando en la carpeta que he copiado de woocommerce en el archivo del theme hijo Epik, no surten efecto, sin embargo, cuando lo hago directamente en la carpeta original, sí que se realizan los cambios. Lo cierto es que ahora mismo esa carpeta no afecta para nada. Seguro que no tengo que hacer algo más para poder activar todos los cambios que se realicen dentro de ella?.

A la espera de tus sugerencias e indicaciones, te saludo atentamente.

ResponderCitar
Respondido : 09/04/2017 12:37 pm

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

Guillermo
 Guillermo
Estimable Member

Perdona Pepe, que se me olvido preguntaros cómo disminuir aún más el tamaño de las cajas de los nuevos atributos, es decir, en cuanto a la posición ya está claro, gracias a ti, pero es posible disminuir su tamaño?, pero sólo de las cajas?. Gracias.

Un Saludo.

ResponderCitar
Respondido : 09/04/2017 12:42 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Guillermo.

No no tienes que realizar nada mas, los códigos que te paso primero los probamos en el archivo que te indicamos, en este caso como te indique en el archivo /themes/epik/style.css

Como veras en el código que te pase añadí la etiqueta !important, esto hace que el código que añadas con esa etiqueta prevalezca sobre los demás.

Prueba añadiendo lo siguiente al archivo /themes/epik/style.css

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    margin: 0 0 0 65px;
    width: 50%;
}

Puedes modificar el tamaño de las celdas disminuyendo el valor de width: 50%

Si las modificaciones que tenias eran solo de CSS podrías restaurar solo el archivo donde realizaste las modificaciones.

.- Accede a tu área de clientes -> Hosting -> SuperBackups
.- Selecciona la fecha que quieres hacer la restauración ( fecha anterior a la actualización )
.- Selecciona Restauración Parcial
.- Añade el nombre del archivo que quieres restaura, en tu caso el archivo donde hacías las modificaciones y pulsa en buscar
.- Te mostrara todas las copias que tienes de ese archivo, selecciona restaurar

Te dejo información de como utilizar la herramienta SuperBackups
Cómo gestionar copias de seguridad con Superbackup

Nota: Antes de realizar la restauración es conveniente que renombres el archivo que tienes ahora en tu instalación, es decir si restauras woocommerce.css, renombra el que tienes ahora por ejemplo woocommerce_old.css, con esto siempre tendrás el archivo original por si hay que volver a utilizarlo.

Un saludo

ResponderCitar
Respondido : 09/04/2017 1:35 pm

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

Guillermo
 Guillermo
Estimable Member

Hola Pepe,

De verdad, que muchas gracias por tu estupenda ayuda, ahora ya lo he dejado como quería, sin embargo, debo comentarte que si colocaba la instrucción sin el ¡important!, no ocuuria ningún cambio, pero al colocarlo sí que varia inmediatamente.

En cuanto a lo que me sugieres para recuperar los css que haya realizado y se hayan perdido a causa de la actualización del plugin woocommerce, ya no será necesario porque con la ayuda del historial de este foro en mis temas, he actualizado ya todo de nuevo. Ahora ya todo está como lo quería, incluso mejor. De todas maneras, lo tendré en cuenta y lo guardaré para futuros problemas de este tipo.

Lo que me sigue faltando o que a lo mejor no lo he entendido completamente, es lo que te preguntaba antes con respecto a la copia de la carpeta de woocommerce en mi theme hijo Epik, ya que los cambios que hago allí no surten ningún efecto y, por eso te preguntaba, si es necesario configurar algo más para que se active dicha carpeta o algo que no está bien.

Muchas gracias Pepe, quedo a la espera de tu respuesta con respecto a esto último.

Un Saludo.

ResponderCitar
Respondido : 09/04/2017 2:12 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Guillermo.

No tienes que hacer nada, solo añadirlo al archivo style.css y si ves que alguno de los códigos no te funciona, añade la etiqueta !importan para que prevalezca sobre los códigos con la misma estructura.

Otra opción es que tengas una copia de ese archivo en tu equipo en alguna carpeta de tu cuenta de hosting y si se realiza alguna actualización y se pierden solo tienes que copiarlo otra vez.

Un saludo

ResponderCitar
Respondido : 09/04/2017 3:01 pm

Cursos Gratuitos WordPress

Guillermo
 Guillermo
Estimable Member

Vale Pepe, está claro.

Que tengas una buena tarde y trata de descansar. Muchas gracias por tu valiosa ayuda, como siempre, eres un crack.

Saludos.

ResponderCitar
Respondido : 09/04/2017 4:22 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Guillermo.

Nada, como siempre un placer :cheer:
Cerramos el tema.

Un saludo y gracias por tus palabras Amigo 😉

ResponderCitar
Respondido : 09/04/2017 7:23 pm

wpdoctor-revisa-la-salud-de-tu-wordpress