Miércoles, 01 Agosto 2012 02:40

Cambiar idioma ingles de iconos redes sociales k2

Escrito por 


imgiconoK2  viene con una funcionalidad incluida de redes sociales en los items o artículos de contenido, sin embargo esta funcionalidad para las redes de k2 y de google+ se encuentra sólo en el idioma inglés (versiones  2.5.x). En este artículo veremos cómo realizar modificaciones al template por defecto de virtuemart para cambiar el idioma por defecto de inglés que se muestran en estas redes sociales; posteriormente haremos extensiva la funcionalidad para que maneje varios idiomas en un sitio multiidioma.

 

1- Activación de redes sociales en k2

Por defecto esta funcionalidad viene activada crear una nueva categoría de k2, en la sección de opciones de visualización del ítem => Compartir en redes sociales, tal como se muestra en la imagen adjunta.

redes k2

 

Para un sitio web configurado en el idioma español se mostrará por defecto de la siguiente manera, tal como muestra la imagen, sólo twitter se traduce al idioma español, facebook y google no lo hacen

redes k2 resultado

 

2- Editando los archivos del template de k2

Podemos hacer un overrides trabajando directamente sobre el archivo /templates/TEMPLATE_ACTUAL/html/com_k2/item.php, (en caso no tener este archivo sería necesario copiarlo desde k2) , o podemos trabajar directamente sobre el archivo de template de k2 /components/com_k2/templates/default/item.php , en cualquier caso ubicamos el código de redes sociales a partir de la línea 210 aproximadamente.

 

-Para facebook

Ubicamos el siguiente inicio de código

js.src = "//connect.facebook.net/en_US/...

y la cambiamos por el idioma deseado, por ejemplo para español

js.src = "//connect.facebook.net/es_ES/...

-Para google+

Ubicamos el siguiente inicio de código

window.___gcfg = {lang: 'en'}...

y lo cambiamos por el idioma deseado, por ejemplo para español:

window.___gcfg = {lang: 'es'}...

 

3- Redes sociales para un sitio de múltiples idiomas

En caso nuestro sitio web sea multiidioma entonces será necesario realizar una modificación a nivel de PHP

Insertamos el siguiente antes del código de redes sociales

<?php

$lang = JFactory::getLanguage();          
$google_lang = explode('-', $lang->getTag());          
$facebook_lang = str_replace('-','_',$lang->getTag()); 

?>

Luego reemplazamos en las líneas indicadas en el punto 2 por las variables correspondientes, por ejemplo

-Para facebook

js.src = "//connect.facebook.net/<?php echo $facebook_lang; ?>...

-Para google+

window.___gcfg = {lang: '<?php echo $google_lang[0]; ?>'}...

 

4- Resultado final

Después de realizar estas modificaciones, entonces tendremos los íconos de redes sociales traducidos en k2

redes sociales k2

 

 

En el siguiente video se explica de manera práctica cada uno de los puntos explicados anteriormente.

 


¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop