Online Tips for Web Developer/Designer

php code to change

Go to the following folder and open the file.
administrator/components/com_virtuemart/classes/ and open the file name called ps_product_category.php. Do a search and find the following code

<a title="'.$catname.'" style="display:block;'.$style.'" class="'. $css_class .'" href="'. $sess->url(URL."index.php?page=shop.browse&amp;category_id=".$category_tmp[$row_list[$n]]["category_child_id"]) .'" '.$append.'>'
	. str_repeat("&nbsp;&nbsp;&nbsp;",$depth_list[$n]) . $catname
	. ps_product_category::products_in_category( $category_tmp[$row_list[$n]]["category_child_id"] )
	.'</a>';

replace it with

<a title="'.$catname.'" style="display:block;'.$style.'" class="'. $css_class .'" href="'. $sess->url(URL."index.php?page=shop.browse&amp;category_id=".$category_tmp[$row_list[$n]]["category_child_id"]) .'" '.$append.'><span>'
	. str_repeat("<div class=\"space\">",$depth_list[$n]) . $catname
	. ps_product_category::products_in_category( $category_tmp[$row_list[$n]]["category_child_id"] )
	. str_repeat("</div>",$depth_list[$n]) .'</span></a>';

So in this we have added a span and a div, the span is the create the style for your wording. The div are there to give spacing to your sub cat and sub sub cat, and so on.

There just so many ways to complete this, you can also hard code the padding-left into your code like below.

<a title="'.$catname.'" style="display:block;'.$style.'" class="'. $css_class .'" href="'. $sess->url(URL."index.php?page=shop.browse&amp;category_id=".$category_tmp[$row_list[$n]]["category_child_id"]) .'" '.$append.'><span style="padding-left: '.(10 * $depth_list[$n]).'px">'
    . $catname
    . ps_product_category::products_in_category( $category_tmp[$row_list[$n]]["category_child_id"] )
    .'</span></a>';

Adding css

Adding the necessary css code to make the proper spacing and block needed for the padding.

a.sublevel span{
	display:block;
	border-bottom:#CCC dotted 1px;
}
a.sublevel .space{
	padding-left:10px;
}

After