robustiana.com

Domingo, 18 Agosto 2013 14:58

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

Escrito por 

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. 

 

Visto 4917 veces

Publicidad

Buscador de plantillas