Por algún motivo no es posible editar los títulos de las imágenes en versiones anteriores a la 1.6.1.0, cosa que limita un aspecto Seo tan importante como es gestionar la información del título de las imágenes. Como hay muchas tiendas que están en versiones 1.6.0.14 o anteriores y no se pueden permitir actualizar (por muchos motivos) siguiendo unos pasos se puede conseguir hacerlo.

En 1.6.1.0 y adelante, se puede editar aunque no es la forma ideal, ya que tienes que ir una por una. Así que este tutorial es también válido para estas versiones ya que permite hacerlo de una forma mas amigable.

Edicion de titulos en 1.6.1.4

De hecho esta “receta” se aplico hace un tiempo a una 1.6.0.9, versión que ya lleva algún tiempo por ahí con muy buenos resultados. Ahora se ha replicado de igual forma a una 1.6.0.14 y 1.6.1.4 para testear este tuto.

Posiblemente estos pasos sirvan también para las 1.5

Modificar plantilla images.tpl

Se trata de modificar la plantilla de imágenes del backoffice

Se copia el original de

adminbackoffice\themes\default\template\controllers\products\images.tpl

a la carpeta override

override\controllers\admin\templates\products\images.tpl

Buscamos en el fichero images.tpl

<td>legend</td>

y lo substituimos por la edición multilenguaje:

<td>
<div class="col-lg-12">
			{foreach from=$languages item=language}
				{if $languages|count > 1}
				<div class="translatable-field row lang-{$language.id_lang}">
					<div class="col-lg-10">
				{/if}
						<input type="text"
						id="prod_img[idprodimg][{$language.id_lang}]"
						{if isset($input_class)}class="{$input_class}"{/if}
						name="prod_img[idprodimg][{$language.id_lang}]"
						value="listImg_value_{$language.id_lang}"
						disabled="disabled"    {*egp mod creamos este campo plantilla deshabilitado para que luego no se envíe. Al copiar ya se habilitara*}
						/>
				{if $languages|count > 1}
					</div>
					<div class="col-lg-2">
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
							{$language.iso_code}
							<span class="caret"></span>
						</button>
						<ul class="dropdown-menu">
							{foreach from=$languages item=language}
							<li>
								<a href="javascript:hideOtherLanguage({$language.id_lang});">{$language.name}</a>
							</li>
							{/foreach}
						</ul>
					</div>
				</div>
				{/if}
			{/foreach}
</div>
</td>

<td>

{foreach from=$languages item=language}

{if $languages|count > 1}

{/if}

<input type="text"

id="prod_img[idprodimg][{$language.id_lang}]"

{if isset($input_class)}class="{$input_class}"{/if}

name="prod_img[idprodimg][{$language.id_lang}]"

value="listImg_value_{$language.id_lang}"

disabled="disabled" {*egp mod creamos este campo plantilla deshabilitado para que luego no se envíe. Al copiar ya se habilitara*}

{if $languages|count > 1}

</div>

{$language.iso_code}

</button>

{foreach from=$languages item=language}

<li>

<a href="javascript:hideOtherLanguage({$language.id_lang});">{$language.name}</a>

</li>

{/foreach}

</ul>

</div>

{/if}

{/foreach}

</div>

</td>

Cambiamos la función js imageLine, tanto la función como la llamada.

La función imageLine original es algo así

function imageLine(id, path, position, cover, shops, legend)
        {
            line = $("#lineType").html();
            line = line.replace(/image_id/g, id);
            line = line.replace(/(\/)?[a-z]{0,2}-default/g, function($0, $1){
                return $1 ? $1 + path : $0;
            });
            line = line.replace(/image_path/g, path);
            line = line.replace(/image_position/g, position);
            line = line.replace(/legend/g, legend);
            line = line.replace(/icon-check-empty/g, cover);
            line = line.replace(/<tbody>/gi, "");
            line = line.replace(/<\/tbody>/gi, "");
            if (shops != false)
            {
                $.each(shops, function(key, value){
                    if (value == 1)
                        line = line.replace('id="' + key + '' + id + '"','id="' + key + '' + id + '" checked=checked');
                });

function imageLine(id, path, position, cover, shops, legend)

{

line = $("#lineType").html();

line = line.replace(/image_id/g, id);

line = line.replace(/(\/)?[a-z]{0,2}-default/g, function($0, $1){

return $1 ? $1 + path : $0;

});

line = line.replace(/image_path/g, path);

line = line.replace(/image_position/g, position);

line = line.replace(/legend/g, legend);

line = line.replace(/icon-check-empty/g, cover);

line = line.replace(/<tbody>/gi, "");

line = line.replace(/<\/tbody>/gi, "");

if (shops != false)

{

$.each(shops, function(key, value){

if (value == 1)

line = line.replace('id="' + key + '' + id + '"','id="' + key + '' + id + '" checked=checked');

});

Se substituye por

function imageLine(id, path, position, cover, shops, legendJsonArray,cargaInicial)
		{
			line = $("#lineType").html();
			line = line.replace(/image_id/g, id);
			line = line.replace(/(\/)?[a-z]{0,2}-default/g, function($0, $1){
				return $1 ? $1 + path : $0;
			});
			line = line.replace(/image_path/g, path);
			line = line.replace(/\.jpg"\s/g, '.jpg?time=' + new Date().getTime() + '" ');
			line = line.replace(/image_position/g, position);
			//line = line.replace(/legend/g, legend); egp mod legendas editables..Ahora nos llega un array en json
			if (typeof cargaInicial != 'undefined'){	//se construye la tabla dinámicamente al cargar la página. Ahora nos llega el array entero
				legendJsonArray = $.parseJSON(legendJsonArray);
			}else{//venimos de subir una imagen (ajax.tpl del uploader)
				legend=legendJsonArray;
				legendJsonArray={};
				legendInput=$('input[name^=legend]');
				$.each(legendInput, function(i, input) {
					lang_id_arr=input['name'].split('_');
					legendJsonArray[lang_id_arr[1]]=input['value'];//cogemos los valores del input titulo
				});
				
			}						
			$.each(legendJsonArray, function(i, item) {
				search='listImg_value_'+i;
				replace=item;				
				line = line.replace(search, replace);
				line = line.replace(/idprodimg/g, id);
				line = line.replace('disabled="disabled"', '');	//lo habilitamos.			
			});				
			
			line = line.replace(/icon-check-empty/g, cover);
			line = line.replace(/<tbody>/gi, "");
			line = line.replace(/<\/tbody>/gi, "");
			if (shops != false)
			{
				$.each(shops, function(key, value){
					if (value == 1)
						line = line.replace('id="' + key + '' + id + '"','id="' + key + '' + id + '" checked=checked');
				});
			}
			$("#imageList").append(line);
		}

function imageLine(id, path, position, cover, shops, legendJsonArray,cargaInicial)

{

line = $("#lineType").html();

line = line.replace(/image_id/g, id);

line = line.replace(/(\/)?[a-z]{0,2}-default/g, function($0, $1){

return $1 ? $1 + path : $0;

});

line = line.replace(/image_path/g, path);

line = line.replace(/\.jpg"\s/g, '.jpg?time=' + new Date().getTime() + '" ');

line = line.replace(/image_position/g, position);

//line = line.replace(/legend/g, legend); egp mod legendas editables..Ahora nos llega un array en json

if (typeof cargaInicial != 'undefined'){ //se construye la tabla dinámicamente al cargar la página. Ahora nos llega el array entero

legendJsonArray = $.parseJSON(legendJsonArray);

}else{//venimos de subir una imagen (ajax.tpl del uploader)

legend=legendJsonArray;

legendJsonArray={};

legendInput=$('input[name^=legend]');

$.each(legendInput, function(i, input) {

lang_id_arr=input['name'].split('_');

legendJsonArray[lang_id_arr[1]]=input['value'];//cogemos los valores del input titulo

});

}

$.each(legendJsonArray, function(i, item) {

search='listImg_value_'+i;

replace=item;

line = line.replace(search, replace);

line = line.replace(/idprodimg/g, id);

line = line.replace('disabled="disabled"', ''); //lo habilitamos.

});

line = line.replace(/icon-check-empty/g, cover);

line = line.replace(/<tbody>/gi, "");

line = line.replace(/<\/tbody>/gi, "");

if (shops != false)

{

$.each(shops, function(key, value){

if (value == 1)

line = line.replace('id="' + key + '' + id + '"','id="' + key + '' + id + '" checked=checked');

});

}

$("#imageList").append(line);

}

Luego la llamada pasa de

imageLine({$image->id}, "{$image->getExistingImgPath()}", {$image->position}, "{if $image->cover}icon-check-sign{else}icon-check-empty{/if}", assoc, "{$image->legend[$default_language]|@addcslashes:'\"'}");

1	imageLine({$image->id}, "{$image->getExistingImgPath()}", {$image->position}, "{if $image->cover}icon-check-sign{else}icon-check-empty{/if}", assoc, "{$image->legend[$default_language]\|@addcslashes:'\"'}");

a ser

imageLine({$image->id}, "{$image->getExistingImgPath()}", {$image->position}, "{if $image->cover}icon-check-sign{else}icon-check-empty{/if}", assoc, "{$image->legend|@json_encode|@addcslashes:'\"'}", true);

1	imageLine({$image->id}, "{$image->getExistingImgPath()}", {$image->position}, "{if $image->cover}icon-check-sign{else}icon-check-empty{/if}", assoc, "{$image->legend\|@json_encode\|@addcslashes:'\"'}", true);

Es decir añadimos todo el array de leyendas de la imagen en lugar de sólo la default $image->legend[$default_language], a parte de indicarle con un nuevo parametro que estamos llamandolo desde la carga inicial de la página. Esto es para distinguir de otra llamada que se puede realizar al subir una nueva imagen.

De esta forma tenemos la parte frontal solucionada

Ahora falta que el controlador haga algo con esta información que se ha editado en la parte frontal

Añadir funcionalidad al controlador AdminProductsController

Sobrescribimos el controlador AdminProductsController en override\controllers\admin\AdminProductsController.php.

Simplemente la función processUpdate() llama al padre y recoge la nueva información para modificarla directamente en base de datos.

class AdminProductsController extends AdminProductsControllerCore 
{
	
	/*egp mod sobrescrito para poder modificar los títulos de las imágenes*/
	public function processUpdate()
	{
		$product=parent::processUpdate();
		
		if (empty($this->errors)){
			if($prod_img_arr=$_POST['prod_img']){
				foreach ($prod_img_arr as $id_image=>$prod_img){
					
					foreach ($prod_img as $id_lang=>$value_legend){
						 Db::getInstance()->execute('
							UPDATE `'._DB_PREFIX_.'image_lang`
							SET `legend` ="'.$value_legend.'"
							WHERE `id_image` = '.(int)$id_image.' AND `id_lang`='.(int)$id_lang);
					}
				}
			}
		}
		
		return $product;
	}
   
}

class AdminProductsController extends AdminProductsControllerCore

{

/*egp mod sobrescrito para poder modificar los títulos de las imágenes*/

public function processUpdate()

{

$product=parent::processUpdate();

if (empty($this->errors)){

if($prod_img_arr=$_POST['prod_img']){

foreach ($prod_img_arr as $id_image=>$prod_img){

foreach ($prod_img as $id_lang=>$value_legend){

Db::getInstance()->execute('

UPDATE `'._DB_PREFIX_.'image_lang`

SET `legend` ="'.$value_legend.'"

WHERE `id_image` = '.(int)$id_image.' AND `id_lang`='.(int)$id_lang);

}

return $product;

}

No olvidarse de borrar cache\class_index.php para que la sobrescritura tenga efecto.

FxNefen

En primer lugar gracias por la aportación.
La primera parte, la de editar el archivo image.tpl lo he realizado, lo que no entiendo es la última parte la de AdminProductsController.php. Lo he copiado a la ruta que indicas pero no se que parte debo editar o si debo borrar todo el contenido del archivo, sustituyendo por el texto que indicas.
Un saludo y gran aporte.
- https://pelechano.es/ Enrique Gómez
  
  Buenas
  
  en overridecontrollersadmin
  
  creas un fichero que se llame AdminProductsController.php en blanco. Lo editas y pones el contenido que se indica.
  Borras la cacheclass_index.php para que la sobrescritura tenga efecto.
  - FxNefen
    
    Gracias por responder Enrique,
    He creado un archivo nuevo, en blanco, con el nombre de AdminProductsController.php y he pegado el contenido sin las etiquetas php. Copie el archivo images.tpl y pegado donde se indicaba, como la carpeta admin del override no había carpeta llamada products, se ha creado una y depositado el archivo ahí. He modificado el archivo, y donde ponía “legend” he eliminado el texto y dentro de las etiquetas “tb” he pegado el contenido que se indicaba. Mas abajo, dentro del mismo archivo, he editado la función imageLine y sustituido por el contenido dado. Tras finalizar los cambios, he borrado el archivo de la cache.
    
    Después de seguir todos los pasos y comprobar el efecto, NO me funciona, las imagenes no me aparecen con el título editable como aparece en la imágen de arriba y también me surge la duda de que son o a qué corresponde las casillas seleccionadas que se observa en la imagen, porque solo veo la de color azul que corresponde con la imagen que aparecerá en portada.
    
    Gracias por su ayuda y su tiempo. Un saludo.
    - https://pelechano.es/ Enrique Gómez
      
      Si no te aparecen las imagenes editables es que no esta cogiendo la sobrescritura de la plantilla del admin images.tpl. Es decir si cambias cualquier cosa (digamos que pones tu nombre) en la plantilla y no lo ves en la ficha de imagenes del producto posiblemente estés en modo no recompilar plantillas (Rendimiento) o haya algún fallo en el camino de carpetas overridecontrollersadmintemplatesproducts.
      
      Entiendo que estas en una versión de prestashop 1.6.0.?
      
      Asegurate de que el nombre de las carpetas sea correcto , pon recompilar plantillas y borra la cache de Prestashop para ver cualquier cambio por pequeño que sea.
      - Alberto López
        
        Buenas Enrique,
        El caso es que tengo activado eso que mencionas “Recompilar las plantillas cuando los archivos sean modificados”, el fallo debe estar sin duda en la ruta, porque la carpeta products no estaba creada (por lo menos en mi caso) en la ruta que mencionas.
        
        Sí actualmente estoy usando la versión 1.6.1.4, no sé si actualizando a la ..1.5 habrá algún cambio en este sentido.
        
        Debe haber alguna forma de declarar esa carpeta o ruta para que tengan efecto los cambios pero desconozco cómo hacerlo.
      - https://pelechano.es/ Enrique Gómez
        
        Hola Alberto.
        
        es raro con la 1.6.1.4 todo y que no es necesario este “hack” ya que te permite modificar el título de una en una debería funcionar.
        
        fijate en el nombre de carpetas, pero yo lo tengo así y me coje lo que hay en esa plantilla. No hace falta declarar esa carpeta en ningún sitio
      - Alberto López
        
        Hola Enrique,
        
        Igual lo tengo pero no veo los resultados.
        
        Como ves en la captura, los títulos de las imágenes no son editables, hay que hacerlos desde el desplegable, indicar la posición a editar e insertar el texto. Quiero actualizar y cambiar un puñado de títulos de las imágenes y hacerlo de la forma tradicional lleva su tiempo, mientras que si fueran las casillas de los titulos editables podría hacerlo más rápido (cosas de Prestashop de hacer lo más fácil un mundo).
        
        Seguiré haciendo pruebas, pero esta vez en un servidor local, a ver si averiguo de donde viene el problema, si de la versión de Prestashop o de algun otro sitio, quizás la plantilla que instale modificó algún comportamiento de Prestashop no sé.
        
        En fin, muchas gracias por tu ayuda y tu tiempo. Un saludo.
      - https://pelechano.es/ Enrique Gómez
        
        Si, la verdad es que es raro. si me pasas por mail un ftp y acceso BO puedo echarle un vistazo (no te cobro nada). Te debería ir ok
Alex

Me ha funcionado perfectamente pero estoy haceindo unas modificaciones y tengo unos problemas
Estoy intentando poner un segundo titulo para las imagenes y he duplicado el input del legend y he conseguido que se guarde en la base de datos en una nueva columna que he creado cuando guardo pero luego cuando se recarga la pagina no me pone el resultado que se ha guardado en la base de datos en el backoffice, es decir, en la base de datos se ha guardado bien pero el recuadro de texto no me sale el resultado.
Si me puedes ayudar para saber como puedo solucionarlo, ya que el resultado lo guarda pero no aparece en el input y como sale vacio si vuelvo a guardar se sobreescribe el primer resultado y en la base de datos sale vacio pero es porque no me sale el resultado directamente en el input y no lo entiendo porque lo he hecho como esta en el legend.
Muchas gracias y espero que me puedas ayudar.
Diego

Hola Enrique. Si todavía estoy a tiempo de consultar algo acerca de este tema tan interesante. Tengo una incidencia y necesito ayuda.

Corro un PS 1.6.1.13 con un tema modificado, pero muy poco para mantener la compatibilidad dentro de lo posible con addons y actualizaciones.

He seguido los pasos que mencionas, y me encuentro con el siguiente inconveniente.

-Puedo actualizar los titulos de las imagenes en los idiomas de la tienda es-eng

-En el Front Office los títulos se ven de acuerdo a lo escrito en la ficha del producto

Aqui el problema, al volver a entrar a la ficha del producto en el backoffice en Edicion de productos, el Titulo que se ve para todas las imagenes es el de la primera imagen, y si guardo, estos se graban en la BD y otra vez vuelta a empezar

¿Alguna recomendación?

Gracias