Tamaño de la imagen de subcategoría en K2

⚠️ Nota importante

Este artículo tiene más de un año. La tecnología evoluciona rápido, por lo que algunos contenidos o instrucciones pueden estar desactualizados. Recuerda buscar información reciente y actualizada.

Para las personas que buscan un tamaño de imagen en las subcategorías distinto al de las categorías, puede que alguno de estos puntos le ayuden. 

Primero, el tamaño de la imagen de la subcategoría viene determinado en el archivo /components/com_k2/css/k2.css.

En la línea de código que se muestra a continuación podemos establecer el ancho ya sea en pixeles o en porcentaje (básicamente para plantillas "responsive"):

"background-color: #ffff99;">div.subCategorya.subCategoryImage:hover img {background:#fff; padding:4px;border:1pxsolid#ddd;margin:08px00;width:98.1%;

Esto en mi caso ha sido suficiente, por lo general subo una imagen con una resolución un poco mayor a la mitad del ancho máximo del sitio y listo. No hay problemas de pixeleo ni deterioro de la calidad de la imagen. Tal vez se deba a que uso valores en porcentaje y no en pixeles. 

Sin embargo, hay personas que indican que tienen este problema. Lo primero que recomendaría es limpiar el caché de Joomla! Segundo pueden intentar subiendo la imagen en la calidad requerida manualmente vía FTP. La imágenes las pued encontrar en media\k2\categories. Ahora, también es posible que se deba a que sigue tomando la imagen que redimensionó a una resolución menor desde un inicio, esta probablemente se encuentra en \media\k2\items\ sin embargo al redimensionar el nombre es cambiado y puede resultar difícil encontrarla. De todos modos es un proceso complicado si se tienen muchas subcategorías. En general, he visto que puede que el problema viene dado (en ocaciones) por el tamaño asignado en los parámetros globales a la imagen de la categoría, que inicialmente es el que determina el tamaño del de la subcategoría, por lo que si aumentamos el valor en pixeles de este, resubimos la imagen y limpiamos caché puede que solucione el problema. 

 Por último, esta solución es válida para K2 v.2.2, sin embargo la idea es la misma en cualquier versión. 

  • Diríjase a administrator/components/com_k2/lib/ y edite el archivo config.xml, agregue este parámetro a partir de la línea 19 (catImageWidth):

<param menu="hide" name="subcatImageWidth" type="text" default="50" size="4" label="subCategory image width (in px)" description="" />

  •  Luego navegue al template que está utilizando y edite el category.php y agregue el atributo de estilo a SubCategoryImage:

 <a class="subCategoryImage" href="/<?php echo $subCategory->link; ?>"> <img alt="<?php echo $subCategory->name; ?>" src="/<?php echo $subCategory->image; ?>" style="width:<?php echo $this->params->get('subcatImageWidth'); ?>px; height:auto;" /> </a>

  •  Guarde y compruebe. 

 Recuerde siempre realizar un respaldo de los archivos por cualquier eventualidad. 

 

Fundador
Seguidor de Jesús. Escribo artículos en mi tiempo libre sobre temas de tecnología que me interesan.