[Resuelto] Estructura página incorrecta al traducir página de barco
Este hilo está resuelto. Aquí tienes una descripción del problema y la solución.
Problema: WP Bakery template not applied correctly on the secondary language
Solución: The problem is here that when some custom metas are missing - it breaks the layout.
Some of them can be set to copy, some perhaps to translate.
Documentación relevante:
Este es el foro de soporte técnico de WPML, el plugin multilingüe de WordPress.
Todas las personas pueden leerlo pero solo los clientes de WPML pueden ingresar comentarios. El equipo de WPML responde en los foros 6 días a la semana, 22 horas por día.
URL de (mi) sitio web donde aparece el problema: enlace oculto
Yo esperaba ver: La misma estructura que se muestra en inglés (el idioma original). Se puede ver en la izquierda de la imagen.
En vez de eso, obtuve: Se duplica el nombre y la imagen destacada. El resto de la página se muestra con el ancho incorrecto. Visible en la parte derecha de la imagen.
Generalmente el ancho del layout se establece en la configuración de la plantilla, de un plugin o al editar cada post/página. Le pido que compruebe si existe esta opción y en caso de que aparezca al editar el post/página en el idioma original entonces se trata de un campo personalizado que debe configurar para que se copie siguiendo los pasos descritos en este enlace: https://wpml.org/documentation/getting-started-guide/translating-custom-fields/
En la imagen que adjunté se puede ver que el contenido de la izquierda, la página correcta en inglés, utiliza todo el ancho de la página. En cambio la página traducida repite tanto título como imagen destacada -cosa que no debería suceder- y solo aprovecha el ancho de la primera imagen en vez de distribuir correctamente la página.
Adjunto una imagen para que puedas ver la sección donde se da de alta una embarcación. El ancho de página lo establece la plantilla aplicada por WP Bakery. La sección izquierda ocupa 9 columnas (1 en la imagen adjunta) y el sidebar las 3 restantes (2 en la imagen adjunta). Al generarse la traducción toda la página queda encajada en las primeras 9 columnas.
Le pido que realice los siguientes pasos:
- Edite el contenido en el idioma original
- Realice un pequeño cambio en el contenido y guarde los cambios (esto actualizará la entrada en la base de datos para el barco)
- Actualice la traducción
En caso de que el problema persista, entonces le pido que:
- Elimine la traducción del barco
- Asegúrese de elimarla de la papelera también
- Edite el contenido del barco en el idioma original
- Duplique la página al idioma secundario
- Luego edite la traducción (es posible que deba seleccionar la opción de 'Traducción independiente')
- Compruebe si el problema desapareció
Puede decirme el resultado de los pasos anteriores?
He realizado las pruebas solicitadas y tras editar una embarcación y actualizar la traducción la página se muestra correctamente. ¿Qué debo modificar para no necesitar hacer esa edición? no puedo entregar el proyecto teniendo que hacer ese paso extra. Otra cosa que he podido observar es que no se está traduciendo la marca y el modelo de la embarcación. En la traducción se muestra solo la marca.
1.- Con la información disponible no puedo detectar cual es la causa de este comportamiento. Le sugiero que cree un nuevo barco de prueba, lo traduzca y compruebe si el problema persiste o desaparece. Tal vez el problema era solamente la entrada en la base de datos de ése barco en específico.
En cambio, si el problema persiste uno de los pasos que puede hacer es:
- Ir al listado de barcos en el idioma original (en el backend)
- Seleccionarlos todos
- En la opción de Acciones en Lote (Bulk options) seleccione Editar
- Luego haga click en Guardar sin realizar ningún cambio. Esto actualizará la entrada en la base de datos para todos estos posts y en el momento de traducirlos debería desaparecer el problema del layout (en caso de que existiese).
He creado una nueva entrada para otra embarcación y el problema persiste. No parece un caso aislado. Si es necesario puedo dar acceso a la instalación para que puedan investigar mejor el problema.
1.- Le pido que describa paso a paso cómo crear un barco y cómo reproducir el problema en el idioma secundario.
2.- Me gustaría solicitar acceso temporal al sitio (wp-admin y FTP) con el objetivo de ver el problema más de cerca. Su próxima respuesta será privada y en ella encontrará los campos correspondientes a las credenciales solicitadas.
Aunque no realizaré ningún cambio en el sitio siempre es recomendable crear una copia de seguridad del sitio completo antes de compartir las credenciales de acceso.
Hola,
Muchas gracias por compartir la información solicitada
He realizado los siguientes pasos:
- Fui a enlace oculto
- Seleccioné todos los barcos en Español
- En las opciones de Bulk Actions seleccioné Editar
- Hice click en el botón guardar sin realizar ningún cambio
- Luego de los pasos anteriores se actualizaron las entradas en la base de datos para los barcos en Español y ahora todos se muestran correctamente
El problema deja de aparecer siguiendo esos pasos pero el error realmente no desaparece. La página se construirá con 3 idiomas además del inglés y no puedo pedirle a mi cliente que haga todos esos pasos cada vez que cree una ficha para una nueva embarcación porque no aceptarán hacer estos pasos extra. Hace un par de años tuve ese mismo problema en otro dominio (mollgrec.com) y consiguieron solucionarlo pero no se cual fué la solución.
¿Sería posible aplicar esa misma solución tratándose del mismo tema?
He estado haciendo pruebas y el error sigue apareciendo aunque siga los pasos para actualizar todos los barcos en español usando bulk actions.
Modifiqué la plantilla utilizada eliminando el sidebar por si era el culpable pero el error de la cabecera más imagen duplicadas sigue apareciendo (solo desaparece si cambio la página original y modificando su traducción posteriormente).
Primero eliminamos la sidebar como se puede ver en la imagen 1. Pulsamos en la X y aceptamos el aviso sobre la eliminación de la sección.
Después pulsamos sobre el pequeño lapiz que se puede ver en la imagen 2 y aparecerá la pantalla de modificación que vemos en la imagen 3. Aquí pulsamos sobre "Responsive options" y al menos de la primera opción (large) cambiamos de 9 a 12 columnas.
Al hacer el cambio veremos que, tal y como se ve en la imagen 4, el texto de la parte inferior que antes dejaba un hueco a la derecha ahora pasa a ocupar todo el ancho de la ventana.
