X-Cart forums - Mod for subcategories in columns with descriptions and icons

Page 4 of 8

« First

Last »

Show 40 posts from this thread on one page

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (https://forum.x-cart.com/forumdisplay.php?f=20)

- - Mod for subcategories in columns with descriptions and icons (https://forum.x-cart.com/showthread.php?t=3848)

tntdesigns

06-16-2006 02:04 AM

Subcategory images & text for Xcart 4.1.1

Is there a modified Subcategory.tpl mod for XCart 4.1.1 to display Category icons and text on main page they whould like to share?
Tom

mffowler

06-16-2006 11:17 PM

Anyone know the code to display icons from the file system vs. DB? All of the subcat icon posts relate to "{$xcart_web_dir}/icon.php?categoryid={$cat}" and not "{$current_category.icon_url}".

The latter doesn't work for pulling icons onto a subcategories page... anyone?

- Mike

balinor

06-17-2006 02:28 AM

Ummm...I just posted that 2 posts back ;)

mffowler

06-17-2006 03:21 PM

Thanks P- One has to be thankful to a great forum moderator! Even when the answer was two posts away.

Your code should actually replace the original code as one should only pull image from the DB if they are storing them in there (like who would anyways?)....

Thanks,

mike.//

Justin@BDM

06-21-2006 06:52 AM

So is this the code I need to run on 4.1.1 to give my subcategories images? Is this the code people have always used? Why isn't this built into X-Cart as an option.. because if it is I can't find it anywhere.

balinor

06-21-2006 06:56 AM

Not sure if this will work on 4.1...

Justin@BDM

06-22-2006 09:36 AM

Quote:

Originally Posted by balinor

Not sure if this will work on 4.1...

is this how everyone HAS been doing it with previous versions on X-Cart?

balinor

06-22-2006 10:25 AM

Yep

mffowler

06-22-2006 11:03 PM

I got this to work for 4.1 with the foreach tag, but has anyone been able to transfer that to a section and loop X columns like this mod in 4.1?

Note to XC Team: This is something that should definitely be in X-Cart. There is no reason why people want a list of catageories without the ability the have the loaded icons display and loop.

- Mike

drudden

06-25-2006 07:41 AM

Does anyone have the updated code to show subcategory images in 4.1 yet?
All features that worked in previous versions would be nice, but at this point I am just looking to display the subcategory icon next to its existing name.

It seems a few people are also looking for this on different threads, but no answers have been posted. Mike had mentioned he got this to work using the foreach tag, but I haven't been able to find any information on this either.

Any help would be appreciated.

scottWB

06-29-2006 01:59 AM

This works for me to get multiple row categories with icons in 4.1.1. My use doesn't need text or descriptions, so you'll have to add that back if you do. Still needs some cleaning up, but it works. This is just a snip from the template.

Code:

{if $subcategories}





<table border="0" cellspacing="5" width="100%">

<tr>

{foreach from=$subcategories item=subcat}







  {if $tmp is not div by 2}

     </tr><tr valign="top">

  {/if}



<td class="SubcatTitle"><a href="home.php?cat={ $subcat.categoryid }" title="{ $subcat.category }">

[img]image.php?id={$subcat.categoryid}&amp;type=C[/img]

</a></td>



{assign var="tmp" value=$tmp+1}



{/foreach}

</tr></table>



{/if}

mffowler

06-29-2006 04:02 PM

Close, but use the file system for the cat. images. The code needs to be reworked using sections to allow for multiple columns (am trying it now), but here's your previous code with names and content and using the file system. I have left your database image call to see what was coded out...

Code:

{if $subcategories}

<table border="0" cellspacing="5" width="100%">

<tr>

{foreach from=$subcategories item=subcat}

  {if $tmp is not div by 2}

     </tr><tr valign="top">

  {/if}

<td class="SubcatTitle"><a href="home.php?cat={ $subcat.categoryid }" title="{ $subcat.category }">{if $subcat.icon_url}[img]{$subcat.icon_url}[/img]{else}[img]{$xcart_web_dir}/default_icon.gif[/img]{/if} 



{*

[img]image.php?id={$subcat.categoryid}&amp;type=C[/img]

*}



</a>








<font class="ItemsList">{ $subcat.category|escape }</font>







{if $config.Appearance.count_products eq "Y"}

{if $subcat.product_count}{ $subcat.product_count } {$lng.lbl_products}

{elseif $subcat.subcategory_count}{ $subcat.subcategory_count } {$lng.lbl_categories|lower}

{/if}

        {/if}



</td>

{assign var="tmp" value=$tmp+1}

{/foreach}

</tr></table>

{/if}

- Mike

MCM	06-29-2006 08:50 PM

This is a great mod! I've got an idea for an addition and two questions:

First, I've made the Icon/Category one link, instead of two on top of each other... no big deal. I've also added a title tag to the link, though, so when someone hovers, there can be text... this seems like it should be good for adding keyword density to the link. The problem is, I can't find the smarty tag for the category description, which is, in my opinion, highly appropriate for the title tag. If you can tell me the tag, I'd be very grateful.

Second, when a category has no products, there is nothing beneath the Category name. Is there a way for it to say "0 Items" instead of it being blank?

Here's my subcategories.tpl:

Code:

{* $Id: subcategories.tpl,v 1.43.2.2 2004/10/07 07:08:51 max Exp $ *}

{if $active_modules.Bestsellers ne "" and $config.Modules.bestsellers_menu ne "Y"}








{include file="modules/Bestsellers/bestsellers.tpl"}

{/if}








{if ($navigation_page eq "")||($navigation_page eq "1")}{$current_category.description|regex_replace:"/[\n]/":"

"}



{/if}

{capture name=dialog}

{assign var="tmp" value="0"}

{section name=cat_num loop=$subcategories}

{if $subcategories[cat_num].category}{assign var="tmp" value="1"}{/if}

{/section}





{* ==================== Sub categories mod start *}



{section name=cat_num loop=$subcategories}

{ if %cat_num.first% }

<table width="100%" border="0" align="center" cellpadding="5" cellspacing="0">

{/if}

{ if %cat_num.index% is div by 2}

<tr>

{/if}

<td align="center" valign="top">

<a title="Alternate Text" href="home.php?cat={ $subcategories[cat_num].categoryid }">

[img]{$xcart_web_dir}/icon.php?categoryid={$subcategories[cat_num].categoryid}[/img]




<font size="3">{ $subcategories[cat_num].category|escape } </font></a>

{ $subcategories[cat_num].description|escape }

{if $config.Appearance.count_products eq "Y"}

{if $subcategories[cat_num].product_count}




({ $subcategories[cat_num].product_count } Items)

{elseif $subcategories[cat_num].subcategory_count}

({ $subcategories[cat_num].subcategory_count } Subcategories)

{/if}

{/if}

</td>

{ if %cat_num.last% }

</tr>

</table>

{/if}

{/section}



{* ==================== Sub categories mod end *}





{if $tmp and $products ne "" }

<BR clear="left">

<HR size="1" noshade>

{/if}

{if $products}

{if $sort_fields}

<DIV align="right">{include file="main/search_sort_by.tpl" sort_fields=$sort_fields selected=$search_prefilled.sort_field direction=$search_prefilled.sort_direction url="home.php?cat=`$cat`&"}</DIV>

{/if}

{if $total_pages gt 2}






{ include file="customer/main/navigation.tpl" }

{/if}

<HR size="1" width="100%">

{include file="customer/main/products.tpl" products=$products}

{/if}

{if $products eq "" and $tmp eq "0"}

{$lng.txt_no_products_in_man}

{/if}

{/capture}

{include file="dialog.tpl" title=$current_category.category content=$smarty.capture.dialog extra="width=100%"}

{if $products eq ""}

{if $f_products ne ""}








{include file="customer/main/featured.tpl"}

{/if}

{/if}

{ include file="customer/main/navigation.tpl" }

Jeremy

MCM	06-30-2006 01:36 PM

Oh, does anyone know what tag to add so (0 Items) appears when there are no items in a subcategory? Right now, (# Items) only shows up if the subcategory actually has items available.

Thanks,

Jeremy

kenlerch

07-06-2006 01:21 AM

Code Modified for use with DSEFU

Hey guys, I just got the code working with DSEFU's , v 4.0.17 Pro and figured it would be of use here since both seem to be a popular mod and I had seen at least one request in this thread.

Notes:
* This is the entire code for subcatecories.tpl
* Modified per Balinor's post on page 8 to use file system for images instead of a call to the database
* This code uses 4 columns. You have to set n in "div by n" to the (number of columns + 1). I also changed the width of the table to work with four columns, thus the "25%". Just change that value to the appropriate number for your number of columns (33% for 3, 20% for 5, etc).
* I used an image height of 50, so you may need to change that to your needs as well.

Thanks for this mod, it's definitely a good one. And thanks for this forum in general. I've found lots of good stuff here and figured I'd give something back with this post.

Code:

{* $Id: subcategories.tpl,v 1.43.2.2 2004/10/07 07:08:51 max Exp $ *} 

{if $active_modules.Bestsellers ne "" and $config.Modules.bestsellers_menu ne "Y"} 





 

{include file="modules/Bestsellers/bestsellers.tpl"} 

{/if} 





 

{if ($navigation_page eq "")||($navigation_page eq "1")}{$current_category.description|regex_replace:"/[\n]/":"

"}



{/if} 

{capture name=dialog} 

{assign var="tmp" value="0"} 

{section name=cat_num loop=$subcategories} 

{if $subcategories[cat_num].category}{assign var="tmp" value="1"}{/if} 

{/section}



{* ==================== Sub categories mod start *} 

{foreach from=$subcategories item=subcat name="subcats"}

{ if $smarty.foreach.subcats.first } 

<table width="100%" border="0" align="center" cellpadding="5" cellspacing="0"> 

{/if} 

{ if $smarty.foreach.subcats.iteration is div by 5} 

<tr> 

{/if} 

<td align="center" valign="top" width="25%"> 

<a href="{seo_link cat_name=$subcat.category cat_id=$subcat.categoryid}"> 

{if $subcat.icon_url}[img]{$subcat.icon_url}[/img]{else}[img]{$xcart_web_dir}/default_image.gif[/img]{/if} 

</a>

 

<a href="{seo_link cat_name=$subcat.category cat_id=$subcat.categoryid}"> 

<font size="1">{$subcat.category|escape}</font></a>

 

{if $config.Appearance.count_products eq "Y"} 

{if $subcat.product_count}{ $subcat.product_count }  {$lng.lbl_items} 

{elseif $subcat.subcategory_count}{ $subcat.subcategory_count } {$lng.lbl_categories|lower} 

{/if} 

{/if} 

</td> 

{ if $smarty.foreach.subcats.last } 

</tr> 

</table> 

{/if} 

{/foreach}

{* ==================== Sub categories mod end *} 



{if $tmp and $products ne "" } 

<BR clear="left"> 

<HR size="1" noshade> 

{/if} 

{if $products} 

{if $sort_fields} 

<DIV align="right">{include file="main/search_sort_by.tpl" sort_fields=$sort_fields selected=$search_prefilled.sort_field direction=$search_prefilled.sort_direction url="home.php?cat=`$cat`&"}</DIV> 

{/if} 

{if $total_pages gt 2} 



 

{ include file="customer/main/navigation.tpl" } 

{/if} 

<HR size="1" width="100%"> 

{include file="customer/main/products.tpl" products=$products} 

{/if} 

{if $products eq "" and $tmp eq "0"} 

{$lng.txt_no_products_in_man} 

{/if} 

{/capture} 

{include file="dialog.tpl" title=$current_category.category content=$smarty.capture.dialog extra="width=100%"} 

{if $products eq ""} 

{if $f_products ne ""} 





 

{include file="customer/main/featured.tpl"} 

{/if} 

{/if} 

{ include file="customer/main/navigation.tpl" }

photo

07-06-2006 04:19 AM

Quote:

Originally Posted by mffowler

Code:

{if $subcategories}

<table border="0" cellspacing="5" width="100%">

<tr>

{foreach from=$subcategories item=subcat}

  {if $tmp is not div by 2}

     </tr><tr valign="top">

  {/if}

<td class="SubcatTitle"><a href="home.php?cat={ $subcat.categoryid }" title="{ $subcat.category }">{if $subcat.icon_url}[img]{$subcat.icon_url}[/img]{else}[img]{$xcart_web_dir}/default_icon.gif[/img]{/if} 



{*

[img]image.php?id={$subcat.categoryid}&amp;type=C[/img]

*}



</a>








<font class="ItemsList">{ $subcat.category|escape }</font>







{if $config.Appearance.count_products eq "Y"}

{if $subcat.product_count}{ $subcat.product_count } {$lng.lbl_products}

{elseif $subcat.subcategory_count}{ $subcat.subcategory_count } {$lng.lbl_categories|lower}

{/if}

        {/if}



</td>

{assign var="tmp" value=$tmp+1}

{/foreach}

</tr></table>

{/if}

- Mike

Did you ever make any progress on this?

Thanks

mrkenzie

07-08-2006 05:38 PM

This is the code that I have and works with 4.1.0. I have added several things to this modification. Not only will it display the categories in columns, it will:
1. display the default "No Image Avail." image if one is not assigned
2. display "0 Products" if there are no subcategories or products for a particular category.
3. it will show the subcategory DESCRIPTION if there is one when you hover over the subcategory link.

Take it, use it, modify it. Good luck!

Here is what you add to the Skin1.css

Code:

.ColumnTitles { padding-left: 5px; text-align: center; width: 33%; }

Find this in categories.php:

Code:

$_categories = func_query_hash("SELECT $to_search FROM $sql_tbl[categories] USE INDEX (am) $join_tbl ".(!empty($search_condition)?"WHERE ".implode(" AND ", $search_condition):"")." GROUP BY $sql_tbl[categories].categoryid ".$sort_condition, "categoryid", false);

and replace with this (in order to get the category description):

Code:

$_categories = func_query_hash("SELECT $to_search, $sql_tbl[categories].description FROM $sql_tbl[categories] USE INDEX (am) $join_tbl ".(!empty($search_condition)?"WHERE ".implode(" AND ", $search_condition):"")." GROUP BY $sql_tbl[categories].categoryid ".$sort_condition, "categoryid", false);

Here is the code that I changed in subcategories.tpl:

Code:

{if $subcategories}

<table cellspacing="5" width="100%" border="0">

<tr>

{foreach from=$subcategories item=subcat}



{if $tmp is div by 3} 

     </tr><tr><td colspan="3"></td></tr><tr valign="top"> 

{/if} 



{ if $tmp and $first_subcat ne "Y" }

        {assign var="tmp" value=0}

        {assign var="first_subcat" value="Y"}

{/if}



 <td class="ColumnTitles" valign="top"><a title="{$subcat.description}" href="home.php?cat={ $subcat.categoryid }"><img src="{if $subcat.icon_url}{$subcat.icon_url}{else}{$xcart_web_dir}/default_image.gif{/if}" alt="" />



        <font class="ItemsList">{ $subcat.category|escape }</font></a>



        {if $config.Appearance.count_products eq "Y"}

{if $subcat.product_count}{ $subcat.product_count } {$lng.lbl_products}

{elseif $subcat.subcategory_count}{ $subcat.subcategory_count } {$lng.lbl_categories|lower}

{else} 0 Products

{/if}

        {/if}

{assign var="tmp" value=$tmp+1}

{/foreach}

</table>

{/if}

By Default, it shows 3 columns. If you want to change the number of columns, then just change all the 3's to the number of columns you want in this line of code (from above):

Code:

{if $tmp is div by 3} 

     </tr><tr><td colspan="3"></td></tr><tr valign="top"> 

{/if}

And then change the following line in skin1.css (from above) for the appropriate td width %

Code:

.ColumnTitles { padding-left: 5px; text-align: center; width: 33%; }

I added a blank row between each row of subcategories, just to seperate the rows a little so it does not look so crowded.

Let me know if there are any problems.

dalmuti

07-08-2006 06:14 PM

Excellent! Works fine in 4.1.2!

Thank you,

Louise

robf	07-08-2006 08:32 PM

Right on, I've been waiting a while for someone to get the right code, thanks a lot Mike, it works great on 4.1.2 :)

mffowler

07-08-2006 09:20 PM

Thanks Mike. Works beautifully and a great sign that the forum will commence it's move to supprting 4.1.x users....

- Mike

MCM	07-09-2006 11:12 PM

Is there any way to get this to work in 4.0.x?

hooter

07-09-2006 11:42 PM

Please look at page 3 of this same thread, about half-way down.

Quote:

Originally Posted by MCM

Is there any way to get this to work in 4.0.x?

MCM	07-09-2006 11:45 PM

Quote:

Originally Posted by hooter

Please look at page 3 of this same thread, about half-way down.

Quote:

Originally Posted by MCM

Is there any way to get this to work in 4.0.x?

Sorry, I meant the fix that's just above which includes the title tag for each link containing the subcategory description :oops:

jdedba

07-10-2006 10:14 AM

Good mod is coming out for 4.1.2! Thanks a lot for sharing!

drudden

07-10-2006 11:52 AM

Excellent

Thank you for this code. I think this will help a lot of people as they start upgrading to the new version of X-Cart.

timbrrr

07-10-2006 01:11 PM

Well done Mrkenzie! I have no idea why this is not an option in Xcart to begin with!
The only thing that the user will have to be careful of (or at least that I've noticed) is to make sure to resize your images used for the subcats to be all of the same size to keep uniformity, but such a small price to pay for having this!
Also, you might add the directories to find the file to change- I was able to find them using dreamweaver to locate the text to be changed- Something that might help the not-so fluent savy xcart users. *raises hand**
Once again, thank you for taking the time to come up with this mod, and most of all sharing it with the rest of us!

hudge

08-15-2006 05:21 PM

Multi column and thumbnails in subcat ver 4.1

Has anyone got this to work with version 4.

here is my code but I cant get the columns.

Code:

{if $subcategories}

<table cellspacing="5" width="100">



{foreach from=$subcategories item=subcat}

<tr>

<td class="SubcatTitle" align="center">

<a href="home.php?cat={ $subcat.categoryid }"><center>

[img]{$xcart_web_dir}/image.php?id={$subcat.categoryid }&amp;type=C[/img]









{ $subcat.category|escape }

</center>

</a>

</td>

</tr>

{/foreach}



</table>



{/if}

[/code]

tntdesigns

08-15-2006 05:33 PM

I see your using 4.0.12, the mode on forum page 10 is for ver 4.1+
Try backing up to page 7 or 8
But if you do have ver 4.1+ I'm working on that my self.
Tom

hudge

08-15-2006 06:06 PM

I am on 4.1 my other carts are old. My code works just need the column feature. I also want to add columns in products.tpl do you know where that link is? pm me and lets try to solve this. thanks.

hudge

08-15-2006 06:16 PM

Thanks Got it to work using mrkenzie code dont know where cat.php is, but it still works.

oshaine

08-22-2006 05:01 AM

Re: Mod for subcategories in columns with descriptions and icons

Quote:

Originally Posted by mrkenzie

Code:

.ColumnTitles { padding-left: 5px; text-align: center; width: 33%; }

Find this in categories.php:

Code:

$_categories = func_query_hash("SELECT $to_search FROM $sql_tbl[categories] USE INDEX (am) $join_tbl ".(!empty($search_condition)?"WHERE ".implode(" AND ", $search_condition):"")." GROUP BY $sql_tbl[categories].categoryid ".$sort_condition, "categoryid", false);

and replace with this (in order to get the category description):

Code:

$_categories = func_query_hash("SELECT $to_search, $sql_tbl[categories].description FROM $sql_tbl[categories] USE INDEX (am) $join_tbl ".(!empty($search_condition)?"WHERE ".implode(" AND ", $search_condition):"")." GROUP BY $sql_tbl[categories].categoryid ".$sort_condition, "categoryid", false);

Here is the code that I changed in subcategories.tpl:

Code:

{if $subcategories}

<table cellspacing="5" width="100%" border="0">

<tr>

{foreach from=$subcategories item=subcat}



{if $tmp is div by 3} 

     </tr><tr><td colspan="3"></td></tr><tr valign="top"> 

{/if} 



{ if $tmp and $first_subcat ne "Y" }

        {assign var="tmp" value=0}

        {assign var="first_subcat" value="Y"}

{/if}

<td class="ColumnTitles" valign="top"><a title="{$subcat.description}" href="home.php?cat={ $subcat.categoryid }">[img]{if $subcat.icon_url}{$subcat.icon_url}{else}{$xcart_web_dir}/default_image.gif{/if}[/img]

        

 

        <font class="ItemsList">{ $subcat.category|escape }</font></a>



        {if $config.Appearance.count_products eq "Y"}

{if $subcat.product_count}{ $subcat.product_count } {$lng.lbl_products}

{elseif $subcat.subcategory_count}{ $subcat.subcategory_count } {$lng.lbl_categories|lower}

{else} 0 Products

{/if}

        {/if}

{assign var="tmp" value=$tmp+1}

{/foreach}

</table>

{/if}

By Default, it shows 3 columns. If you want to change the number of columns, then just change all the 3's to the number of columns you want in this line of code (from above):

Code:

{if $tmp is div by 3} 

     </tr><tr><td colspan="3"></td></tr><tr valign="top"> 

{/if}

And then change the following line in skin.css (from above) for the appropriate td width %

Code:

.ColumnTitles { padding-left: 5px; text-align: center; width: 33%; }

I added a blank row between each row of subcategories, just to seperate the rows a little so it does not look so crowded.

Let me know if there are any problems.

Where do i find categories.php....so i can change the code.
I didn't see skin.css anywhere..i only saw skin1.css. Are they the same?

mrkenzie

08-22-2006 05:23 AM

Re: Mod for subcategories in columns with descriptions and icons

Categories.php is in the include folder.

You are right, it is skin1.css.

oshaine

08-22-2006 05:49 AM

Re: Mod for subcategories in columns with descriptions and icons

This is not working for me...this is what i'm getting....http://www.tolbert-pkg.com/store/home.php?cat=8

Can u please tell me what i'm doing wrong

mrkenzie

08-22-2006 05:56 AM

Re: Mod for subcategories in columns with descriptions and icons

In subcategories.tpl:

This line:

Code:

<td class="ColumnTitles" valign="top"><a title="{$subcat.description}" href="home.php?cat={ $subcat.categoryid }">[img]{if $subcat.icon_url}{$subcat.icon_url}{else}{$xcart_web_dir}/default_image.gif{/if}[/img]

should be

Code:

<td class="ColumnTitles" valign="top"><a title="{$subcat.description}" href="home.php?cat={ $subcat.categoryid }">{if $subcat.icon_url}{$subcat.icon_url}{else}{$xcart_web_dir}/default_image.gif{/if}

I am not sure how the [image] tag got in there, maybe when they updated the forum,

oshaine

08-22-2006 06:09 AM

Re: Mod for subcategories in columns with descriptions and icons

I have replaced the line and there is no change. What else to do?

mrkenzie

08-22-2006 06:25 AM

Re: Mod for subcategories in columns with descriptions and icons

My bad -

This is what you should replace it with:

Code:

<td class="ColumnTitles" valign="top"><a title="{$subcat.description}" href="home.php?cat={ $subcat.categoryid }"><img src="{if $subcat.icon_url}{$subcat.icon_url}{else}{$xcart_web_dir}/default_image.gif{/if}" alt="" />{/if}

See if that works.

oshaine

08-22-2006 06:29 AM

Re: Mod for subcategories in columns with descriptions and icons

i am getting this on the site....Fatal error: Smarty error: [in customer/main/subcategories.tpl line 29]: syntax error: mismatched tag {/if}. expected {/foreach} (opened line 19). (Smarty_Compiler.class.php, line 2286) in /home/hosts/tolbert-pkg.com/public_html/store/Smarty-2.6.12/Smarty.class.php on line 1095

mrkenzie

08-22-2006 06:31 AM

Re: Mod for subcategories in columns with descriptions and icons

Remove the last {/if}

I am not sure if you have the {/if} on the next line or not.

oshaine

08-22-2006 06:34 AM

Re: Mod for subcategories in columns with descriptions and icons

It worked. Thanks you very good.
How can i get the category name under the image?....not to the bottom right of the image

leorulz

08-22-2006 09:10 AM

Re: Mod for subcategories in columns with descriptions and icons

I have implemented this mod for x-cart 4.1.2, but for some reason thumbnails are not being displayed. You can visit my site at http://www.dreamindiamonds.com/store/home.php?cat=253 OR view an example below.

http://www.dreamindiamonds.com/ex.jpg

All times are GMT -8. The time now is 04:39 AM.

Page 4 of 8

« First

Last »

Show 40 posts from this thread on one page