[Solved] Cambiar galeria de fotos en pagina de cada producto

[AlbertoPyme]

Buenas a todos,

 

He estado buscando un buen rato sobre el tema en este foro y en el ingles y no se si es que no elijo bien las palabras clave adecuadas.

 

Estoy haciendo algunas modificaciones en una tienda con la versión 1.5.6 y la plantilla Sellya y lo que estoy intentando es modificar la galería de fotos que hay en cada pagina de producto.

 

La tienda es esta

 

Como podréis ver, si un producto tiene muchas fotos asociadas las thumbnails (miniaturas) se van amontonando hacia abajo indefinidamente y rompe totalmente la estética. He aqui un ejemplo.

 

Mi objetivo es que se muestre parecido a como hace el tema default, es decir, que muestre 3 thumbnails y el resto las puedas ver clikando en las flechitas laterales.

 

He encontrado un hilo al respecto (aunque en el se trata de hacer justo lo contrario a lo que yo quiero). El hilo es este.

 

En el hablan de la función "serialScrollFixLock" del fichero Product.js del template. El caso es que lo he encontrado en los archivos de la plantilla y parece que esta bien pero no actúa. No se si tendré que hacer muchas modificaciones ademas en Product.tpl y Product.css.

 

¿Alguien me puede echar una mano?

Edited March 31, 2014 by AlbertoPyme (see edit history)

[galindogadea]

Por si te sirve de ayuda, en el product.tpl el codigo que imprime las miniaturas en la plantilla por defecto en Prestashop 1.5, es este:

{if isset($images) && count($images) > 0}
		<!-- thumbnails -->
		<div id="views_block" class="clearfix {if isset($images) && count($images) < 2}hidden{/if}">
		{if isset($images) && count($images) > 3}<span class="view_scroll_spacer"><a id="view_scroll_left" class="hidden" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Previous'}</a></span>{/if}
		<div id="thumbs_list">
			<ul id="thumbs_list_frame">
			{if isset($images)}
				{foreach from=$images item=image name=thumbnails}
					{assign var=imageIds value="`$product->id`-`$image.id_image`"}
					{if !empty($image.legend)}
						{assign var=imageTitlte value=$image.legend|escape:'htmlall':'UTF-8'}
					{else}
						{assign var=imageTitlte value=$product->name|escape:'htmlall':'UTF-8'}
					{/if}
					<li id="thumbnail_{$image.id_image}">
						<a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html'}" rel="other-views" class="thickbox{if $smarty.foreach.thumbnails.first} shown{/if}" title="{$imageTitlte}">
							<img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium_default')|escape:'html'}" alt="{$imageTitlte}" title="{$imageTitlte}" height="{$mediumSize.height}" width="{$mediumSize.width}" />
						</a>
					</li>
				{/foreach}
			{/if}
			</ul>
		</div>
		{if isset($images) && count($images) > 3}<a id="view_scroll_right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Next'}</a>{/if}
		</div>
		{/if}
		{if isset($images) && count($images) > 1}<p class="resetimg clear"><span id="wrapResetImages" style="display: none;"><img src="{$img_dir}icon/cancel_11x13.gif" alt="{l s='Cancel'}" width="11" height="13"/> <a id="resetImages" href="{$link->getProductLink($product)|escape:'html'}" onclick="$('span#wrapResetImages').hide('slow');return (false);">{l s='Display all pictures'}</a></span></p>{/if}

¿Has intentado contactar con el desarrollador de la plantilla?

[AlbertoPyme]

¡Muchas gracias galindogadea! He copiado casi a pelo esa porción de código sustituyendo la correspondiente de la plantilla que varia bastante y ya casi esta solucionado, solo queda rematar con css.

 

Contacte también con el desarrollador de la plantilla y me dijo que abriera un ticket en su web, pero he preferido preguntar también a la comunidad por lo rápidos que sois. Ademas, no sabia si se me iba a entender en ingles lo que quería decir.

 

Dejare abierto un poco el hilo por si encuentro mas fallos.

 

Si no es mucho pedir, ¿me podríais decir que parte del código default es el que muestra los controles "next" y "previous" cuando agrandas las fotos de producto? (Thickbox creo que se llama).

[AlbertoPyme]

Vale, doy por solucionado el tema, solo con algunos ajustes css ha quedado como quería.

[Alberto Fernández]

Tengo la misma plantilla y el mismo problema, modificaré el product.tpl con el código por defecto.

 

En mi caso, necesito mostrar 6 fotos en 2 filas de 3 columnas, con las flechitas.....