Forma de presentar las subcategorias en frontoffice

[Juan Pablo Pierucci]

Hola,

 

Quisiera cambiar la forma de presentar la subcategorías. Generalmente ya viene programado para que las subcategorías se muestren con una foto miniatura, pero a mi me interesa que aparezca solo un boton con el titulo de la categoria.

Encontré una pagina que utiliza prestashop en donde se muestra la forma en que quiero que se vea. 

 

http://www.importateur-pianos-grossiste.fr/22-outillage-accordeurs-electroniques

 

Si alguien puede ayudarme a encontrar la manera de cambiar ese formato estaré muy agradecido.

 

Saludos

 

Juan

 

 

[Sergio Ruiz]

Hola,

 

Quisiera cambiar la forma de presentar la subcategorías. Generalmente ya viene programado para que las subcategorías se muestren con una foto miniatura, pero a mi me interesa que aparezca solo un boton con el titulo de la categoria.

Encontré una pagina que utiliza prestashop en donde se muestra la forma en que quiero que se vea. 

 

http://www.importateur-pianos-grossiste.fr/22-outillage-accordeurs-electroniques

 

Si alguien puede ayudarme a encontrar la manera de cambiar ese formato estaré muy agradecido.

 

Saludos

 

Juan

Ficheros a editar:

/themes/tu-plantilla/category.tpl

/themes/tu-plantilla/css/category.css

Feliz semana santa !

Edited January 31, 2017 by Sergio Ruiz (see edit history)

[Juan Pablo Pierucci]

Hola Sergio,

 

Gracias nuevamente por tu aporte.

Por el momento lo que es edición de archivos y los códigos no lo sé hacer. No sé que programa se necesita..

[Sergio Ruiz]

Hola Sergio,

 

Gracias nuevamente por tu aporte.

Por el momento lo que es edición de archivos y los códigos no lo sé hacer. No sé que programa se necesita..

Baja el fichero desde el ftp o el administrador de archivos de tu hosting, abrelo con notepad++  https://notepad-plus-plus.org/

 

Y por ejemplo el category.tpl

 

Cambia esto:

      	<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, 'medium_default')|escape:'html':'UTF-8'}" alt="{$subcategory.name|escape:'html':'UTF-8'}" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{else}
							<img class="replace-2x" src="{$img_cat_dir}{$lang_iso}-default-medium_default.jpg" alt="{$subcategory.name|escape:'html':'UTF-8'}" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{/if}
					</a>
                   	</div>
					<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}</a></h5>

por

      	<div class="subcategory-image">
										<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}</a></h5>
                   	</div>

Y en el category.css cambia por ejemplo esto:

#subcategories ul li {
    float: left;
    width: 145px;
    margin: 0 0 13px 33px;
    text-align: center;
     height: 202px; 
}

por

#subcategories ul li {
    float: left;
    width: 145px;
    margin: 0 0 13px 33px;
    text-align: center;
     height: 85px; 
}