Jump to content

Crear un nuevo id de imagen y asignarlo a las imágenes de subcategorías


Ismael Arguedas

Recommended Posts

Hola,

 

Uso Prestashop 1.6.09 y el tema "default bootstrap"

 

Quiero crear un nuevo id de imagen para las imágenes de subcategorías, Éstas, por defecto vienen asociadas a el id "medium_default".

 

Lo que hago es, desde el B.O:

 

Menú> imágenes> "añadir nuevo".  Relleno todos los datos de un nuevo modelo de imágen y lo asocio a "categorías" le pongo el nombre de "banner_categoria" y las medidas de 242x130px

 

Despues (también desde el B.O) edito la "medium_default" que es la de 125x125 que viene asociada por defecto  y le digo que se deje de usar en las categorías.

 

Bien, ahora voy a el archivo "category.tpl", y sustituyo todas las "medium_default" por "banner_categoria"

 

dejo un ejemplo del trozo de código:

<div class="subcategory-image">
						<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
						{if $subcategory.id_image}
							<img class="replace-2x" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'banner_categoria')|escape:'html':'UTF-8'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{else}
							<img class="replace-2x" src="{$img_cat_dir}default-banner_categoria.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{/if}

Pues bien, las imagenes curiosamente se siguen mostrando a 125x125 px

 

 

Alguna idea de que me falta añadir , sustituir, o simplemente estoy haciendo mal?

 

Gracias

Link to comment
Share on other sites

Es posible que esten reducidas por css. Mira que estilos tiene con firebug o similar

 

Hola Enrique,

 

en principio el único estilo de la hoja de estilos"category.css" que creo que afecta "directamente" a las nuevas medidas  es este:

 

Línea 52 > width: 145px ( ya lo tengo eliminado).

/* ************************************************************************************************
									Sub Categories Styles
************************************************************************************************ */
#subcategories {
  border-top: 1px solid #d6d4d4;
  padding: 15px 0 0px 0; }
  #subcategories p.subcategory-heading {
    font-weight: bold;
    color: #333333;
    margin: 0 0 15px 0; }
  #subcategories ul {
    margin: 0 0 0 -20px; }
    #subcategories ul li {
      float: left;
      width: 145px;
      margin: 0 0 13px 33px;
      text-align: center;
      height: 202px; }
      #subcategories ul li .subcategory-image {
        padding: 0 0 8px 0; }
        #subcategories ul li .subcategory-image a {
          display: block;
          padding: 9px;
          border: 1px solid #d6d4d4; }
          #subcategories ul li .subcategory-image a img {
            max-width: 100%;
            vertical-align: top; }
      #subcategories ul li .subcategory-name {
        font: 600 18px/22px "Open Sans", sans-serif;
        color: #555454;
        text-transform: uppercase; }
        #subcategories ul li .subcategory-name:hover {
          color: #515151; }
      #subcategories ul li .cat_desc {
        display: none; }
      #subcategories ul li:hover .subcategory-image a {
        border: 5px solid #f5b800;
        padding: 5px; }

Recuerda que tienes que regenerar las imagenes que has editado para que se establezca el cambio de tamaño en las imagenes, no sé si lo estás haciendo

 

Hola Ventura,

Si aunque no lo comenté cuando plantee lo hecho hasta ahora, después de realizar las modificaciones en "imágenes" regeneré las miniaturas (solo las de categorías).

Link to comment
Share on other sites

  • nadie locked this topic
Guest
This topic is now closed to further replies.
×
×
  • Create New...