[SOLUCIONADO] Cambiar imagenes segun idioma qTranslate

lirelok · #1 (**permalink**) 29/11/2013, 06:13

Hola, tengo una pequeño problema que más que busco información no consigo solventar.

Me estoy creando una web wordpress e instale qTranslate porque necesito tener 3 idiomas, los textos los puedo traducir sin problemas pero el problema me surje al querer mostrar imagenes diferentes dependiendo del idioma que se esta visualizando.

En este caso son 3 banners, que quiero que cambien segun el idioma.

El codigo que tengo para estos banners es el siguiente:

Código HTML:

<div class="container">
<div class="row">
<div class="twelve columns package-item-class package-item-class-2 mb35">
<div class="package-item-holder"><div class="row">
<div class="four columns gdl-package-grid2">
<div class="package-content-wrapper">
<div class="package-thumbnail-outer-wrapper">
<a href="nosotros-le-llamamos">
<img src="proyecto/wp-content/uploads/2013/11/1-es.jpg" alt=""></a>
<div class="package-title-wrapper">
</div></div></div></div>
<div class="four columns gdl-package-grid2">
<div class="package-content-wrapper">
<div class="package-thumbnail-outer-wrapper">
<a href="catalogo-pdf">
<img src="proyecto/wp-content/uploads/2013/11/2.jpg" alt=""></a>
<div class="package-title-wrapper">
</div></div></div></div>
<div class="four columns gdl-package-grid2">
<div class="package-content-wrapper">
<div class="package-thumbnail-outer-wrapper">
<a href="contact">
<img src="proyecto/wp-content/uploads/2013/11/3.jpg" alt=""></a>
<div class="package-title-wrapper">
</div></div></div></div>
</div></div></div>
</div></div>

He utilizado estos 2 metodos que he visto por internet, pero tampoco me funcionan, algo esta mal logicamente...xD pero mis conocimiento no son suficientes.

Código HTML:

<img src="proyecto/wp-content/uploads/2013/11/<?php _e("<!--:es-->1-es.jpg<!--:--><!--:en-->1-en.jpg<!--:--><!--:ru-->1-ru.jpg<!--:-->");?>

<img src="proyecto/wp-content/uploads/2013/11/1-<?php _e("<!--:es-->es<!--:--><!--:en-->en<!--:--><!--:ru-->ru<!--:-->"); ?>.jpg" />

Alguien me puede iluminar?

AlejandroGalvez · #2 (**permalink**) 29/11/2013, 06:39

Tienes una función muy útil para ello: "qtrans_getLanguage()". Un ejemplo de cómo podrías solucionar tu problema:

Código PHP:

  <?php
    
$idioma_actual        = qtrans_getLanguage();
$imagen_a_mostrar     = '';

switch( $idioma_actual ) {    
    case 'en':
        $imagen_a_mostrar    = '-en';
        break;
    case 'es':
        $imagen_a_mostrar    = '-es';
        break;
    case 'ru':
        $imagen_a_mostrar    = '-ru';
        break;
}

?>

<img src="proyecto/wp-content/uploads/2013/11/1<?php echo esc_attr( $imagen_a_mostrar );?>" />

Otra alternativa más corta:

Código HTML:

Ver original<img src="proyecto/wp-content/uploads/2013/11/1<?php echo esc_attr( '-' . qtrans_getLanguage() );?>" />

lirelok · #3 (**permalink**) 29/11/2013, 09:54

Hola Alejandro, gracias por contestar.

Me podrias decir más exactamente que debo incorporar en el codigo que ya dispongo para que funcione, un saludo y perdona por mi ignorancia.

lirelok · #4 (**permalink**) 29/11/2013, 13:35

Cita:

Iniciado por AlejandroGalvez

Tienes una función muy útil para ello: "qtrans_getLanguage()". Un ejemplo de cómo podrías solucionar tu problema:

Código PHP:

  <?php

    

$idioma_actual        = qtrans_getLanguage();

$imagen_a_mostrar     = '';

 
switch( $idioma_actual ) {    

    case 'en':

        $imagen_a_mostrar    = '-en';

        break;

    case 'es':

        $imagen_a_mostrar    = '-es';

        break;

    case 'ru':

        $imagen_a_mostrar    = '-ru';

        break;

}

 
?>

 
<img src="proyecto/wp-content/uploads/2013/11/1<?php echo esc_attr( $imagen_a_mostrar );?>" />

Otra alternativa más corta:

Código HTML:

Ver original<img src="proyecto/wp-content/uploads/2013/11/1<?php echo esc_attr( '-' . qtrans_getLanguage() );?>" />

Lo he añadido de esta manera, pero no aparece la imagen.

Código HTML:

<div class="container">
<div class="row">
<div class="twelve columns package-item-class package-item-class-2 mb35">
<div class="package-item-holder"><div class="row">
<div class="four columns gdl-package-grid2">
<div class="package-content-wrapper">
<div class="package-thumbnail-outer-wrapper">
<a href="nosotros-le-llamamos/">
<img src="proyecto/wp-content/uploads/2013/11/1<?php echo esc_attr( '-' . qtrans_getLanguage() );?>" /></a>
<div class="package-title-wrapper">
</div></div></div></div>
<div class="four columns gdl-package-grid2">
<div class="package-content-wrapper">
<div class="package-thumbnail-outer-wrapper">
<a href="catalogo-pdf">
<img src="proyecto/wp-content/uploads/2013/11/2.jpg" alt=""></a>
<div class="package-title-wrapper">
</div></div></div></div>
<div class="four columns gdl-package-grid2">
<div class="package-content-wrapper">
<div class="package-thumbnail-outer-wrapper">
<a href="contact">
<img src="proyecto/wp-content/uploads/2013/11/3.jpg" alt=""></a>
<div class="package-title-wrapper">
</div></div></div></div>
</div></div></div>
</div></div>

Nekko · #5 (**permalink**) 02/12/2013, 07:49

Lo estás añadiendo mal.

Este código que estás usando:

Código PHP:

Ver original<img src="proyecto/wp-content/uploads/2013/11/1<?php echo esc_attr( '-' . qtrans_getLanguage() );?>" /></a>

Devuelve esta ruta. Como verás te falta la extensión del archivo.

Código PHP:

Ver original<img src="proyecto/wp-content/uploads/2013/11/1-es" /></a>

Siempre que estés jugando con este tipo de código, chequeá tu web viendo el código fuente.

lirelok · #6 (**permalink**) 02/12/2013, 11:29

Cita:

Iniciado por Nekko

Lo estás añadiendo mal.

Este código que estás usando:

Código PHP:

Ver original<img src="proyecto/wp-content/uploads/2013/11/1<?php echo esc_attr( '-' . qtrans_getLanguage() );?>" /></a>

Devuelve esta ruta. Como verás te falta la extensión del archivo.

Código PHP:

Ver original<img src="proyecto/wp-content/uploads/2013/11/1-es" /></a>

Siempre que estés jugando con este tipo de código, chequeá tu web viendo el código fuente.

Hola Nekko, gracias por contestar, pero podrias decirme como deberia quedar el codigo para que funcione, por favor?

Nekko · #7 (**permalink**) 03/12/2013, 07:23

Código PHP:

Ver original<img src="proyecto/wp-content/uploads/2013/11/1<?php echo esc_attr( '-' . qtrans_getLanguage() );?>.png" /></a>

Colocá la extensión que corresponda

lirelok · #8 (**permalink**) 03/12/2013, 12:11

Gracias por contestarme Nekko!

Lo he añadido de esta manera pero tampoco me funciona, no carga la imagen, las imagenes tienen estos nombres: 1-es.jpg 1-en.jpg y 1-ru.jpg y el codigo es este, solo cambie la extensión del archivo como comentas Nekko, pero sigue sin salir.

Código HTML:

<img src="proyecto/wp-content/uploads/2013/11/1<?php echo esc_attr( '-' . qtrans_getLanguage() );?>.jpg" /></a>

Que hago mal??

Nekko · #9 (**permalink**) 03/12/2013, 12:36

Link del proyecto o HTML que genera?

lirelok · #10 (**permalink**) 04/12/2013, 03:46

La parte del codigo de las tres imagenes es esta:

Código HTML:

<div class="container">
<div class="row">
<div class="twelve columns package-item-class package-item-class-2 mb35">
<div class="package-item-holder"><div class="row">
<div class="four columns gdl-package-grid2">
<div class="package-content-wrapper">
<div class="package-thumbnail-outer-wrapper">
<a href="nosotros-le-llamamos">
<img src="proyecto/wp-content/uploads/2013/11/1-es.jpg" alt=""></a>
<div class="package-title-wrapper">
</div></div></div></div>
<div class="four columns gdl-package-grid2">
<div class="package-content-wrapper">
<div class="package-thumbnail-outer-wrapper">
<a href="catalogo-pdf">
<img src="proyecto/wp-content/uploads/2013/11/2.jpg" alt=""></a>
<div class="package-title-wrapper">
</div></div></div></div>
<div class="four columns gdl-package-grid2">
<div class="package-content-wrapper">
<div class="package-thumbnail-outer-wrapper">
<a href="contact">
<img src="proyecto/wp-content/uploads/2013/11/3.jpg" alt=""></a>
<div class="package-title-wrapper">
</div></div></div></div>
</div></div></div>
</div></div>

Nekko · #11 (**permalink**) 04/12/2013, 04:04

Ajap, y cuando cambiás de lenguaje que pasa? Cual es el error? Por favor se bien específico cuando detallas una situación. Decinos que obtenés y que deberías obtener.

lirelok · #12 (**permalink**) 04/12/2013, 05:33

Cita:

Iniciado por Nekko

Ajap, y cuando cambiás de lenguaje que pasa? Cual es el error? Por favor se bien específico cuando detallas una situación. Decinos que obtenés y que deberías obtener.

Haver, lo que quiero es que 3 imagenes que tengo, se cambien segun el idioma establecido.

Me indicas que el codigo correcto seria esto:

Código HTML:

<img src="proyecto/wp-content/uploads/2013/11/1<?php echo esc_attr( '-' . qtrans_getLanguage() );?>.jpg" /></a>

Pues yo lo he añadido y queda de esta manera para las 3 imagenes:

Código HTML:

<div class="container">
<div class="row">
<div class="twelve columns package-item-class package-item-class-2 mb35">
<div class="package-item-holder"><div class="row">
<div class="four columns gdl-package-grid2">
<div class="package-content-wrapper">
<div class="package-thumbnail-outer-wrapper">
<a href="nosotros-le-llamamos">
<img src="proyecto/wp-content/uploads/2013/11/1<?php echo esc_attr( '-' . qtrans_getLanguage() );?>.jpg" /></a> 
<div class="package-title-wrapper">
</div></div></div></div>
<div class="four columns gdl-package-grid2">
<div class="package-content-wrapper">
<div class="package-thumbnail-outer-wrapper">
<a href="catalogo-pdf">
<img src="proyecto/wp-content/uploads/2013/11/2<?php echo esc_attr( '-' . qtrans_getLanguage() );?>.jpg" /></a> 
<div class="package-title-wrapper">
</div></div></div></div>
<div class="four columns gdl-package-grid2">
<div class="package-content-wrapper">
<div class="package-thumbnail-outer-wrapper">
<a href="contact">
<img src="proyecto/wp-content/uploads/2013/11/3<?php echo esc_attr( '-' . qtrans_getLanguage() );?>.jpg" /></a> 
<div class="package-title-wrapper">
</div></div></div></div>
</div></div></div>
</div></div>

Este codigo lo añado donde estaba el anterior, pero la imagenes no aparecen, no aparece ninguna de las 3 imagenes, ni en ningun idioma.

Necesitarias verla? la pedo subir a algun hosting.

Nekko · #13 (**permalink**) 04/12/2013, 08:44

Ojo que si no se ve ninguna de las tres imágenes entonces la ruta que construiste está mal. Nosotros no podemos saber la ruta, esa es una información que tenés vos!

lirelok · #14 (**permalink**) 04/12/2013, 10:09

Cita:

Iniciado por Nekko

Ojo que si no se ve ninguna de las tres imágenes entonces la ruta que construiste está mal. Nosotros no podemos saber la ruta, esa es una información que tenés vos!

Pero si las imagenes se muestran sin poner el codigo del qtranslate, y luego cuando pongo el codigo ya no se ven, la ruta es la misma... :(

Lo voy a subir a un hosting y te digo algo.

lirelok · #15 (**permalink**) 04/12/2013, 11:13

Te he mandado un privado Nekko.

lirelok · #16 (**permalink**) 04/12/2013, 11:26

Acabo de darme cuenta del fallo!!!

El codigo donde lo introducia, por lo visto no le el codgio php, solo le el html, pobre a editar un archivo *.php y si que funciona!

Pero ahora lo que no consigo esque salga solo en el la página principal, lo e añadido en "Plantilla de la página principal (index.php)" y no sale, pero en el header.php o Plantilla de página (page.php), si que aparecen las imagenes y cambian cuando cambias el idioma, pero me salen en todas las páginas de la web.

Donde lo puedo añadir para que solo salga en la página principal??

Nekko · #17 (**permalink**) 04/12/2013, 12:46

Depende mucho del theme y de como está construido. Algunos usan alguna página que podés encontrar como home.php, sería cuestión de conocer la estructura del tuyo.

Dalam · #18 (**permalink**) 04/12/2013, 12:56

si cargas jquery en tu sitio seria facil de procesarlo desde el cliente, para que modifique los src de tu pagina dependiendo del idioma que use.
Te digo jquery pero con javascript basico podrias hacerlo sin problemas tambien agregandole un id a las imagenes o utilizando los child de las clases que ya tiene la estructura de tu pagina

lirelok · #19 (**permalink**) 05/12/2013, 16:47

Mil gracias por la ayuda, problema solucionado ;)