small size for thumb of subcategory

[smog20]

Hi everyone,

 

I am setting a new web site with an alternative template bought from prestashop addons.

 

When i select a category the image for subcategories before the products are very small.

 

http://acuarina.com.co/3-vestidos-de-bano

 

Someone could help to find which setting to change the setting in image preference and regenerate the thumbs and also what should I do to make it bigger in files or source code.

 

Thanks a lot for your answers.

 

 

Kind regards,

 

 

Laurent

[vekia]

for the first you should change the sizes of the "subcat" image in your backoffice preferences > images tab

use size related to the picture sizes (proportion) that you want to upload.

 

then show us your category.tpl file located in the theme dir. it's hard to say what you have to change without knowing the sources

[smog20]

Thank a lot for your answer.

 

Here is the category.tpl file of the theme used.

 

 

{include file="$tpl_dir./breadcrumb.tpl"}

{include file="$tpl_dir./errors.tpl"}

{assign var='nbLiPerLine' value=3}

 

{if isset($category)}

{if $category->id AND $category->active}

<h1>

{strip}

{$category->name|escape:'htmlall':'UTF-8'}

{if isset($categoryNameComplement)}

{$categoryNameComplement|escape:'htmlall':'UTF-8'}

{/if}

{/strip}

</h1>

 

<div class="resumecat category-product-count">

{include file="$tpl_dir./category-count.tpl"}

</div>

 

{if $scenes || $category->description || $category->id_image}

<div class="content_scene_cat">

{if $scenes}

<!-- Scenes -->

{include file="$tpl_dir./scenes.tpl" scenes=$scenes}

{else}

<!-- Category image -->

{if $category->id_image}

<div class="align_center">

<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category')}" alt="{$category->name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage" width="680" height="200" />

</div>

{/if}

{/if}

 

{if $category->description}

<div class="cat_desc">

<p>{$category->description}</p>

<a href="#" class="lnk_more">{l s='More'}</a>

</div>

{/if}

</div>

{/if}

{if isset($subcategories)}

<!-- Subcategories -->

<div id="subcategories">

<h3>{l s='Subcategories'}</h3>

<ul class="inline_list">

{foreach from=$subcategories item=subcategory name=subcategorys}

<li class="clearfix {if $smarty.foreach.subcategorys.iteration%$nbLiPerLine == 2 }subcat_mil{/if}">

<div class="relative_subcat view-seventh">

 

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}" class="img">

{if $subcategory.id_image}

<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'subcat')}" alt="" width="220" height="65" />

{else}

<img src="{$img_cat_dir}default-medium.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />

{/if}

</a>

 

 

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" class="cat_name">{$subcategory.name|truncate:38:'..'|escape:'htmlall':'UTF-8'}</a>

 

<div class="mask">

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}">

<h2>{$subcategory.name|truncate:28:'..'|escape:'htmlall':'UTF-8'}</h2>

{if $subcategory.description}

<p class="cat_desc">{$subcategory.description|truncate:70:'..'}</p>

{/if}

</a>

</div>

</div>

</li>

{/foreach}

</ul>

<br class="clear"/>

</div>

{/if}

 

{if $products}

 

<div class="content_sortPagiBar">

<div class="sortPagiBar clearfix">

{include file="./product-sort.tpl"}

{include file="./product-compare.tpl"}

{include file="./nbr-product-page.tpl"}

{include file="./nbr-jquery-page.tpl"}

</div>

</div>

{include file="./product-list.tpl" products=$products}

{include file="./pagination.tpl"}

{elseif !isset($subcategories)}

<p class="warning">{l s='There are no products in this category.'}</p>

{/if}

{elseif $category->id}

<p class="warning">{l s='This category is currently unavailable.'}</p>

{/if}

{/if}

[vekia]

http://acuarina.com.co/c/8-subcat/bikini.jpg

take a look on the picture above

 

image sizes that you use for categories / subcategories is too wide

you've got size not related to the pictures that you're uploading

 

there is two ways to achieve what you want:

 

1) change the size of the pictures that you uploading to the size that you've got defined now

2) change the sizes definition to size related to your pictures, then regenerate thumbnails and change the css styles for subcats elements.

[smog20]

Hi Vekia,

 

Thanks for your answer.

 

I could change the picture size but the problem is the box arround the picture. How could i make it higher in order to avoid streching the pictures.

 

Thanks a lot

[vekia]

it's not related to the tpl file only, you've got there some script with rotating and hover efect

i don't know this template, there is no option to configure it in back office?

before you will change the css etc. is necessary to change categories thumbs to the correct format. Now there is still old version of the picture size

[smog20]

Hi Vekia,

Thanks for your support on this.

 

I change the bikini subcategory to a image of 150-220 that the size I would like to set the image for the subcategory.

 

What should I change now in order to allow higher image to be set in subcategory?

 

Kind regards,

[vekia]

Now you have to edit the css styles of the subcategories display in the page. I tried to check it but there is no subcategories visible :/ how it's possible?

[smog20]

Good question Vekia. To be sincer with my knowledge does not arrive up to here :s