Distorsion en Imagenes Frontpage categories

[chaaman]

En la pagina de inicio, tengo puestas las categorias con el modulo frontpage categories, pero las imagenes se ven como borrosas, cuando yo las originales las tengo nitidas y con buena calidad. Tambien me quedan varios espacios en blanco entre una categoria y otra.

Gracias de antemano.

 

Este modulo es valido para la version 1.4.8x, y lo que hace es poner en la pagina de inicio las categorias con imagen.

 

homecategories.zip

[nadie]

En la pagina de inicio, tengo puestas las categorias con el modulo frontpage categories, pero las imagenes se ven como borrosas, cuando yo las originales las tengo nitidas y con buena calidad. Tambien me quedan varios espacios en blanco entre una categoria y otra.

Gracias de antemano.

 

Este modulo es valido para la version 1.4.8x, y lo que hace es poner en la pagina de inicio las categorias con imagen.

 

homecategories.zip

Mira lo que dice el autor del modulo:

 

http://www.prestasho...module-for-v14/

 

Images are currently set to display at 100px x 100px, but that is easily changeable by altering the css at lines 3,4 + 6.

[nadie]

Dentro del fichero:

 

homecategories.css

 

Que esta dentro del modulo, fíjate en estas lineas:

 

div.home_categories img{width:100px;height:100px}
div.home_categories li{float:left;margin:5px;width:100px}
div.home_categories div{width:100px;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;border:1px outset black}

 

Y dentro del fichero:

 

homecategories.tpl

 

Fíjate en esto:

 

<img src="{$img_cat_dir}{$category.id_category}-medium.jpg" alt="{$category.name}" title="{$category.name}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}">

[chaaman]

Este es mi fichero css:

 

div.home_categories{margin-bottom: 5px}

div.home_categories ul{text-align:center;list-style:none}

div.home_categories img{width:105px;height:105px}

div.home_categories li{float:left;margin:5px;width:105px;height:105px}

 

Y este mi fichero homecategories.tpl

 

<!-- MODULE Home categories -->

 

<div class="home_categories">

 

<h2>{l s='Categories' mod='homecategories'}</h2>

 

{if isset($categories) AND $categories}

 

<ul>

 

{foreach from=$categories item=category name=homeCategories}

 

{assign var='categoryLink' value=$link->getcategoryLink($category.id_category, $category.link_rewrite)}

 

<li class="ajax_block_category {if $smarty.foreach.homeCategories.first}first_item{elseif $smarty.foreach.homeCategories.last}last_item{else}item{/if}">

 

<div><a href="{$categoryLink}" title="{$category.legend}" class="category_image"><img src="{$img_cat_dir}{$category.id_category}-medium.jpg" alt="{$category.name}" title="{$category.name}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}"></a></div>

 

 

 

 

</li>

 

{/foreach}

 

</ul>

 

{else}

 

<p>{l s='No categories' mod='homecategories'}</p>

 

{/if}

 

<div class="cr"></div>

 

</div>

 

<!-- /MODULE Home categories -->

 

 

No tengo activado ni el filtro alpha, ni nada.. es por eso que no entiendo como sigue teniendo la distorsion. Ni el por que de los espacios en blanco de las categorias.

[nadie]

¿Puede usted colocar la url de su tienda?

 

La distorsión es por que se esta forzando un redimensionamiento, así que una opción es crear un nuevo tipo de imagen en la pestaña Preferencias/Imágenes, y asignarlo en el tpl, con las medidas referenciales del css.

[chaaman]

http://imprenta-economica.com/es/

[nadie]

Respecto a las imagenes, haz esto edita el fichero: (Me refiero a que se vean nítidas)

 

homecategories.tpl y cambia esto:

 

<img src="{$img_cat_dir}{$category.id_category}-medium.jpg" alt="{$category.name}" title="{$category.name}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}">

 

Por:

 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'chorizos')}" height="{$chorizosSize.height}" width="{$chorizosSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />

 

Una vez guardado los cambios. (Recuerda ir a la pestaña Preferencias/Rendimiento y señalar Forzar Compilación SI)

 

Ahora vamos a la pestaña Preferencias/Imágenes, y pulsa en: Añadir nuevo.

 

Escribes el nombre: chorizo, y en altura y en anchura le colocas 105, y le dices que solo se aplique a las categorías, y pulsas en guardar.

 

Ahora en la misma pestaña Preferencias/Imágenes

 

Abajo del todo pulsa en: Regenerar Miniaturas

[chaaman]

ya lo he hecho.. pero todo sigue igual

[nadie]

ya lo he hecho.. pero todo sigue igual

 

El fichero *.tpl no lo has modificado.

[nadie]

Borra el contenido del homecategories.tpl, y pega este contenido:

 

<!-- MODULE Home categories -->
<div class="home_categories">
<h2>{l s='Categories' mod='homecategories'}</h2>
{if isset($categories) AND $categories}
		<ul>
		{foreach from=$categories item=category name=homeCategories}
			{assign var='categoryLink' value=$link->getcategoryLink($category.id_category, $category.link_rewrite)}
			<li class="ajax_block_category {if $smarty.foreach.homeCategories.first}first_item{elseif $smarty.foreach.homeCategories.last}last_item{else}item{/if}">
			<div><a href="{$categoryLink}" title="{$category.legend}" class="category_image"><img src="{$img_cat_dir}{$category.id_category}-chorizos.jpg" alt="{$category.name}" title="{$category.name}" id="categoryImage" width="{$chorizosSize.width}" height="{$chorizosSize.height}"></a></div>
			<a href="{$categoryLink}" title="{$category.legend}">{$category.name|truncate:25}</a>
			</li>
		{/foreach}
		</ul>
{else}
	<p>{l s='No categories' mod='homecategories'}</p>
 {/if}
<div class="cr"></div>
</div>
<!-- /MODULE Home categories -->

 

 

Recuerda, que no solo debes subir el fichero, sino que deberás ir a la pestaña Preferencias/Rendimiento y señalar Forzar Compilación -> Si, para que se apliquen los cambios.

[chaaman]

umm.. creo que no.

Ya he hecho los cambios y forzado la compilacion.. pero todo sigue igual..

Creo que se esta resistiendo.. yo ya llevo una semana detras de la solucion y tampoco doy con ella.