Modificar subcategorías.

[ferreteriala]

Hola,

 

Debería modificar que no aparecieran las imágenes de las categorías en la plantilla y dejarlo solo con un cuadro y el nombre de la categoría, ya que son muchos productos y mejor si la página es más intuitiva.

 

Ando bastante perdido en las modificaciones de las plantillas, a ver si alguien puede decirme donde está el archivo a modificar y si no es mucho pedir como hacerlo.

 

Gracias.

[nadie]

Hola,

 

Debería modificar que no aparecieran las imágenes de las categorías en la plantilla y dejarlo solo con un cuadro y el nombre de la categoría, ya que son muchos productos y mejor si la página es más intuitiva.

 

Ando bastante perdido en las modificaciones de las plantillas, a ver si alguien puede decirme donde está el archivo a modificar y si no es mucho pedir como hacerlo.

 

Gracias.

Debes editar el fichero category.tpl de tu plantilla.

 

Un saludo,

[ferreteriala]

Debes editar el fichero category.tpl de tu plantilla.

 

Un saludo,

 

 

Puedes recomendarme alguna web donde pueda ver para que sirve cada símbolo?

 

Gracias.

[nadie]

Puedes recomendarme alguna web donde pueda ver para que sirve cada símbolo?

 

Gracias.

¿Que simbolo?

[ferreteriala]

<p>

Como bien apunta Nadie, debes de modificar category.tpl. La modificación que necesitas hacer es sencilla, tan solo deja el link dentro del tag</p>

<ul>

<li>eliminando el código de la imagen de subcategorias y modifica la clase en el css correspondiente. Ahora bien. En la imagen que has puesto como ejemplo, veo las flechas que despliegan las subcategorias que hay dentro de esas categorias. Esa modificación se complica un poco más. Saludos y suerte.

</li>

</ul>

Hola,

 

Voy muy perdido en estas modificaciones, copio y pego el fichero a ver si podeis analizarlo.

 

 

 

{include file="$tpl_dir./breadcrumb.tpl"}

{include file="$tpl_dir./errors.tpl"}

 

{if isset($category)}

{if $category->id AND $category->active}

<h1>{strip}

{$category->name|escape:'htmlall':'UTF-8'}

<span>

{if $category->id == 1 OR $nb_products == 0}{l s='There are no products.'}

{else}

{if $nb_products == 1}{l s='There is'}{else}{l s='There are'}{/if} 

{$nb_products} 

{if $nb_products == 1}{l s='product.'}{else}{l s='products.'}{/if}

{/if}

</span>{/strip}

</h1>

 

{if $scenes}

<!-- Scenes -->

{include file="$tpl_dir./scenes.tpl" scenes=$scenes}

{else}

<!-- Category image -->

<div class="clear"></div>

<div id="div_advancedsearch4">

{$HOOK_PM_ADVANCEDSEARCH4}

</div>

{if $category->id_image}

<div class="align_right" style="float:left; width:243px">

<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category')}" alt="{$category->name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}" />

</div>

{/if}

{/if}

 

{if $category->description}

<div class="cat_desc">{$category->description}</div>

{/if}

{if isset($subcategories)}

<!-- Subcategories -->

<div id="subcategories">

<h3>{l s='Subcategories'}</h3>

<ul class="inline_list">

{foreach from=$subcategories item=subcategory}

<li>

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}">

{if $subcategory.id_image}

<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'home')}" alt="" width="{$homeSize.width}" height="{$homeSize.height}" />

{else}

<img src="{$img_cat_dir}default-home.jpg" alt="" width="{$homeSize.width}" height="{$homeSize.height}" />

{/if}

</a>

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>

</li>

{/foreach}

</ul>

<br class="clear"/>

</div>

{/if}

 

{if $products}

{include file="$tpl_dir./product-compare.tpl"}

{include file="$tpl_dir./product-sort.tpl"}

{include file="$tpl_dir./product-list.tpl" products=$products}

{include file="$tpl_dir./product-compare.tpl"}

{include file="$tpl_dir./pagination.tpl"}

{elseif !isset($subcategories)}

<div class="clear"></div>

<p class="warning">{l s='There are no products in this category.'}</p>

{/if}

{elseif $category->id}

<div class="clear"></div>

<p class="warning">{l s='This category is currently unavailable.'}</p>

{/if}

{/if}

 

Gracias.

[ferreteriala]

Pero recuerda que debes de modificar la clase en el css correspodiente.

 

Saludos

 

 

¿modificar la clase?

 

Te importa darme alguna pista más?

[nadie]

Pero recuerda que debes de modificar la clase en el css correspodiente.

 

Saludos

 

 

¿modificar la clase?

 

Te importa darme alguna pista más?

 

En el mensaje de arriba el compañero statictic te lo dice, en el fichero themes/tuplantilla/css/category.css

en la propiedad:

body#category #subcategories li

[ferreteriala]

En el mensaje de arriba te lo dice, en el category.css

en la propiedad:

body#category #subcategories li

 

Disculpad la torpeza

 

 

 

/* category.tpl */

body#category #subcategories li { height: 150px; width: 150px; display:block; float:left; margin-left:4em; margin-bottom:5em; }

div.cat_desc { margin: 0 1em }

body#category div#subcategories .inline_list a img {float:left; margin:5px; border: solid 2px #2EA628; }

#category img#categoryImage { }

 

esto es lo que tengo ahora en el category.css

[ferreteriala]

Hola prueba con este:

{include file="$tpl_dir./breadcrumb.tpl"}
{include file="$tpl_dir./errors.tpl"}
{if isset($category)}
{if $category->id AND $category->active}
 <h1 title="{$category->description}">
  {strip}
{$category->name|escape:'htmlall':'UTF-8'}
{$categoryNameComplement|escape:'htmlall':'UTF-8'}
<span class="category-product-count">
 {include file="$tpl_dir./category-count.tpl"}
</span>
  {/strip}
 </h1>
 {if $scenes}
  <!-- Scenes -->
  {include file="$tpl_dir./scenes.tpl" scenes=$scenes}
 {else}
  <!-- Category image -->
  {if $category->id_image}
  <!-- <div class="align_center">
<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category')}" alt="{$category->name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}" />
  </div> -->
  {/if}
 {/if}
 {if $category->description}
  <!-- <div class="cat_desc">{$category->description}</div> -->
 {/if}
 {if isset($subcategories)}
 <!-- Subcategories -->
 <div id="subcategories">
  <h3>{l s='Subcategories'}</h3>
  <ul class="inline_list">
  {foreach from=$subcategories item=subcategory}
<li>
<!-- <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}">
  {if $subcategory.id_image}
   <img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
  {else}
   <img src="{$img_cat_dir}default-medium.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
  {/if}
 </a><br /> -->
 <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>
</li>
  {/foreach}
  </ul>
  <br class="clear"/>
 </div>
 {/if}
 {if $products}
{include file="$tpl_dir./product-compare.tpl"}
{include file="$tpl_dir./product-sort.tpl"}
{include file="$tpl_dir./product-list.tpl" products=$products}
{include file="$tpl_dir./product-compare.tpl"}
{include file="$tpl_dir./pagination.tpl"}
  {elseif !isset($subcategories)}
<p class="warning">{l s='There are no products in this category.'}</p>
  {/if}
{elseif $category->id}
 <p class="warning">{l s='This category is currently unavailable.'}</p>
{/if}
{/if}

 

Pero recuerda que debes de modificar la clase en el css correspodiente. En concreto es:

body#category #subcategories li

en category.css de tu theme.

 

Saludos

 

Hola,

 

Si lo pongo tal y como lo has puesto no aparecen las subcategorías, ( todo en blanco) no se si es que debería tambien modificar a la vez el .css