Jump to content

Edit History

bewareofdog

bewareofdog

Hola, hace poco he actualizado Prestashop desde 1.6 a 1.7.6.5 y me he encontrado con cambios en las Subcategorías.

Siguiendo las instrucciones de nadie publicadas en su blog con el título de Mostrar subcategorías en el listado de categorías en Prestashop, procedí a modificar primero el código en el archivo category.tpl agregando lo siguiente:

 

<div id="subcategories">
<p class="subcategory-heading">{l s='Subcategories'}</p>
<ul class="clearfix">
{foreach from=$subcategories item=subcategory}
<li>
<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
<img class="replace-2x" src="{$urls.base_url}img/c/{$subcategory.id_category}.jpg" alt="{$subcategory.name|escape:'html':'UTF-8'}" />
</a>
<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>
</li>
{/foreach}
</ul>
</div>

 

Obteniendo este resultado:

 

Screenshot_2.thumb.jpg.a1cecbf3d6f89c7f1d3239086e1c04cd.jpg

 

Luego, siguiendo las mencionadas instrucciones,  he modificado el archivo custom.css agregando esto:

 

.subcategory-heading {
font-weight: bold;
}
#subcategories ul li {
float: left;
width: 25%;
text-align: center;
}
#subcategories ul li img {
margin-bottom: 10px;
}

 

Y he obtenido este resultado:

 

Screenshot_1.thumb.jpg.1d99c85c7cb1e12082b63dcbcafceb59.jpg

 

Lo que necesito saber es cómo debo modificar el código de category.tpl para que en la cuadrícula del listado de subcategorías, en lugar de cargar las imágenes de portada de la subcategoría, carguen las miniaturas de subcategoría:

 

Screenshot_4.thumb.jpg.5009ac73d41d00fa124bb5fdec931a9f.jpg

 

El objetivo es que el listado de subcategorías quede de ese modo:

 

Screenshot_3.thumb.jpg.b028f7a5b7f488e9616f83aa15d4c82e.jpg

 

Cualquier ayuda será bienvenida!!!

bewareofdog

bewareofdog

Hola, hace poco he actualizado Prestashop desde 1.6 a 1.7.6.5 y me he encontrado con cambios en las Subcategorías.

Siguiendo las instrucciones de nadie publicadas en su blog con el título de Mostrar subcategorías en el listado de categorías en Prestashop, procedí a modificar primero el código en el archivo category.tpl agregando lo siguiente:

 

<div id="subcategories">
<p class="subcategory-heading">{l s='Subcategories'}</p>
<ul class="clearfix">
{foreach from=$subcategories item=subcategory}
<li>
<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
<img class="replace-2x" src="{$urls.base_url}img/c/{$subcategory.id_category}.jpg" alt="{$subcategory.name|escape:'html':'UTF-8'}" />
</a>
<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>
</li>
{/foreach}
</ul>
</div>

 

Obteniendo este resultado:

 

Screenshot_2.thumb.jpg.a1cecbf3d6f89c7f1d3239086e1c04cd.jpg

 

Luego, siguiendo las mencionadas instrucciones,  he modificado el archivo custom.css agregando esto:

 

.subcategory-heading {
font-weight: bold;
}
#subcategories ul li {
float: left;
width: 25%;
text-align: center;
}
#subcategories ul li img {
margin-bottom: 10px;
}

 

Y he obtenido este resultado:

 

Screenshot_1.thumb.jpg.1d99c85c7cb1e12082b63dcbcafceb59.jpg

 

Lo que necesito saber es cómo debo modificar el código de category.tpl para que el la cuadrícula del listado de subcategorías, en lugar de cargar las imágenes de portada de la subcategoría, carguen las miniaturas de subcategoría:

 

Screenshot_4.thumb.jpg.5009ac73d41d00fa124bb5fdec931a9f.jpg

 

El objetivo es que el listado de subcategorías quede de ese modo:

 

Screenshot_3.thumb.jpg.b028f7a5b7f488e9616f83aa15d4c82e.jpg

 

Cualquier ayuda será bienvenida!!!

bewareofdog

bewareofdog

Hola, hace poco he actualizado Prestashop desde 1.6 a 1.7.6.5 y me he encontrado con cambios en las Subcategorías.

Siguiendo las instrucciones de nadie publicadas en su blog con el título de Mostrar subcategorías en el listado de categorías en Prestashop, procedí a modificar primero el código en el archivo category.tpl agregando lo siguiente:

 

<div id="subcategories">
<p class="subcategory-heading">{l s='Subcategories'}</p>
<ul class="clearfix">
{foreach from=$subcategories item=subcategory}
<li>
<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
<img class="replace-2x" src="{$urls.base_url}img/c/{$subcategory.id_category}.jpg" alt="{$subcategory.name|escape:'html':'UTF-8'}" />
</a>
<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>
</li>
{/foreach}
</ul>
</div>

 

Obteniendo este resultado:

 

Screenshot_2.thumb.jpg.a1cecbf3d6f89c7f1d3239086e1c04cd.jpg

 

Luego, siguiendo las mencionadas instrucciones,  he modificado el archivo custom.css agregando esto:

 

.subcategory-heading {
font-weight: bold;
}
#subcategories ul li {
float: left;
width: 25%;
text-align: center;
}
#subcategories ul li img {
margin-bottom: 10px;
}

 

Y he obtenido este resultado:

 

Screenshot_1.thumb.jpg.1d99c85c7cb1e12082b63dcbcafceb59.jpg

 

Lo que necesito saber es cómo debo modificar el código de category.tpl para que el la cuadrícula del listado de subcategorías, en lugar de cargar las imágenes de portada de la subcategoría, carguen las miniaturas de subcategoría:

 

Screenshot_4.thumb.jpg.5009ac73d41d00fa124bb5fdec931a9f.jpg

 

El objetivo es que el listado de subcategorías quede de ese modo:

 

Screenshot_3.thumb.jpg.b028f7a5b7f488e9616f83aa15d4c82e.jpg

 

Cualquier ayuda será bienvenida!!!

bewareofdog

bewareofdog

Hola, hace poco he actualizado Prestashop desde 1.6 a 1.7.6.5 y me he encontrado con cambios en las Subcategorías.

Siguiendo las instrucciones de nadie publicadas en su blog con el título de Mostrar subcategorías en el listado de categorías en Prestashop, procedí a modificar primero el código en el archivo category.tpl agregando lo siguiente:

 

<div id="subcategories">
<p class="subcategory-heading">{l s='Subcategories'}</p>
<ul class="clearfix">
{foreach from=$subcategories item=subcategory}
<li>
<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
<img class="replace-2x" src="{$urls.base_url}img/c/{$subcategory.id_category}.jpg" alt="{$subcategory.name|escape:'html':'UTF-8'}" />
</a>
<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>
</li>
{/foreach}
</ul>
</div>

 

Obteniendo este resultado:

 

Screenshot_2.thumb.jpg.a1cecbf3d6f89c7f1d3239086e1c04cd.jpg

 

Luego, siguiendo las mencionadas instrucciones,  he modificado el archivo custom.css agregando esto:

 

.subcategory-heading {
font-weight: bold;
}
#subcategories ul li {
float: left;
width: 25%;
text-align: center;
}
#subcategories ul li img {
margin-bottom: 10px;
}

 

Y he obtenido este resultado:

 

Screenshot_1.thumb.jpg.1d99c85c7cb1e12082b63dcbcafceb59.jpg

 

Lo que necesito saber es cómo debo modificar el código de category.tpl para que el la cuadrícula del listado de subcategorías, en lugar de cargar las imágenes de portada de la subcategoría, carguen las miniaturas de subcategoría:

 

Screenshot_4.thumb.jpg.5009ac73d41d00fa124bb5fdec931a9f.jpg

 

El objetivo es que el listado de subcategorías quede de ese modo:

 

Screenshot_3.thumb.jpg.b028f7a5b7f488e9616f83aa15d4c82e.jpg

 

Cualquier ayuda será bienvenida!!!

×
×
  • Create New...