PDA

View Full Version : Category tree

Leatherman
11-04-06, 07:21 PM
Hi I need some please!!! I know where to edit the store front page category tree and I need to make it look the same on all pages. I have added a space between the product links on the store front page and I want to add that space on all the pages that have the category tree I just don't know where to go to edit it.

Thank You Stan the Leatherman
Pete McNamara
11-04-06, 10:56 PM
Stan, I see you also asked this question in the Store Morph forum. Please don't post the same question in more than one forum. Also, have you done a search in the Merchant 5 forum for "category tree"? There are 148 threads with that term in them. These will give you all the knowledge you need plus a great deal of insight into the category tree and things you can do, especially with the category tree modules that are available.

Be that as it may, if you have been successful in making your change in the SFNT Page template, then you just need to copy that change to all the other Page templates e.g. CTGY, PROD, PLST etc., that include the category tree.

Hope this helps :)
Leatherman
11-04-06, 11:31 PM
Is it possible you can tell which line to edit to add spaces in between categories



<head>
<title>&mvt:store:name;: &mvt:category:name;</title>
<base href="&mvt:global:basehref;">
<mvt:item name="head" />
<mvt:item name="ads-metamaster" />
</head>
<mvt:item name="body">
<mvt:item name="hdft" param="global_header" />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td align="left" valign="bottom" colspan=2 >
<mvt:item name="navbar" />
</td></tr>
<tr><td align="left" valign="bottom">
<mvt:item name="hdft" param="header" />
</td></tr>
<tr><td align="left" valign="top" bgcolor="&mvt:colors:ctgy_bg;">
<table border="0" cellpadding="10" cellspacing="0">
<tr><td align="left" valign="top" nowrap>
<mvt:item name="fonts" param="ctgy_font">
<mvt:item name="customerlink" />
<mvt:item name="affiliatelink" />
<mvt:item name="category_tree" />
</mvt:item>
</td></tr>
</table>
</td><td align="left" valign="top" width="80%">
<br>
<blockquote>
<mvt:item name="prod_ctgy_hdft" param="ctgy_header" />
<mvt:if expr="NOT ISNULL l.settings:category_title:image">
<img src="&mvte:category_title:image;" alt="&mvte:category:name;" border="0">
<mvt:else>
<mvt:item name="fonts" param="hdr_font">
<b>&mvte:category:name;</b>
</mvt:item>
</mvt:if>
<mvt:item name="product_list" />
<mvt:item name="prod_ctgy_hdft" param="ctgy_footer" />
</blockquote>
</td></tr>
<tr><td align="left" valign="bottom">
<mvt:item name="hdft" param="footer" />
</td></tr>
</table>
<mvt:item name="hdft" param="global_footer" />
</mvt:item>
</html>
Vic - WolfPaw Computers
11-05-06, 12:45 AM
You cant. At least not directly without a third party module.

You could however, create dummy hidden categories and assign a transparent image to the category tree image that is the height you want.

Add these dummy categories in and move them up the tree to be between each of your regular categories. Just be sure to pur <!-- hidden --> or something like that in the Category Name.
Pete McNamara
11-05-06, 01:45 AM
Hi Stan,

I am very confused and I am sure others are too.

1. Your first post refers to product links on pages with the category tree however, you now seem to be referring to category links on pages with the category tree. Which is it?

2. You say in your first post that you got the correct look on the SFNT Page template. so what did you change on the SFNT template which gave you the spacing you seek?

3. If you are seeking to add spacing between links in the category tree, you can do that without a module, using CSS.

In every Page template, change this:
<table border="0" cellpadding="10" cellspacing="0">
<tr><td align="left" valign="top" nowrap>
<mvt:item name="fonts" param="ctgy_font">
<mvt:item name="customerlink" />
<mvt:item name="affiliatelink" />
<mvt:item name="category_tree" />
</mvt:item>
</td></tr>
</table>
to this:
<table border="0" cellpadding="10" cellspacing="0" id="cattree">
<tr><td align="left" valign="top" nowrap>
<mvt:item name="fonts" param="ctgy_font">
<mvt:item name="customerlink" />
<mvt:item name="affiliatelink" />
<mvt:item name="category_tree" />
</mvt:item>
</td></tr>
</table>
That is, give that table the ID of "cattree".

Then you'll need to insert this, into your HEAD Tag Content:

<style type="text/css">
<!--
#cattree a {
margin-bottom: 10px;
}
-->
</style>

The above will give you a 10px space at the bottom of each link in the category tree. Change that setting to whatever you want.

If you use CSS elsewhere in your store and have an external CSS file, then instead of making that above insert in the HEAD Tag Content section, just add this to your external CSS file:
#cattree a {
margin-bottom: 10px;
}

Hopefully I am answering your question but it is difficult to know as you aren't being precise enough in your posts.
Leatherman
11-05-06, 02:03 PM
Ok Let me clear this up. I have made a new page for my SFNT so now I can edit that page with html which I am not good at. IT's not the original page. So now when I add a category it doesn't go up on the SFNT page. I have to go in to SFNT and manual add the category. SO now all I did was add <br> in between the categories and it made a nice space in between, but that is only on the SFNT page. All other pages still look the same. I don't want to make all new pages it will make it to hard to add and remove product from the store.All I want to do add that space on other pages so it looks the same. I am thinking that miva is to hard for me do to the fact I don't know HTML. I don't use CSS I don't know what that is what is CSS. I'm in over my head !!! It's just the category tree on every page I want to change. PS I didn't do the SFNT page, the person who is optimizing my site did it.


Stan
Vic - WolfPaw Computers
11-05-06, 09:19 PM
Since you have not posted a link to the site, I can only assume that you are not using the standard category tree MIVA Merchant creates, but rather statically coded one in your SFNT page.

I would sugget if you do not know HTML, that you consider hiring a professional designer to do your store - unless you'd like to take the time to learn.


Ok Let me clear this up. I have made a new page for my SFNT so now I can edit that page with html which I am not good at. IT's not the original page. So now when I add a category it doesn't go up on the SFNT page. I have to go in to SFNT and manual add the category. SO now all I did was add <br> in between the categories and it made a nice space in between, but that is only on the SFNT page. All other pages still look the same. I don't want to make all new pages it will make it to hard to add and remove product from the store.All I want to do add that space on other pages so it looks the same. I am thinking that miva is to hard for me do to the fact I don't know HTML. I don't use CSS I don't know what that is what is CSS. I'm in over my head !!! It's just the category tree on every page I want to change. PS I didn't do the SFNT page, the person who is optimizing my site did it.


Stan
Pete McNamara
11-05-06, 10:34 PM
Stan, try my solution. Try it on say, the CTGY template. Once you get the category tree on the category pages working correctly, then reinstate the original SFNT Template and use my solution there. Also use it on the PROD template.

If that solution is too difficult then, as Vic intimates, hiring a professional could save you a lot of time and grief.
Leatherman
11-07-06, 12:34 AM
Vic I added what you said in ctgy display and in prod display and no change This is the store front page link and I want the other pages to look the same http://www.sjfdistributor.com/mm5/merchant.mvc

Stan
Dan - Kemper Strategic
11-07-06, 01:25 AM
I am thinking that miva is too hard for me due to the fact I don't know HTML.

Unfortunately if you do not have a solid knowledge of HTML, customizing your MIVA Merchant site is going to be extremely difficult. If your budget allows, I think it is time you hire someone to customize your site.
Pete McNamara
11-07-06, 05:33 AM
Actually, I just noticed that you did try what I suggested. I didn't see that before because you addressed your post above to Vic. I am not Vic.

I see why it isn't working - change this:
#cattree a {margin-bottom: 10px;}
to this:
#cattree a {display:block;margin-bottom: 10px;}
and then it should.
Leatherman
11-09-06, 02:59 AM
Yes that worked Thank you

Stan