Cambiar posición miniaturas página producto

[dePereira]

Muy buenas!

Pues la duda es esa, actualmente me aparecen las miniaturas de los productos a la derecha de la principal, he intentando modificar el prodcut.tpl para que se pongan debajo de la principal y no a la derecha, pero algo editaré mal porque no lo consigo.

 

Os pego el código de lo que creo debería modificar:

 

{if isset($images) && count($images) > 0}

<!-- thumbnails -->

<div id="views_block" class="clearfix views-vertical{if isset($images) && count($images) < 1}hidden{/if}">

 

<div id="thumbs_list" class="thumbs-vertical">

<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=imageTitle value=$image.legend|escape:'html':'UTF-8'}

{else}

{assign var=imageTitle value=$product->name|escape:'html':'UTF-8'}

{/if}

<li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}>

<a{if $jqZoomEnabled && $have_image && !$content_only} href="javascript:void(0);" rel="{literal}[spam-filter]/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal[spam-filter]{/literal}"{else} href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}" data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"{/if} title="{$imageTitle}">

<img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}" {if isset($cartSize)} height="{$cartSize.height}" width="{$cartSize.width}"{/if} itemprop="image" />

</a>

</li>

{/foreach}

{/if}

</ul>

</div> <!-- end thumbs_list -->

{if isset($images) && count($images) > 4}

<div class="view_scroll_spacer carousel-controls carousel-controls-v2">

<div class="view_scroll_spacer_left">

<a id="view_scroll_left" class="carousel-control left" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">

<span class="icon-prev"></span>

</a>

</div>

<div class="view_scroll_spacer_right">

<a id="view_scroll_right" class="carousel-control right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">

<span class="icon-next"></span>

</a>

</div>

</div>

{/if}

</div> <!-- end views-block -->

<!-- end thumbnails -->

{/if}

 

Ojalá alguien me pueda echar un cable!

[Code-Plus]

Buenas, no tienes que tocar código, sólo mover el div del tumbails debajo del div de la foto principal. Saludos

[dePereira]

Mil gracias Code-plus, pero esto ya lo conseguí arreglar jeje

Muchas gracias de todos modos!