SOLUCIONADO. No se muestran las subcategorias en grid

Revolver · October 8, 2013

Hola.

Seguí éste tutorial (http://victor-rodenas.com/2013/02/16/guia-mostrar-subcategorias-en-grid-cuadricula-en-prestashop-1-5/) de nuestro magnífico Nadie para ver las subcategorías en cuadrículas pero ahora al actualizar a 1.5.6 se muestran en la vista por defecto (en listas)

He mirado el código de /themes/default/css/category.css y lo tengo igual que antes.

¿Me podéis echar una mano?

Edited October 9, 2013 by Revolver (see edit history)

nadie · October 8, 2013

Lo primero olvidate de esa guía xDDDDDDDD

Usa esta: http://mypresta.eu/en/art/developer/prestashop-subcategories-grid.html

Revolver · October 8, 2013

Lo primero olvidate de esa guía xDDDDDDDD

Usa esta: http://mypresta.eu/en/art/developer/prestashop-subcategories-grid.html

Gracias ^^. Voy a ello, ahora cuento

nadie · October 8, 2013

Gracias ^^. Voy a ello, ahora cuento

Una vez realizado los cambios, recuerda forzar compilación y limpiar la cache de tu navegador.

El flush compile smarty y cache smarty hazlo con este modulo: http://www.prestashop.com/forums/topic/238282-modulo-flush-caches-compile-ps15/ (En realidad pulsa en el modulo en limpiar todo)

Lo de limpiar cache de tu navegador xD es propio de tu navegador. (No sea que se te queden cambios anteriores en el navegador del css, y por eso no veas tu propio cambio)

Revolver · October 8, 2013

Una vez realizado los cambios, recuerda forzar compilación y limpiar la cache de tu navegador.

El flush compile smarty y cache smarty hazlo con este modulo: http://www.prestashop.com/forums/topic/238282-modulo-flush-caches-compile-ps15/ (En realidad pulsa en el modulo en limpiar todo)

Lo de limpiar cache de tu navegador xD es propio de tu navegador. (No sea que se te queden cambios anteriores en el navegador del css, y por eso no veas tu propio cambio)

El módulo de kik-off lo tengo instalado ^^.

He borrado las caches de Chrome y Firefox y sigo igual, no me aparecen las subcategorias en grid.

Lo curioso es que aparezcan igual después de todo el código que hay cambiado XD

Este es el category.tpl

{*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2013 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

{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'}
				{if isset($categoryNameComplement)}
					{$categoryNameComplement|escape:'htmlall':'UTF-8'}
				{/if}
			{/strip}
		</h1>
		
		<div class="resumecat category-product-count">
			{include file="$tpl_dir./category-count.tpl"}
		</div>
		
		{if $scenes || $category->description || $category->id_image}
		<div class="content_scene_cat">
			{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_default')|escape:'html'}" 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">
				{if strlen($category->description) > 120}
					<p id="category_description_short">{$category->description|truncate:120}</p>
					<p id="category_description_full" style="display:none">{$category->description}</p>
					<a href="#" onclick="$('#category_description_short').hide(); $('#category_description_full').show(); $(this).hide(); return false;" class="lnk_more">{l s='More'}</a>
				{else}
					<p>{$category->description}</p>
				{/if}
				</div>
			{/if}
		</div>
		{/if}
		{if isset($subcategories)}
		<!-- Subcategories -->
		<div id="subcategories">
			<h3>{l s='Subcategories'}</h3>
			<ul class="inline_list">
			{foreach from=$subcategories item=subcategory}
				<li class="clearfix">
					<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}" class="img">
						{if $subcategory.id_image}
							<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{else}
							<img src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{/if}
					</a>
					<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" class="cat_name">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>
					{*{if $subcategory.description}
						<p class="cat_desc">{$subcategory.description}</p>
					{/if}*}
                    {if $subcategory.id_image}
    <img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html'}" alt="{if $subcategory.description}{$subcategory.description}{/if}" width="{$mediumSize.width}" height="{$mediumSize.height}" />
{else}
    <img src="{$img_cat_dir}default-medium_default.jpg" alt="{if $subcategory.description}{$subcategory.description}{/if}" width="{$mediumSize.width}" height="{$mediumSize.height}" />
{/if}
				</li>
			{/foreach}
			</ul>
			<br class="clear"/>
		</div>
		{/if}

		{if $products}
			<div class="content_sortPagiBar">
				{include file="$tpl_dir./pagination.tpl"}
				<div class="sortPagiBar clearfix">
					{include file="./product-sort.tpl"}
					{include file="./product-compare.tpl"}
					{include file="./nbr-product-page.tpl"}
				</div>
			</div>
			
			{include file="./product-list.tpl" products=$products}
			
			<div class="content_sortPagiBar">
				<div class="sortPagiBar clearfix">
					{include file="./product-sort.tpl" paginationId='bottom'}
					{include file="./product-compare.tpl" paginationId='bottom'}
					{include file="./nbr-product-page.tpl" paginationId='bottom'}
				</div>
				{include file="./pagination.tpl" paginationId='bottom'}
			</div>
		{/if}
	{elseif $category->id}
		<p class="warning">{l s='This category is currently unavailable.'}</p>
	{/if}
{/if}

Revolver · October 8, 2013

Y éste es el category.css

h1{margin-bottom:10px;}

.resumecat {
	margin:15px 0 10px 0;
	padding:8px 7px;
	color:#000;
	background:#f0f0f0;
}

.content_scene_cat {
	padding:5px;
	border:1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 1px #e2e2e2;
	-webkit-box-shadow: 0 1px 1px #e2e2e2;
	box-shadow: 0 1px 1px #e2e2e2;
}

.cat_desc {
	font-size:12px;
	line-height:18px;
}
.cat_desc p {padding:0 10px 5px 10px}
.cat_desc .lnk_more {
   padding:0 10px;
   color:#0088CC;
	background:url(../img/arrow_right_1.png) no-repeat 100% 4px transparent;
}


/* ************************************************************************************************
      SUB CATEGORIES
************************************************************************************************ */
#subcategories {
margin-top: 15px;
clear:both;
display:block;
overflow:hidden;   
}
#subcategories h3 {
	padding:14px 12px;
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	text-shadow:0 1px 0 #666;
	background:url(../img/bg_table_th.png) repeat-x 0 0 #999
}

.inline_list li {
  text-align: center;
  float: left;
  display: inline-block;
  width: 96px;
  height: 100px;
  border: 1px dotted #ccc;
  margin: 4px;
}
.inline_list  li {
	padding:10px 0;
	border-bottom:1px dotted #ccc
}
.inline_list  li .img {
	float:left;
	margin-right:15px
}
.inline_list  li img {
	border:1px solid #ccc
}
.inline_list  li .cat_name {
	font-weight:bold;
	font-size:13px
}

Revolver · October 9, 2013

Hola de nuevo. Doy el post por solucionado porque el código estaba bien.

El problema lo tenía yo con mi ftp que no me estaba actualizando y ayer no pude probarlo en profundidad. Gracias Victor.

Lo bueno de haber copiado todo el código, es que si alguien quiere hacer lo mismo sólo tiene que copiar y pegar ^^. Un saludo

nadie · October 9, 2013

Hola de nuevo. Doy el post por solucionado porque el código estaba bien.

El problema lo tenía yo con mi ftp que no me estaba actualizando y ayer no pude probarlo en profundidad. Gracias Victor.

Lo bueno de haber copiado todo el código, es que si alguien quiere hacer lo mismo sólo tiene que copiar y pegar ^^. Un saludo

Ya me extrañaba a mi, creia que estaba viendo duendes xDDDDD

PD: Cierro el tema.

Nos vemos por el foro !

Saludos,

Sign In

SOLUCIONADO. No se muestran las subcategorias en grid

Recommended Posts

Revolver

Link to comment

Share on other sites

nadie

Link to comment

Share on other sites

Revolver

Link to comment

Share on other sites

nadie

Link to comment

Share on other sites

Revolver

Link to comment

Share on other sites

Revolver

Link to comment

Share on other sites

Revolver

Link to comment

Share on other sites

nadie

Link to comment

Share on other sites

Browse

Activity

Go back to prestashop.com