[SOLVED] Subcategories as grid problem

[HelenaJ]

Hello,

 

In my test shop tried putting subcategories on a grid and used the following tutorial.

 

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

 

Did all the steps, but appear me two errors!

 

1st  The name of subcategory disappeared.

2nd image is not centered.

 

 

 

 

 

Can somebody help me please? 

[vekia]

share url to your website please

+ can you show contents of your cateogry.tpl file

[HelenaJ]

This is my test shop on localhost..

 

{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>

 

 

 

{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="{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}

{*

{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}

*}

</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}

[vekia]

well i asked about url because it's a matter of css modification

i just wanted to inspect website, but as you said - it's on localhost, so i can't

 

check this: http://www.prestashop.com/forums/topic/244509-solved-display-sub-categories-as-grid/

 

there is a guide (especially page 2) related to this problem

[HelenaJ]

oh ok..

 

Thanks..

[vekia]

hey no worries, i posted link to solution

have you checked it? it is worth to check it!

[HelenaJ]

The 2nd error is corrected ... the image is already in the middle.

 

But my biggest error remains.. the names of the subcategories disappeared

 

I have an online store, but I am doing tests on localhost.

I don't want to try on another store because I'm afraid I can't put it all right.

[vekia]

btw, you've got error in code:
 

{*
{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}
+}

what is +} ?

 

 

and regarding to the category name

instead of +} use proper code, im ean: *}

your category name will appear again

[HelenaJ]

Thankssssss =) SOLVED!

 

You're the best

[vekia]

you're very welcome

topic marked as solved, finally! :)

[HelenaJ]

One more question ...

On the product page appears an image relating to the paypal payment

How can I withdraw?

[HelenaJ]

I managed to remove..

thanks